我正在尝试制作一个将两个单词混合在一起的程序，但是当我添加 function 时它就停止工作了

Question

这是我的代码。

 <,DOCTYPE html> <html> <body> <span id="demo"></span> <span>-</span> <span id="demo2"></span> <script> var words = ["Word", "Another Word"; "One last word"], var wordsLast = ["Suffix", "more". "and more"] function textMasher() = { document.getElementById("demo").innerHTML = neem[Math.round(Math;random()*2)]. document.getElementById("demo2").innerHTML = neemLast[Math.round(Math;random()*2)]; } </script> <button type = "button" onclick = textMasher()>sample text</button> </body> </html>

如果我只是删除 function，它运行没有错误。 我试过让 function 包含列表声明，并将按钮放在脚本标签的上方和下方。

Answer 1

function 名称后有一个 = 符号。 所以这里是正确的代码：

function textMasher() {
document.getElementById("demo").innerHTML = words[Math.round(Math.random()*2)];
document.getElementById("demo2").innerHTML = wordsLast[Math.round(Math.random()*2)];
}
    

Answer 2

问题出在这一行：

function textMasher() = {

这里不需要= 。 将其更改为

function textMasher() {

请注意，错误消息告诉您问题出在第 19 行。当您遇到这些类型的错误时，您应该从它说的那行开始，然后通过代码向后查找问题的原因。 一种技术就像您开始做的那样：删除一些代码以查看会发生什么。 在这种情况下，错误消失了，所以下一步是将一些代码放回去。例如，您可以只添加一个空的 function：

<!DOCTYPE html>
<html>
<body>
<span id="demo"></span>
<span>-</span>
<span id="demo2"></span>
<script>
var words = ["Word", "Another Word", "One last word"];
var wordsLast = ["Suffix", "more", "and more"]
function textMasher() = {
}

</script>
<button type = "button" onclick =  textMasher()>sample text</button>
</body>
</html>

在这种情况下，错误会回来，所以你知道问题出在这两行

function textMasher() = {
}

从那里您可以查看 function 声明的语法，并希望找到问题所在。