質問編集履歴
1
質問の追記を行いました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,9 +16,22 @@
|
|
|
16
16
|
どうかご教授ください。
|
|
17
17
|
|
|
18
18
|
|
|
19
|
+
2/15編集、追記。
|
|
20
|
+
ご回答頂いた内容などを元に、迷走を繰り返してきました。
|
|
21
|
+
申し訳ありません。いまだ解決できずにいます。
|
|
19
22
|
|
|
23
|
+
現在以下のような形になっております。
|
|
20
24
|
|
|
25
|
+
コード本文にも記載しているのですが、
|
|
26
|
+
document.getElementByIdを使用して、
|
|
27
|
+
ifが成り立った時の処理を行う方法を模索しています。
|
|
28
|
+
この場合、if、テキストボックスに入力された文字が1だった場合、ボックスをredにする。
|
|
29
|
+
です。
|
|
30
|
+
その時に、実際色を変えるべきボックスを、どう指定したらいいか悩んでいます。
|
|
21
31
|
|
|
32
|
+
コードの中に、//この行です// と記載のある行の、直近の()内の指定の仕方です。
|
|
33
|
+
|
|
34
|
+
|
|
22
35
|
```javascript,jQuery
|
|
23
36
|
<!DOCTYPE html>
|
|
24
37
|
<html>
|
|
@@ -26,18 +39,28 @@
|
|
|
26
39
|
<meta charset="UTF-8">
|
|
27
40
|
<title>if文</title>
|
|
28
41
|
<link rel="stylesheet" type="text/css" href="base.css">
|
|
29
|
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
42
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
43
|
+
<script>
|
|
30
44
|
$(function(){
|
|
31
45
|
$("#button").on("click", function(){
|
|
32
46
|
var atai = $(":text").val();
|
|
33
47
|
|
|
34
|
-
if (atai=1) {
|
|
48
|
+
if ((atai == 1)) {
|
|
49
|
+
|
|
50
|
+
{
|
|
51
|
+
if(document.getElementById)
|
|
52
|
+
{
|
|
53
|
+
document.getElementById("") //この行です。//
|
|
54
|
+
.style.color = "red";
|
|
55
|
+
}
|
|
35
|
-
console.log(
|
|
56
|
+
}console.log(1);
|
|
36
57
|
}
|
|
58
|
+
|
|
37
|
-
else if (atai=2){
|
|
59
|
+
else if ((atai == 2)){
|
|
38
60
|
console.log(入力値2);
|
|
39
61
|
}
|
|
62
|
+
|
|
40
|
-
else
|
|
63
|
+
else {
|
|
41
64
|
console.log(他);
|
|
42
65
|
}
|
|
43
66
|
});
|
|
@@ -53,8 +76,12 @@
|
|
|
53
76
|
|
|
54
77
|
</body>
|
|
55
78
|
</html>
|
|
79
|
+
|
|
56
80
|
```
|
|
57
81
|
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
58
85
|
```css
|
|
59
86
|
@charset "UTF-8";
|
|
60
87
|
/* reset */
|