teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

コードの入力を正しくしました

2018/08/09 06:24

投稿

gorosuke
gorosuke

スコア9

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
- ### 該当のソースコード(html)
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
- <input id="start" type="button" value="start">
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
- var timeselement =document.getElementById("kakikae") ;
50
+ var timeselement =document.getElementById("kakikae") ;
26
- for(var times=0;times<10;times++){alert();
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
- var timeselement =document.getElementById("kakikae") ;
77
+ var timeselement =document.getElementById("kakikae") ;
51
78
  alert();
52
- timeselement.textContent = times +1+ "回目";
79
+ timeselement.textContent = times +1+ "回目";
53
80
  times =times +1;
54
81
  alert();
55
- timeselement.textContent = times +1+ "回目";
82
+ timeselement.textContent = times +1+ "回目";
56
83
  times =times +1;
57
84
  alert();
58
- timeselement.textContent = times +1+ "回目";
85
+ timeselement.textContent = times +1+ "回目";
59
86
  times =times +1;
60
87
  alert();
61
- timeselement.textContent = times +1+ "回目";
88
+ timeselement.textContent = times +1+ "回目";
62
89
  times =times +1;
63
90
  alert();
64
- timeselement.textContent = times +1+ "回目";
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