JSのOnclickイベントに問題があります

-1

私は次のコードを持っています：https://gist.github.com/anonymous/096da5805e39434b707c6fbd970ccbff。私は私のブラウザでcalc.htmlを開き、空白に2つの数字（5,6）を入力し、何も起こらない場合はsubmitをクリックします。JSのOnclickイベントに問題があります

私は間違っていますか？

出典

2016-12-11 user7280040

ようこそスタックオーバーフロー！質問自体に問題を再現するための最短のコードを含めてください。ありがとう！ – Mooseman

変数定義が間違っています。 '' a = ... 'ではなく' var a = ... 'を実行します –

あなたはに

document.getElementById(var1) = a; 
document.getElementById(var2) = b;

を変更する必要があります：あなたが最初にあなたの変数を宣言する必要があるため、この理由がある

Var a = document.getElementById("var1"); 
Var b = document.getElementById("var2");

。

同様に、引用符を使用しないことにより、JavaScriptはスクリプトタグ内で変数var1（およびvar2それぞれ）の名前で変数を探しています。

引用を使用すると、スコープがHTMLドキュメント全体であることがわかります。

出典

2016-12-11 11:12:56

Uhm..wow、私は吹き飛ばされました！みんなありがとう！ – user7280040

onClickをonclickに、document.getElementById("var1").value = aをvar a= document.getElementById("var1").valueに変更する必要があります。また、VAR bの引用符"var1" .TryこれでIDを閉じて、それはあなたを助ける:)

<html> 
 

 
<head> 
 
    <title>V CALC</title> 
 
</head> 
 

 
<body> 
 
    <script type="text/javascript"> 
 
    function sum() { 
 
     var a = document.getElementById("var1").value; 
 
     var b = document.getElementById("var2").value; 
 
     var c = parseInt(a) + parseInt(b); 
 
     document.write(c); 
 
    } 
 
    </script> 
 
    <p>Type first number:</p> 
 
    <input type="text" id="var1"></input> 
 
    <p>Type second number:</p> 
 
    <input type="text" id="var2"></input> 
 
    <br /> 
 
    <p>Result</p> 
 
    <input type="button" value="SUBMIT" onclick="sum();"></input> 
 
</body> 
 

 
</html>

出典

2016-12-11 11:13:52 vijay

非常にありがとう！ – user7280040

それを撃って、それが働いたかどうかを教えてください！本当にありがとうtho！ – user7280040

それでうまくいった！最後の1つの問題：私が計算のために値を提出すると、電卓は私に間違った答えを吐き出します。どうしたの？？？計算機は入手可能です：https://cdvcalc.github.io – user7280040

私は

<html> 
 
<head> 
 
<title>V CALC</title> 
 
</head> 
 
<html> 
 
<head> 
 
<title>V CALC</title> 
 
</head> 
 
<body> 
 

 
<p>Type first number:</p> 
 
<input type="text" id="var1"> 
 
<p>Type second number:</p> 
 
<input type="text" id="var2"> 
 
<br /> 
 
<p>Result</p> 
 
<input type="button" value="SUBMIT" onClick="sum();"> 
 
<script type="text/javascript"> 
 
function sum(){ 
 
    var a=parseInt(document.getElementById('var1').value); 
 
    var b=parseInt(document.getElementById('var2').value); 
 
    var c = a + b; 
 
    document.write(c); 
 
}; 
 
</script> 
 
</body> 
 
</html>

次のことを試してみてくださいparseIntを使用して数値の文字列番号を変換し、それは見た通りです。

出典

2016-12-11 11:15:31 liontass

あなたのコードを一撃してください！そんなにありがとう！ – user7280040

有用な回答をplsに追加してください。あなたは私の友達を歓迎する – liontass

JSのOnclickイベントに問題があります

答えて

関連する問題