HTMLでボタンを使ってフィールドにアクセスして追加する

Question

これは単純なはずですが、動作させることができないようです。私が取り組んでいる環境では、IDではなくNAMEを使用する必要があるので、私は自分の名前がす​​べてユニークであることを確認しています。私は単に入力フィールドから2つの数値を取得し、それらを一緒に追加し、答えを読み取り専用フィールドに入れたいだけです。

<input type="number" name="first_num"></input> 
<input type="number" name="second_num"></input> 
<input type="number" name="sum_of_num" readonly></input> 
<button name="perform_sum" onclick="document.getelementsbyname("sum_of_num")[0].value=(document.getelementsbyname("first_num")[0].value+document.getelementsbyname("second_num")[0].value)">Sum</button> 

Answer 1

<input type="number" name="first_num"></input> 
 
<input type="number" name="second_num"></input> 
 
<input type="number" name="sum_of_num" readonly></input> 
 
<button name="perform_sum" onclick="document.getElementsByName('sum_of_num')[0].value = (parseInt(document.getElementsByName('first_num')[0].value) + parseInt(document.getElementsByName('second_num')[0].value))">Sum</button>

• getelementsbなければなりませんynameの名前 - > getElementsByName（ジャバスクリプトは大文字と小文字が区別されます）
• " - > '（あなたがHTMLで二重の頂点を使用する場合はJavaScriptであなたの二重の頂点を大幅に削減またはJavaScriptで単一の頂点を使用する必要があり、あるいは逆にする必要があり）
• 。

  $("button").click(function() { 
      var first_num = Number($("input[name='first_num']").val()); 
      var second_num = Number($("input[name='second_num']").val()); 
      $("input[name='sum_of_num']").val(first_num + second_num); 
  }); 
  

  jQueryの属性によって選択することが超簡単になります：それは（あなたがjQueryのタグを付けていなかったにもかかわらず）が最も簡単ですので、値が文字列である、あなたはint型

Answer 2

単一引用符を使用する必要があります。それ以外の場合は、属性が閉じているとみなされます。また、機能は、大文字と小文字が区別されるので、getElementsByName

から

<button name="perform_sum" onclick="document.getelementsbyname("sum_of_num")[0].value=(document.getelementsbyname("first_num")[0].value+document.getelementsbyname("second_num")[0].value)">Sum</button> 

に

<button name="perform_sum" onclick="document.getElementsByName('sum_of_num')[0].value=(document.getElementsByName('first_num')[0].value+document.getElementsByName('second_num')[0].value)">Sum</button> 

Answer 3

jQueryの答えでそれを変換する必要があります名前など。

Answer 4

あなたはparseInt関数を使用する必要があります。それ以外の場合は、2つのボックス値を連結します。