Javascript 按钮功能调用不起作用？

我想要一个有如下内容的网页：

欢迎
[textbox][textbox][Multiply！]
输入要相乘的值

由以下html代码表示：

window.onload=函数begin（）{
document.getElementById（“demo”）.innerHTML=“欢迎”；
}
函数乘法（var1，var2）{
document.getElementById（'multiply'）.innerHTML=var1*var2
}

倍增！
输入要乘法的值

您在

onclick

中缺少

“

，我更改了脚本。我还删除了不必要的元素。只需将它们添加回代码中即可

编辑

我返回了

标记并添加了

type=“button”

属性以防止表单提交。感谢@Patrick Roberts和@Nick Tirrell提供的信息

函数乘法（）{
var num1=document.getElementById（“num1”）.value；
var num2=document.getElementById（“num2”）.value；
document.getElementById（'multiply'）。innerHTML=num1*num2
}

倍增！
输入要乘法的值
您在
onclick
中缺少
“
，我更改了脚本。我还删除了不必要的元素。只需将它们重新添加到代码中

编辑

我返回了
标记并添加了
type=“button”
属性以防止表单提交。感谢@Patrick Roberts和@Nick Tirrell提供的信息


函数乘法（）{
var num1=document.getElementById（“num1”）.value；
var num2=document.getElementById（“num2”）.value；
document.getElementById（'multiply'）。innerHTML=num1*num2
}

倍增！
输入要乘法的值
给每个输入一个
id
属性，然后使用该属性获取要乘以的值，例如
document.getElementById（“my-id-1”）.value
。此外，使用基本的

doc.getElementById("my-button").addEventListener('click', function(evt) {
    //do your thing.
});

为每个输入指定一个
id
属性，然后使用该属性获取要乘以的值，例如
document.getElementById（“my-id-1”）.value
。此外，使用基本的

doc.getElementById("my-button").addEventListener('click', function(evt) {
    //do your thing.
});


试验
倍增！
输入要乘法的值
函数乘法（）{
var numberOne=document.getElementById（'num1'）。值；
var numberTwo=document.getElementById（'num2'）。值；
var multiply=document.getElementById（'multiply'）；
var multipledResult=numberOne*numberTwo；
multiply.innerHTML=multipliedResult；
}

试验
倍增！
输入要乘法的值
函数乘法（）{
var numberOne=document.getElementById（'num1'）。值；
var numberTwo=document.getElementById（'num2'）。值；
var multiply=document.getElementById（'multiply'）；
var multipledResult=numberOne*numberTwo；
multiply.innerHTML=multipliedResult；
}
您没有采取任何措施阻止表单提交，而且在
onclick=multiply（num1，num2）
中的函数调用周围缺少引号。另外，
num1
和
num2
从何而来？这和你的最后一个问题听起来都有点像入门级web开发课程中的家庭作业问题。在发布此问题之前，您尝试进行了哪些更改来解决此问题？我刚刚注意到，文件的命名约定更像是在某些课程的课堂活动中给出的命名约定。您没有采取任何措施来阻止表单提交，而且在
onclick=multiply中的函数调用中缺少引号（num1，num2）
。另外，
num1
和
num2
从何而来？这两个问题，以及你的最后一个问题，听起来都有点像入门级web开发类中的家庭作业问题。在发布这个问题之前，你尝试过做哪些更改来解决这个问题？我刚刚注意到文件的命名约定更像those在一些Sort的课堂活动中给出了这类笔刷的事实，即表单提交导致表单在地毯下失败，而没有对其进行寻址。尝试将
…
添加回，您将再次看到此失败，直到添加
type=“button”
到您的
。我注意到当
在那里时，它正在工作，然后突然消失。我会试试您的suggestion@NickTirrell我在编辑答案时才意识到，我忘记了
的默认值是
type=“submit”
，难怪它消失了这种情况会导致表单提交失败，而没有解决它。尝试重新添加
…
，您会看到它再次失败，直到添加
type=“button”
到您的
。我注意到当
在那里时，它正在工作，然后突然消失。我会试试您的suggestion@NickTirrell我在编辑答案时才意识到，我忘记了
的默认值是
type=“submit”
，难怪它会消失