gpt4 book ai didi

javascript - 如何让 JS 函数从 HTML 按钮返回到标题?

转载 作者:行者123 更新时间:2023-12-04 10:43:53 24 4
gpt4 key购买 nike

我正在为我的科学博览会制作一个乘法练习网站,我需要一些帮助。我希望网站显示用户输入与正确答案相比是正确还是错误。我想我对函数的编码是正确的,我知道用提交按钮来调用它。但是,我在访问该函数的返回时遇到了一些麻烦。函数返回到哪里以及如何访问它?

    		//get random integer
var num1 = Math.floor(Math.random() * (14 - 7 + 1) ) + 7;
var num2 = Math.floor(Math.random() * (14 - 7 + 1) ) + 7;
var userAnswer = 0
document.getElementById('num1').innerHTML = num1;
document.getElementById('num2').innerHTML = num2;



function validateAnswer(num1, num2) {
var realAnswer = num1*num2;
var userAnswer = document.getElementById('userAnswer').value;
if (realAnswer == userAnswer){
return 'correct';
}
else {
return 'incorrect';
}

}
    	<h1>Multiplication Practice</h1>
<div class="equation">
<h2 id="num1" class="num1multiply"></h2>
<span class="multiplicationSign">&#215;</span>
<h2 id="num2" class="num2multiply"></h2>
</div class="equation">
<br>
<input type="integer" id="userAnswer">
<button onclick="validateAnswer(num1, num2);" id="submit">Submit</button>
<br>
<h2 id="validateAnswer"></h2>
<br>
<br>
<a class="back" href="main.html">back</a>

最佳答案

由于您调用validateAnswer() onclick 的功能,我建议不要返回任何东西。 JavaScript 函数不必有返回值。它只能执行一个 Action 。在这种情况下,我建议更新函数以将结果设置到文档中。

function validateAnswer(num1, num2) {
var realAnswer = num1*num2;
var userAnswer = document.getElementById('userAnswer').value;
var result;
if (realAnswer == userAnswer){
result = 'correct';
}
else {
result = 'incorrect';
}
document.getElementById('validateAnswer').innerHTML = result;
}

关于javascript - 如何让 JS 函数从 HTML 按钮返回到标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59805404/

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