我正在为我妻子的一年级类(class)开发一个移动应用程序,以便他们可以练习常见词。我是 JavaScript 新手,但我能够实现我的第一个目标,即获取 JavaScript 数组并从中提取随机单词。我的第二个目标是让用户输入他们看到的单词,单击按钮并将他们输入的单词与随机单词进行比较。我尝试用第二个函数来做到这一点,但它没有做到。我在控制台中没有收到任何错误,因此我对如何使其正常工作有点迷失。我和一群一年级学生将非常感谢任何帮助。这是我到目前为止所拥有的代码。
<!DOCTYPE html>
<html>
<body>
<h1>Practice Spelling Test</h1>
<p id="aWord"></p>
<input id="yourTurn">
<button onclick="myFunction()">New Word</button>
<button onclick="checkSpelling()">Check My Spelling</button>
<p id="result"></p>
<script>
var sightWord = ["hoof", "hook", "shook", "hood", "wood", "took", "book", "good", "food", "mood", "look"];
var yourTurn = document.getElementById("yourTurn").value;
var aWord = document.getElementById("aWord").value;
var checkWord = (yourTurn == aWord)?"Nice Job!":"So close! Try again!";
function myFunction() {
var showWord = sightWord[Math.floor((Math.random()*10)+1)];
aWord.innerHTML = showWord;
}
function checkSpelling(result) {
document.getElementById("result").innerHTML=checkWord;
}
</script>
</body>
</html>
最佳答案
您混淆了value
和innerHTML
。
value
用于 input
和 textarea
元素,innerHTML
用于几乎其他元素
此代码适合您:
<!DOCTYPE html>
<html>
<body>
<h1>Practice Spelling Test</h1>
<p id="aWord"></p>
<input id="yourTurn">
<button onclick="myFunction()">New Word</button>
<button onclick="checkSpelling()">Check My Spelling</button>
<p id="result"></p>
<script>
var sightWord = ["hoof", "hook", "shook", "hood", "wood", "took", "book", "good", "food", "mood", "look"];
var yourTurn = document.getElementById("yourTurn");
var aWord = document.getElementById("aWord");
function myFunction() {
var showWord = sightWord[Math.floor((Math.random()*10)+1)];
aWord.innerHTML = showWord;
}
function checkSpelling(result) {
var checkWord = (yourTurn.value == aWord.innerHTML)?"Nice Job!":"So close! Try again!";
document.getElementById("result").innerHTML=checkWord;
}
</script>
</body>
</html>
在此处查看实时代码:http://jsbin.com/ubofus/1/edit
关于javascript - 比较 JavaScript 中的两个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15888223/