teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問javascriptで ボタンを押すと数値が ±1000ずつされていく２つのボタンを追加したいが、+を押した時だけ数字が加算されるのではなく、そのまま文字として追加されてしまう。

編集履歴

質問編集履歴

5

調整

2021/12/27 10:23

投稿

Irohabegginer
Irohabegginer

スコア1

title CHANGED
File without changes
body CHANGED
@@ -18,9 +18,9 @@
18
18
 
19
19
  ```HTML
20
20
  <tr>
21
- <td>価格　　　： <button id="value_plus">＋</button><input type="number" name="value" id="value" value="1000000" size="10"> 円 <button id="value_minus">－</button>
21
+ <td>価格　　　： <button id="value_plus">＋</button><input type="number" name="value" id="value" value="1000000" size="10"> 円 <button id="value_minus">－</button>
22
- </td>
22
+ </td>
23
- </tr>
23
+ </tr>
24
24
 
25
25
  ```
26
26
  ```javascript

4

HTML追加

2021/12/27 10:23

投稿

Irohabegginer
Irohabegginer

スコア1

title CHANGED
File without changes
body CHANGED
@@ -16,7 +16,13 @@
16
16
  ### 該当のソースコード
17
17
 
18
18
 
19
+ ```HTML
20
+ <tr>
21
+ <td>価格　　　： <button id="value_plus">＋</button><input type="number" name="value" id="value" value="1000000" size="10"> 円 <button id="value_minus">－</button>
22
+ </td>
23
+ </tr>
19
24
 
25
+ ```
20
26
  ```javascript
21
27
  let valueoutput = document.getElementById("value");
22
28
 

3

マークダウン方式に変更

2021/12/27 10:22

投稿

Irohabegginer
Irohabegginer

スコア1

title CHANGED
File without changes
body CHANGED
@@ -15,8 +15,9 @@
15
15
 
16
16
  ### 該当のソースコード
17
17
 
18
- javascript
19
18
 
19
+
20
+ ```javascript
20
21
  let valueoutput = document.getElementById("value");
21
22
 
22
23
  let valueplusButton = document.getElementById("value_plus");
@@ -34,6 +35,7 @@
34
35
  valueoutput.value -= 1000;
35
36
  };
36
37
  valueminusButton.addEventListener("click", onClickvalueMinusButton);
38
+ ```
37
39
 
38
40
 
39
41
  ### 試したこと

2

試したことの追加

2021/12/27 09:57

投稿

Irohabegginer
Irohabegginer

スコア1

title CHANGED
File without changes
body CHANGED
@@ -40,4 +40,5 @@
40
40
 
41
41
  +=1000;を-=1000;にしたところ、プラスボタンを押すと数値が-1000された。
42
42
  +=1000;を ++;にしたところ、プラスボタンを押すたび数値が1ずつ増えた。
43
- housevalueoutput.value += Number('1000');　にするも、変わらず 入力した数値の横に1000が追加されていった。
43
+ housevalueoutput.value += Number('1000');　にするも、変わらず 入力した数値の横に1000が追加されていった。
44
+ 1000の状態でプラスボタンを押し、10001000になった状態でマイナスボタンを押すと10000000,9999000となった。

1

試したことの追加

2021/12/27 09:56

投稿

Irohabegginer
Irohabegginer

スコア1

title CHANGED
File without changes
body CHANGED
@@ -39,4 +39,5 @@
39
39
  ### 試したこと
40
40
 
41
41
  +=1000;を-=1000;にしたところ、プラスボタンを押すと数値が-1000された。
42
- +=1000;を ++;にしたところ、プラスボタンを押すたび数値が1ずつ増えた。
42
+ +=1000;を ++;にしたところ、プラスボタンを押すたび数値が1ずつ増えた。
43
+ housevalueoutput.value += Number('1000');　にするも、変わらず 入力した数値の横に1000が追加されていった。