我是学习 HTML 和 CSS 后的 javascript 初学者,我的例子没有给我预期的结果。例如,以下代码没有给我响应反馈。
<html>
<head>
<title>My Script</title>
<script type="text/javascript">
var perfectNumber = 12;
function checkApples(numApples) {
if (numApples == perfectNumber) {
alert("You ate the perfect number of apples!");
} else if (numApples > perfectNumber) {
alert("You ate way too many apples.");
} else if (numApples < perfectNumber) {
alert("You didn't eat enough apples.");
}
}
</script>
<body>
<form method="POST" name="applesForm" onSubmit="checkApples(document.applesForm.numApples);">
<input type="text" name="numApples" id="numApples" />
<input type="Submit" name="Submit" />
</form>
</body>
</head>
</html>
非常感谢有帮助的回答。
最佳答案
在您的函数中,您使用的是 DOM 元素而不是值
var perfectNumber = 12;
function checkApples(numApples)
{
console.log(numApples);
var value = numApples.value; //get the value
if (value == perfectNumber)
{
alert("You ate the perfect number of apples!");
}
else if (value > perfectNumber)
{
alert("You ate way too many apples.");
}
else if (value < perfectNumber)
{
alert("You didn't eat enough apples.");
}
}
<html>
<head>
<title>My Script</title>
<body>
<form method="POST" name="applesForm" onSubmit="checkApples(document.applesForm.numApples);">
<input type="text" name="numApples" id="numApples" />
<input type="Submit" name="Submit" />
</form>
</body>
</head>
</html>
关于HTML 上的 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40106348/