回答編集履歴
4
コード修正
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
```html
|
|
4
4
|
|
|
5
|
-
<input id="counter" type="number" min="0" max="500" value="0" readonly style="border:none
|
|
5
|
+
<input id="counter" type="number" min="0" max="500" value="0" readonly style="border:none; background:transparent;">
|
|
6
6
|
|
|
7
7
|
```
|
|
8
8
|
|
3
typo
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
`#counter` を`<input type=number>`にするとシンプルになるのではないでしょうか。
|
|
2
2
|
|
|
3
|
-
```htm
|
|
3
|
+
```html
|
|
4
4
|
|
|
5
5
|
<input id="counter" type="number" min="0" max="500" value="0" readonly style="border:none, background:transparent;">
|
|
6
6
|
|
2
全面改訂
test
CHANGED
|
@@ -1,21 +1,11 @@
|
|
|
1
|
+
`#counter` を`<input type=number>`にするとシンプルになるのではないでしょうか。
|
|
2
|
+
|
|
1
|
-
|
|
3
|
+
```htmml
|
|
4
|
+
|
|
5
|
+
<input id="counter" type="number" min="0" max="500" value="0" readonly style="border:none, background:transparent;">
|
|
6
|
+
|
|
7
|
+
```
|
|
2
8
|
|
|
3
9
|
|
|
4
10
|
|
|
5
|
-
`text.value` は文字列なので、そのまま加減算しても期待通りにはなりません。
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
`text.valueAsNumber`
|
|
11
|
+
こうすると、ボタンクリック時は、`counter.stepDown(text.valueAsNumber)` `counter.stepUp(text.valueAsNumber)` でよいです。
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
<input type="number" value="1" class="counter1" max="500" min="0" id="textbox">
|
|
18
|
-
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
のように `data-max` `data-min` を `max` `min` に変更して、`input.stepUp()` `input.stepDown()` を使うともっとシンプルですね。
|
1
文言
test
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
**↓勘違いしてました。書き直します**
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
1
5
|
`text.value` は文字列なので、そのまま加減算しても期待通りにはなりません。
|
|
2
6
|
|
|
3
7
|
|