按钮功能调用不起作用？

欢迎
[文本] [文本]
输入一个值乘以[正片！]。通过这个网站码代表

：

window.onload = function begin() { 
 
    document.getElementById("demo").innerHTML = "Welcome"; 
 
} 
 

 
function multiply(var1, var2) { 
 
    document.getElementById('multiply').innerHTML = var1 * var2 
 
}

<body onload="onload();"> 
 
    <p id='demo'> </p> 
 

 
    <form> 
 
    <input type='number' name=num1> 
 
    <input type='number' name=num2> 
 
    <button onclick=multiply(num1, num2)> Multiply! </button> 
 
    </form> 
 

 
    <p id='multiply'> Enter a value to multiply. </p> 
 

 
</body>

来源

2017-06-09 user604803

你没有做任何事情，从提交停止形式，再加上你错过了周围的函数调用引号'的onclick =乘（NUM1，NUM2）'。另外，num1和num2从哪里来？ – j08691

这和你最后一个问题一样，听起来有点像入门级web开发课的作业问题。在发布这个问题之前，您尝试过解决问题有哪些变化？ –

我刚刚注意到文件的命名规则更像是某些类的活动中给出的那些 – Swellar

你缺乏onclick"，我改剧本。我也删除了不必要的元素。只需添加它们放回你的代码

编辑

我回到<form>标签并添加type="button"属性，以防止从形式提交。由于@Patrick罗伯茨和@Nick蒂雷尔用于信息

function multiply() { 
 
    var num1 = document.getElementById("num1").value; 
 
    var num2 = document.getElementById("num2").value; 
 
    document.getElementById('multiply').innerHTML = num1 * num2 
 
}

<form> 
 
    <input id="num1" type='number'> 
 
    <input id="num2" type='number'> 
 
    <button type="button" onclick="multiply()"> Multiply! </button> 
 
    <p id='multiply'> Enter a value to multiply. </p> 
 
</form>

来源

2017-06-09 02:27:47 Swellar

这种刷写表单提交的事实导致它在地毯下失败而没有解决它。尝试添加'

'回来，直到您向'

我注意到当'

@Swellar这是因为它提交... –

给每个输入端的id属性然后使用该得到的值（一个或多个），以繁殖，例如document.getElementById("my-id-1").value。此外，使用基本

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

来源

2017-06-09 02:29:18

<!DOCTYPE html> 
    <html> 
    <head> 
     <title> Test </title> 
    </head> 

    <body> 
     <form> 
      <input type='number' id='num1'> 
      <input type='number' id='num2'> 
      <button type='button' onclick="multiply()"> Multiply! </button> 
     </form> 

     <p id='multiply'> Enter a value to multiply. </p> 

    <script src="01_using_javascript.js"> </script> 
    </body> 
</html> 

function multiply() { 
    var numberOne = document.getElementById('num1').value; 
    var numberTwo = document.getElementById('num2').value; 
    var multiply = document.getElementById('multiply'); 
    var multipliedResult = numberOne * numberTwo; 
    multiply.innerHTML = multipliedResult; 
}

来源

2017-06-09 02:46:45 return2

按钮功能调用不起作用？

回答

相关问题