ボタンの関数呼び出しが機能しません。

私はこのような何かを持っているWebページたい：ボタンの関数呼び出しが機能しません。

は、[テキストボックス] [テキストボックス] [！乗じ]
は、乗算する値を入力します
ようこそ。このhtmlコードによって表される

：

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 devのクラスで宿題の問題のようなビットを鳴らします。この質問を投稿する前に、問題を解決するために何を変更しようとしましたか？ –

私は、ファイルの命名規則は、より多くのブラシのこの種のことは、それに対処することなく、敷物の下で失敗する原因フォームの送信についての事実何らかの – Swellar

あなたはonclickで"が不足している、と私は、スクリプトを変更しました。私も不要な要素を削除しました。ちょうどあなたのコード

EDIT

でそれらを再度追加私は<form>タグを返却し、提出からフォームを防ぐためにtype="button"属性を追加しました。おかげ@Patrickロバーツ情報ため@Nick Tirrellに

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

のクラス活動中に与えられたもののようであることに気づきました。 '

'バックでを追加してみてください、あなたはあなたがあなたの ''

私は '

を試してみてくださいよ、私はデフォルトは '

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

ボタンの関数呼び出しが機能しません。

答えて

関連する問題