回答編集履歴

2023/10/27 08:08

投稿

スコア22019

answer CHANGED Viewed

@@ -8,7 +8,7 @@
 }
 ```
-入力されたフィールドだけ変更したいなら、`this` を渡しましょう。
+入力されたフィールドだけ変更したいなら、`this` を渡すとか `event.target` を使うなどしましょう。
 ```html
 <input class="box" type="text" name="name" oninput="inputChange(this)">
 ```

this

2023/10/27 08:05

投稿

スコア22019

answer CHANGED Viewed

@@ -8,11 +8,14 @@
 }
 ```
-入力されたフィールドだけ変更したいなら、`this` を使いましょう。
+入力されたフィールドだけ変更したいなら、`this` を渡しましょう。
+```html
+<input class="box" type="text" name="name" oninput="inputChange(this)">
+```
 ```js
-function inputChange(){
+function inputChange(input) {
-  this.style.backgroundColor = '#F0E0E0';
+  input.style.backgroundColor = '#F0E0E0';
-  this.style.color = 'red';
+  input.style.color = 'red';
-  this.style.fontWeight = 'bold';
+  input.style.fontWeight = 'bold';
 }
 ```

2023/10/27 08:02

投稿

スコア22019

answer CHANGED Viewed

@@ -7,3 +7,12 @@
   box.style.fontWeight = 'bold';
 }
 ```
+入力されたフィールドだけ変更したいなら、`this` を使いましょう。
+```js
+function inputChange(){
+  this.style.backgroundColor = '#F0E0E0';
+  this.style.color = 'red';
+  this.style.fontWeight = 'bold';
+}
+```