Javascript 这个代码有什么问题？当我运行时，结果只显示0_Javascript

Javascript 这个代码有什么问题？当我运行时，结果只显示0

javascript

Javascript 这个代码有什么问题？当我运行时，结果只显示0,javascript,Javascript,这个代码有什么问题？当我运行时，它只显示0作为结果。我已经检查了所有已知的可能错误。乘法结果显示为0 <html> <head> <title>Calculate</title> <style> </style> </head> <body> <p>1st Number:<input type="text" id="firstNumber"></p> <p&g

这个代码有什么问题？当我运行时，它只显示0作为结果。我已经检查了所有已知的可能错误。乘法结果显示为0

<html>
<head>
<title>Calculate</title>
<style>
</style>
</head>
<body>
<p>1st Number:<input type="text" id="firstNumber"></p>
<p>2nd Number:<input type="text" id="secondNumber"></p>
<button id="m">Multiply</button>
<button id="d">divide</button>
<p id="num"></p>

<script>
 var firstNumber,secondNumber;
 firstNumber=document.getElementById("firstNumber").value;
 secondNumber=document.getElementById("secondNumber").value;

 document.getElementById("m").onclick=function()
 {
  document.getElementById("num").innerHTML=firstNumber*secondNumber;
 }

 document.getElementById("d").onclick=function()
 {
  document.getElementById("num").innerHTML=firstNumber/secondNumber;
 }
</script>
</body>
</html>


算计
第一个号码：
第二个号码：
倍增
分

变量firstNumber，secondNumber；
firstNumber=document.getElementById（“firstNumber”）.value；
secondNumber=document.getElementById（“secondNumber”）.value；
document.getElementById（“m”）.onclick=function（）
{
document.getElementById（“num”）.innerHTML=firstNumber*secondNumber；
}
document.getElementById（“d”）.onclick=function（）
{
document.getElementById（“num”）.innerHTML=firstNumber/secondNumber；
}

firstNumber

和

secondNumber

始终是空字符串，因为您在有人单击之前获取它们

当有人单击时，您必须获取值

document.getElementById("m").onclick = function() {
    var firstNumber = document.getElementById("firstNumber").value;
    var secondNumber = document.getElementById("secondNumber").value;

    document.getElementById("num").innerHTML = firstNumber * secondNumber;
}

document.getElementById("d").onclick = function() {
    var firstNumber = document.getElementById("firstNumber").value;
    var secondNumber = document.getElementById("secondNumber").value;

    document.getElementById("num").innerHTML = firstNumber / secondNumber;
}

您最好使用

addEventListener

而不是内联javascript

firstNumber

和

secondNumber

始终是空字符串，因为在有人单击之前您会得到它们

当有人单击时，您必须获取值

document.getElementById("m").onclick = function() {
    var firstNumber = document.getElementById("firstNumber").value;
    var secondNumber = document.getElementById("secondNumber").value;

    document.getElementById("num").innerHTML = firstNumber * secondNumber;
}

document.getElementById("d").onclick = function() {
    var firstNumber = document.getElementById("firstNumber").value;
    var secondNumber = document.getElementById("secondNumber").value;

    document.getElementById("num").innerHTML = firstNumber / secondNumber;
}

最好在元素上使用

addEventListener

而不是内联javascript

生成变量

firstNumber

和

secondNumber

指针，而不是从函数外部检索值。这样您就可以访问函数中元素的值

var firstNumber，secondNumber；
firstNumber=document.getElementById（“firstNumber”）；
secondNumber=document.getElementById（“secondNumber”）；
document.getElementById（“m”）.onclick=function（）{
document.getElementById（“num”）.innerHTML=firstNumber.value*secondNumber.value；
}
document.getElementById（“d”）.onclick=function（）{
document.getElementById（“num”）.innerHTML=firstNumber.value/secondNumber.value；
}


算计
第一个号码：

第二个号码：

倍增
分

在元素上创建变量

firstNumber

和

secondNumber

指针，而不是从函数外部检索值。这样您就可以访问函数中元素的值

var firstNumber，secondNumber；
firstNumber=document.getElementById（“firstNumber”）；
secondNumber=document.getElementById（“secondNumber”）；
document.getElementById（“m”）.onclick=function（）{
document.getElementById（“num”）.innerHTML=firstNumber.value*secondNumber.value；
}
document.getElementById（“d”）.onclick=function（）{
document.getElementById（“num”）.innerHTML=firstNumber.value/secondNumber.value；
}


算计
第一个号码：

第二个号码：

倍增
分