按鈕功能調用不起作用？

歡迎
[文本] [文本]
輸入一個值乘以[正片！]。通過這個網站碼代表

：

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

按鈕功能調用不起作用？

回答

相關問題