質問編集履歴

2

DOMを読み込む処理をつけ忘れていました。

2022/04/18 07:04

投稿

teratail-boy
teratail-boy

スコア20

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,8 @@
4
4
  ### 現在の状況
5
5
  type="number"が指定してあるクラスをページ内から取得し、そのクラス内でキーボードから入力された値が数字以外であれば、値を一つ前の情報に戻す処理を行う。という処理を実現したいのですが、うまく動いていないです。コードは下記です。
6
6
  ```javascript
7
+ document.addEventListener('DOMContentLoaded', function() {
7
- const inputTypeNumberDoc = document.querySelectorAll("input[type='number']");
8
+ const inputTypeNumberDoc = document.querySelectorAll("input[type='number']");
8
9
  inputTypeNumberDoc.forEach((matche) => {
9
10
  matche.addEventListener('keydown',e => {
10
11
  const val = matche.value;
@@ -23,6 +24,7 @@
23
24
  });
24
25
  });
25
26
  });
27
+
26
28
  ```
27
29
 
28
30
  ```html

1

インデント修正

2022/04/18 06:24

投稿

teratail-boy
teratail-boy

スコア20

test CHANGED
File without changes
test CHANGED
@@ -15,14 +15,14 @@
15
15
  matche.value=val;
16
16
  }
17
17
  })
18
- }else{
18
+ }else{
19
- setTimeout(() => {
19
+ setTimeout(() => {
20
20
  matche.value=val;
21
21
  })
22
- }
22
+ }
23
- });
24
23
  });
25
24
  });
25
+ });
26
26
  ```
27
27
 
28
28
  ```html