質問編集履歴
3
コードブロックの処理を行いました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -28,48 +28,52 @@
|
|
28
28
|
|
29
29
|
|
30
30
|
|
31
|
-
---------------------------------------------
|
32
31
|
|
33
|
-
<input type="text"/><input type="text"/></p>
|
34
32
|
|
35
|
-
|
33
|
+
```
|
36
34
|
|
35
|
+
<input type="text"/><input type="text"/></p>
|
36
|
+
|
37
|
+
<script>
|
38
|
+
|
37
|
-
document.getElementsByTagName('input')[0].addEventListener
|
39
|
+
document.getElementsByTagName('input')[0].addEventListener
|
38
40
|
|
39
41
|
|
40
42
|
|
41
|
-
('input',inp,false);
|
43
|
+
('input',inp,false);
|
42
44
|
|
43
|
-
function inp(){
|
45
|
+
function inp(){
|
44
46
|
|
45
|
-
var arr = new Object();
|
47
|
+
var arr = new Object();
|
46
48
|
|
47
|
-
arr['1'] = 'あいうえお';
|
49
|
+
arr['1'] = 'あいうえお';
|
48
50
|
|
49
|
-
arr['2'] = 'かきくけこ';
|
51
|
+
arr['2'] = 'かきくけこ';
|
50
52
|
|
51
|
-
arr['3'] = 'さしすせそ';
|
53
|
+
arr['3'] = 'さしすせそ';
|
52
54
|
|
53
55
|
|
54
56
|
|
55
|
-
var str = document.getElementsByTagName('input')[0].value;
|
57
|
+
var str = document.getElementsByTagName('input')[0].value;
|
56
58
|
|
57
|
-
if (arr[str]) {
|
59
|
+
if (arr[str]) {
|
58
60
|
|
59
|
-
document.getElementsByTagName('input')[1].value = arr[str];
|
61
|
+
document.getElementsByTagName('input')[1].value = arr[str];
|
60
62
|
|
61
|
-
document.getElementById('mongon').innerHTML = arr[str];
|
63
|
+
document.getElementById('mongon').innerHTML = arr[str];
|
62
64
|
|
63
|
-
} else {
|
65
|
+
} else {
|
64
66
|
|
65
|
-
document.getElementsByTagName('input')[1].value = "";
|
67
|
+
document.getElementsByTagName('input')[1].value = "";
|
66
68
|
|
67
|
-
document.getElementById('mongon').innerHTML = "";
|
69
|
+
document.getElementById('mongon').innerHTML = "";
|
68
70
|
|
69
|
-
}
|
71
|
+
}
|
70
72
|
|
71
|
-
}
|
73
|
+
}
|
72
74
|
|
73
|
-
</script>
|
75
|
+
</script>
|
74
76
|
|
77
|
+
|
78
|
+
|
75
|
-
|
79
|
+
```
|
2
タイトルの編集
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
JavaScript内の特定文字のみ色指定
|
test
CHANGED
File without changes
|
1
作成中のコードの記述をいたしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,10 +1,20 @@
|
|
1
|
-
|
1
|
+
以下ようなものを作成しております。
|
2
2
|
|
3
|
-
|
3
|
+
左のテキストエリアに「1~3」を入力すると、右のテキストエリアに「特定の文言」が出ます。
|
4
4
|
|
5
5
|
|
6
6
|
|
7
|
+
そこで質問ですが、
|
8
|
+
|
9
|
+
左に「2」を入れた際の右「かきくけこ」のみ、赤文字で表示したいのですが、
|
10
|
+
|
11
|
+
<font color="red">のように色指定ができないものか悩んでいます。
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
中途半端な知識でお恥ずかしい限りですが、
|
16
|
+
|
7
|
-
HTML
|
17
|
+
HTMLの一つのページで構成する知識しかなく、CSSなどの知識が不足しております。
|
8
18
|
|
9
19
|
一つのページ内で納められるものではなくCSSファイルが必要な場合、
|
10
20
|
|
@@ -13,3 +23,53 @@
|
|
13
23
|
|
14
24
|
|
15
25
|
初歩的で申し訳ありませんが、よろしくお願いします。
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
---------------------------------------------
|
32
|
+
|
33
|
+
<input type="text"/><input type="text"/></p>
|
34
|
+
|
35
|
+
<script>
|
36
|
+
|
37
|
+
document.getElementsByTagName('input')[0].addEventListener
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
('input',inp,false);
|
42
|
+
|
43
|
+
function inp(){
|
44
|
+
|
45
|
+
var arr = new Object();
|
46
|
+
|
47
|
+
arr['1'] = 'あいうえお';
|
48
|
+
|
49
|
+
arr['2'] = 'かきくけこ';
|
50
|
+
|
51
|
+
arr['3'] = 'さしすせそ';
|
52
|
+
|
53
|
+
|
54
|
+
|
55
|
+
var str = document.getElementsByTagName('input')[0].value;
|
56
|
+
|
57
|
+
if (arr[str]) {
|
58
|
+
|
59
|
+
document.getElementsByTagName('input')[1].value = arr[str];
|
60
|
+
|
61
|
+
document.getElementById('mongon').innerHTML = arr[str];
|
62
|
+
|
63
|
+
} else {
|
64
|
+
|
65
|
+
document.getElementsByTagName('input')[1].value = "";
|
66
|
+
|
67
|
+
document.getElementById('mongon').innerHTML = "";
|
68
|
+
|
69
|
+
}
|
70
|
+
|
71
|
+
}
|
72
|
+
|
73
|
+
</script>
|
74
|
+
|
75
|
+
---------------------------------------------
|