質問編集履歴
1
コードの入力を正しくしました
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,5 +1,28 @@
|
|
1
|
+
```Javascript
|
2
|
+
<!DOCTYPE html>
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
<meta charset="UTF-8" />
|
6
|
+
<title>サンプル</title>
|
1
|
-
|
7
|
+
</head>
|
2
|
-
|
8
|
+
<body>
|
9
|
+
<h1 id="kakikae">0回目</h1>
|
10
|
+
<input id="start" type="button" value="start">
|
11
|
+
<script>
|
12
|
+
window.onload = function(){
|
13
|
+
document.getElementById("start").addEventListener("click",function()
|
14
|
+
{
|
15
|
+
var times =0;
|
16
|
+
var timeselement =document.getElementById("kakikae") ;
|
17
|
+
for(var times=0;times<10;times++){
|
18
|
+
alert();
|
19
|
+
timeselement.textContent = times +1+ "回目";}
|
20
|
+
} )
|
21
|
+
}
|
22
|
+
</script>
|
23
|
+
</body>
|
24
|
+
</html>
|
25
|
+
```
|
3
26
|
### 前提・実現したいこと
|
4
27
|
|
5
28
|
ブラウザ画面でstartボタンを押す。→ダイアログボックスでOKボタンを押すたびにブラウザ画面に「n回目」の表示がされる(nは1から10,OKボタンを押した回数)
|
@@ -8,7 +31,8 @@
|
|
8
31
|
|
9
32
|
1から9回目までは表示が変わらず、最後の10回目をクリックして初めて「10回目」と表示が変わります。
|
10
33
|
|
11
|
-
### 該当のソースコード
|
34
|
+
### 該当のソースコード
|
35
|
+
```html
|
12
36
|
<!DOCTYPE html>
|
13
37
|
<html>
|
14
38
|
<head>
|
@@ -17,23 +41,26 @@
|
|
17
41
|
</head>
|
18
42
|
<body>
|
19
43
|
<h1 id="kakikae">0回目</h1>
|
20
|
-
|
44
|
+
<input id="start" type="button" value="start">
|
21
45
|
<script>
|
22
46
|
window.onload = function(){
|
23
|
-
document.getElementById("start").addEventListener("click",function()
|
47
|
+
document.getElementById("start").addEventListener("click",function()
|
48
|
+
{
|
24
49
|
var times =0;
|
25
|
-
|
50
|
+
var timeselement =document.getElementById("kakikae") ;
|
26
|
-
|
51
|
+
for(var times=0;times<10;times++){
|
52
|
+
alert();
|
27
53
|
timeselement.textContent = times +1+ "回目";}
|
28
|
-
})
|
54
|
+
} )
|
29
|
-
|
55
|
+
}
|
30
56
|
</script>
|
31
57
|
</body>
|
32
58
|
</html>
|
59
|
+
```
|
33
60
|
|
34
61
|
### 試したこと
|
35
62
|
下記のようにfor文を外してみましたが同様の動作です(最後だけ数字が変わる)。
|
36
|
-
|
63
|
+
```html
|
37
64
|
<!DOCTYPE html>
|
38
65
|
<html>
|
39
66
|
<head>
|
@@ -47,21 +74,21 @@
|
|
47
74
|
window.onload = function(){
|
48
75
|
document.getElementById("start").addEventListener("click",function(){
|
49
76
|
var times =0;
|
50
|
-
|
77
|
+
var timeselement =document.getElementById("kakikae") ;
|
51
78
|
alert();
|
52
|
-
|
79
|
+
timeselement.textContent = times +1+ "回目";
|
53
80
|
times =times +1;
|
54
81
|
alert();
|
55
|
-
|
82
|
+
timeselement.textContent = times +1+ "回目";
|
56
83
|
times =times +1;
|
57
84
|
alert();
|
58
|
-
|
85
|
+
timeselement.textContent = times +1+ "回目";
|
59
86
|
times =times +1;
|
60
87
|
alert();
|
61
|
-
|
88
|
+
timeselement.textContent = times +1+ "回目";
|
62
89
|
times =times +1;
|
63
90
|
alert();
|
64
|
-
|
91
|
+
timeselement.textContent = times +1+ "回目";
|
65
92
|
|
66
93
|
})
|
67
94
|
}
|
@@ -69,6 +96,8 @@
|
|
69
96
|
</body>
|
70
97
|
</html>
|
71
98
|
|
99
|
+
```
|
100
|
+
|
72
101
|
### 補足情報(FW/ツールのバージョンなど)
|
73
102
|
Brackets1.13
|
74
103
|
Google Chrome
|