テストプログラム

### 前提条件・したいこと 1. formがparam1、param2、param3と三つあります 2. form param1の送信ボタンを押すと、num1の値が。　 form param2の送信ボタンを押すと、num2の値が。　 form param3の送信ボタンを押すと、num3の値が送信されます。 3. それぞれのformで送信された値を用いて、計算結果を表示します。 ### 問題点 document.getElementByIdで取得する方法だと、1つのidの要素でしか値をとることが出来ません ###ソース ```html テストプログラム

``` ```javascript function func() { const x = document.getElementById('num1').value; console.log(x); let numx = parseInt(x); numx = numx + 1; document.getElementById('answer').innerHTML = numx; } ``` ###試してみたこと document.getElementsByNameで値を取得しようとしました。 ```javascript function func() { const x = document.getElementsByName('num')[0].value; console.log(x); let numx = parseInt(x); numx = numx + 1; document.getElementById('answer').innerHTML = numx; } ``` ですが、これも送信ボタン押したところの値を取得出来ませんでした。各formごとの値を取得できるようにするためには、どうすればよろしいでしょうか。皆様方から、ご助言を頂けたらと思います。お手数ですが、宜しくお願い致します。

	@@ -1,1 +1,1 @@
1	- 複数のformの中から1つ取得した値を、javascriptにを代入したい
1	+ 複数のformの中から1つ取得した値を、javascriptに代入したい

質問編集履歴