gpt4 book ai didi

javascript - 为什么运行index.html文件时我的代码不起作用?

转载 作者:行者123 更新时间:2023-11-28 10:36:24 24 4
gpt4 key购买 nike

这是我第一次尝试编写Javascript代码。我开始制作一个简单的游戏,这是一个迷你测验。在Javascript中,有2个数字,人们查询他们的乘数。怎么了?该代码不起作用。
HTML代码:

<html>
<head>
<title> JAVASCRIPT </title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src= "test.js"> </script>
<link rel="stylesheet" type="text/css" href="diszites.css">
<center>
<p id = "paragraph"> <span id = "number1">8</span> * <span id = "number2">8</span>?
<button id = "button"> Click me! </button>
<input type = "text" id = "inputfield" placeholder="Result">
<p id = "output"></p>
</center>
</body>
</html>


JS代码:

var num1;
var num2;
var input;
var correct;
var answer;
$(document).ready(function () {
num1 = document.getElementById("number1").innerHTML;
num2 = document.getElementById("number2").innerHTML;
input = document.getElementById("inputfield").value;
answer = document.getElementById("output").innerHTML;
$("button").click (function(){
checkAnswer();
});
});
function checkAnswer (){
correct = num1*num2;
if (correct == parseInt (input.value))
{
answer.innerHTML = "Correct!";
}
else {
answer.inenrHTML = "Incorrect";
}
}

最佳答案

answer = document.getElementById("output").innerHTML 


您的代码的这一部分是错误的。
如果打开开发人员控制台并将调试点放在clickme函数上。请参阅
“ typeof答案”。它说“字符串”。您实际上应该将DOM元素设置为“正确”或“不正确”。

解:

if (correct == parseInt (input.value))
{
document.getElementById("output").innerHTML = "Correct!";
}
else {
document.getElementById("output").innerHTML = "Incorrect";
}


PS。您在else块中的innerHtml中也有拼写错误

关于javascript - 为什么运行index.html文件时我的代码不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61040307/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com