質問編集履歴

2

追記

2021/01/20 03:27

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -60,6 +60,8 @@
60
60
 
61
61
  ```
62
62
 
63
+ ※style="background-color: yellow;"となっているのは開発ツールから引用したため。
64
+
63
65
  ```確認ボタン
64
66
 
65
67
  <p><a href="javascript:void(0);" id="btn_submit">確認</a></p>

1

追記

2021/01/20 03:27

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -27,3 +27,47 @@
27
27
  どう変えればよいですか?
28
28
 
29
29
  またなぜ動かないんでしょうか?
30
+
31
+
32
+
33
+ 修正コードを元に追記→
34
+
35
+
36
+
37
+ ```js
38
+
39
+ function checkFilled() {
40
+
41
+ var inputVal = document.getElementById("inputId");
42
+
43
+ if (inputVal.value == "") {
44
+
45
+ inputVal.style.backgroundColor = "yellow";
46
+
47
+ } else {
48
+
49
+ inputVal.style.backgroundColor = "";
50
+
51
+ }
52
+
53
+ };
54
+
55
+ ```
56
+
57
+ ```input
58
+
59
+ <input onchange="checkFilled();" type="text" id="InputId" style="background-color: yellow;">
60
+
61
+ ```
62
+
63
+ ```確認ボタン
64
+
65
+ <p><a href="javascript:void(0);" id="btn_submit">確認</a></p>
66
+
67
+ ```
68
+
69
+ としてみたところ、イエローに色は変わりましたがボタン押下関係なく色が変わる点と、値を入れようがいれまいが色がイエローになっています。
70
+
71
+ 頭もごちゃごちゃなってきてて...再修正お願いできますか?何が問題でしょうか。
72
+
73
+ このbtn_submitをどうにかせねばならないのは分かるんですが、onclickとかを使うんでしょうか?