teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問clickボタンを押すと1回目から中の処理を実行させたい

編集履歴

質問編集履歴

2

なんども申し訳ないです。htmlの追加をいたしました

2019/10/10 08:06

投稿

skilton
skilton

スコア9

test CHANGED
File without changes
test CHANGED
@@ -26,6 +26,30 @@
26
26
 
27
27
  ### 該当のソースコード
28
28
 
29
+ ```html
30
+
31
+ <span>敵の体力</span>
32
+
33
+ <h1 id="enemy_hitpoint"></h1>
34
+
35
+ <p id="ene_damage_view"></p>
36
+
37
+ <span>勇者の体力</span>
38
+
39
+ </span><h1 id="hiro_hitpoint"></h1>
40
+
41
+ <span id="tern"></span><span id="hiro_damage_view"></span>
42
+
43
+ <button id="btn" onclick="changeId()">周りを探索する</button>
44
+
45
+ ```
46
+
47
+
48
+
49
+
50
+
51
+
52
+
29
53
 
30
54
 
31
55
  ```javascript
@@ -72,7 +96,7 @@
72
96
 
73
97
 
74
98
 
75
- //一度押すと２秒間押せない
99
+ //１度押すと２秒間clickできない
76
100
 
77
101
  btn.addEventListener('click', function (e) {
78
102
 
@@ -110,7 +134,15 @@
110
134
 
111
135
 
112
136
 
137
+
138
+
139
+
140
+
141
+
142
+
113
- //---追加分-------------------------------------------
143
+ // --------------------------------------------------------
144
+
145
+
114
146
 
115
147
  // 勇者の攻撃
116
148
 
@@ -120,6 +152,26 @@
120
152
 
121
153
  let hiro_damage = Math.floor(Math.random()*100);
122
154
 
155
+ let enemy_damage_view = document.getElementById('ene_damage_view');
156
+
157
+
158
+
159
+ if(hiro_damage > 99){
160
+
161
+ enemy_damage_view.textContent = '会心の一撃';
162
+
163
+ }else if(hiro_damage > 1){
164
+
165
+ enemy_damage_view.textContent = hiro_damage + 'のダメージ';
166
+
167
+ }else{
168
+
169
+ enemy_damage_view.textContent = '攻撃を躱された';
170
+
171
+ }
172
+
173
+
174
+
123
175
  enemy_hitpoint.innerHTML = ene_point;
124
176
 
125
177
  return ene_point = ene_point-hiro_damage;
@@ -130,6 +182,8 @@
130
182
 
131
183
  }
132
184
 
185
+
186
+
133
187
  //敵の攻撃
134
188
 
135
189
  let enemy = ()=>{
@@ -140,10 +194,32 @@
140
194
 
141
195
  let enemy_damage =Math.floor(Math.random()*30);
142
196
 
197
+ let hiro_damage_view = document.getElementById('hiro_damage_view');
198
+
199
+
200
+
201
+ if(enemy_damage > 29){
202
+
203
+ hiro_damage_view.textContent = enemy_damage + 'のダメージ!!';
204
+
205
+ }else if(enemy_damage > 1){
206
+
207
+ hiro_damage_view.textContent = enemy_damage + 'のダメージ';
208
+
209
+ }else{
210
+
211
+ hiro_damage_view.textContent = '攻撃を躱した';
212
+
213
+ }
214
+
215
+
216
+
143
217
  hiro_hitpoint.innerHTML = hiro_point;
144
218
 
145
219
  return hiro_point = hiro_point-enemy_damage;
146
220
 
221
+
222
+
147
223
  }
148
224
 
149
225
  }
@@ -178,6 +254,8 @@
178
254
 
179
255
  }
180
256
 
257
+
258
+
181
259
  ```
182
260
 
183
261
 
@@ -196,4 +274,6 @@
196
274
 
197
275
  ここにより詳細な情報を記載してください。
198
276
 
277
+ 画像は一回clickした時の表示です。
278
+
199
- ![イメージ説明](8f3eed4716fb252f451259f4bf970e57.jpeg)
279
+ ![イメージ説明](4f08724d9ff56784add2e2f5e4f68aed.jpeg)

1

申し訳ございません。コードが抜けておりました。

2019/10/10 08:06

投稿

skilton
skilton

スコア9

test CHANGED
File without changes
test CHANGED
@@ -110,6 +110,74 @@
110
110
 
111
111
 
112
112
 
113
+ //---追加分-------------------------------------------
114
+
115
+ // 勇者の攻撃
116
+
117
+ let hiro = ()=>{
118
+
119
+ while(ene_point>0){
120
+
121
+ let hiro_damage = Math.floor(Math.random()*100);
122
+
123
+ enemy_hitpoint.innerHTML = ene_point;
124
+
125
+ return ene_point = ene_point-hiro_damage;
126
+
127
+ }
128
+
129
+
130
+
131
+ }
132
+
133
+ //敵の攻撃
134
+
135
+ let enemy = ()=>{
136
+
137
+
138
+
139
+ while(hiro_point>0){
140
+
141
+ let enemy_damage =Math.floor(Math.random()*30);
142
+
143
+ hiro_hitpoint.innerHTML = hiro_point;
144
+
145
+ return hiro_point = hiro_point-enemy_damage;
146
+
147
+ }
148
+
149
+ }
150
+
151
+ //ID要素の変更
152
+
153
+ // "周りを探索"→”攻撃”へ
154
+
155
+ function changeId(btn){
156
+
157
+ let obj = document.getElementById('btn');
158
+
159
+ obj.btn = "btn1";
160
+
161
+
162
+
163
+ }
164
+
165
+ // ターンの表示
166
+
167
+ let countUp = 0;
168
+
169
+
170
+
171
+ function ternCount(){
172
+
173
+ countUp++;
174
+
175
+ let tern = document.getElementById('tern');
176
+
177
+ tern.textContent = countUp;
178
+
179
+ }
180
+
113
181
  ```
114
182
 
115
183