Javascript 提示计算器jquery不工作
我正在尝试使用jquery创建一个简单的提示计算器。当我按下submit按钮时,我收到一个javascript警报,上面写着NaN。不知道我做错了什么。我该如何解决这个问题?非常感谢Javascript 提示计算器jquery不工作,javascript,jquery,calculator,Javascript,Jquery,Calculator,我正在尝试使用jquery创建一个简单的提示计算器。当我按下submit按钮时,我收到一个javascript警报,上面写着NaN。不知道我做错了什么。我该如何解决这个问题?非常感谢 <head> <meta name="description" content="tip calculator" /> <meta name="keywords" content="tip, calculator" /> <meta charset="utf-8" />
<head>
<meta name="description" content="tip calculator" />
<meta name="keywords" content="tip, calculator" />
<meta charset="utf-8" />
<title>Tip Calculator</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="tipcalc.js"></script>
</head>
<body>
<div class="entries">
Enter Bill Amount: <input type="text" /> <br><br>
Enter Tip Percent: <input type="text" /> <br><br>
<input type="button" value="Calculate Tip" id="submit" />
</div>
<script>
var total = $("#total").val();
var tip = $("#tip").val();
var amount = total + (tip / 100);
$("#submit").click(
function() {alert(amount);
});
</script>
小费计算器
输入票据金额:
输入小费百分比:
var总计=$(“#总计”).val();
var tip=$(“#tip”).val();
风险价值金额=总额+(小费/100);
$(“#提交”)。单击(
函数(){alert(amount);
});
记住为输入设置id标签:
<div class="entries">
Enter Bill Amount: <input id="total" type="text" /> <br><br>
Enter Tip Percent: <input id="tip" type="text" /> <br><br>
<input type="button" value="Calculate Tip" id="submit" />
</div>
另外,请注意,我将变量移到了事件处理程序的内部。您似乎没有id为“total”或“tip”的div,
替换:
Enter Bill Amount: <input type="text" /> <br><br>
Enter Tip Percent: <input type="text" /> <br><br>
输入票据金额:
输入小费百分比:
与:
输入票据金额:
输入小费百分比:
太棒了。这就成功了。我不得不将amount变量更改为等于total+(tip/100*total),但除此之外,它工作得很好。
Enter Bill Amount: <input type="text" /> <br><br>
Enter Tip Percent: <input type="text" /> <br><br>
Enter Bill Amount: <input type="text" id="total"/> <br><br>
Enter Tip Percent: <input type="text" id="tip"/> <br><br>