質問編集履歴

1

HTMLを追記、処理の部分の誤りを修正いたしました。

2017/02/12 02:41

投稿

Cat_san
Cat_san

スコア19

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,11 @@
1
+ 追記:
2
+
3
+ ・HTMLを追記
4
+
5
+ ・「attack_ok」の代入の値がおかしい部分を修正
6
+
7
+
8
+
1
9
  javaScriptを使って、簡単なテキストゲームの試作を行っていました。
2
10
 
3
11
  ボタンを押すと、簡単な戦闘結果がテキストで追加されます。
@@ -15,6 +23,54 @@
15
23
  ・変数「attack_ok」が0ならば、ボタンが押せない
16
24
 
17
25
  ・変数「attack_ok」が1ならば、ボタンが押せる
26
+
27
+
28
+
29
+ ```HTML
30
+
31
+
32
+
33
+ <!DOCTYPE html>
34
+
35
+ <html>
36
+
37
+ <head>
38
+
39
+ <meta charset="utf-8">
40
+
41
+ <meta name="viewport" content="width=device-width">
42
+
43
+ </head>
44
+
45
+ <body>
46
+
47
+
48
+
49
+ <div class="player-image" id="player-image">プレイヤーキャラ</div>
50
+
51
+
52
+
53
+ <div class="attack-btn" id="trigAttack">Attack!!</div>
54
+
55
+
56
+
57
+ <div class="battle-message" id="battleMessage"></div>
58
+
59
+
60
+
61
+
62
+
63
+ <script type="text/javascript" src="/js/rpg-game.js"></script>
64
+
65
+ <script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
66
+
67
+ <script type="text/javascript" src="/js/custom.js"></script>
68
+
69
+ </body>
70
+
71
+ </html>
72
+
73
+ ```
18
74
 
19
75
 
20
76
 
@@ -54,7 +110,9 @@
54
110
 
55
111
  console.log(attack_ok); // * 1が表示される
56
112
 
113
+ // attack_ok = 0; // ←追記前です
114
+
57
- attack_ok = 0 ; // ここはテストで入れています
115
+ attack_ok += 3 ; // ここはテストで入れています
58
116
 
59
117
  btn.onclick = Fight;
60
118
 
@@ -64,7 +122,7 @@
64
122
 
65
123
  function Fight(){
66
124
 
67
- console.log(attack_ok); // *が表示される
125
+ console.log(attack_ok); // *4が表示される
68
126
 
69
127
  // 処理省略
70
128
 
@@ -100,6 +158,20 @@
100
158
 
101
159
 
102
160
 
161
+ 処理的には...
162
+
163
+ > 1. attack_okに1が代入されている
164
+
165
+ > 2. attack_okに3が加算される
166
+
167
+ > 3. 1.に戻って繰り返されている
168
+
169
+
170
+
171
+ だと思うのですが、この考え方が間違っているのでしょうか...
172
+
173
+
174
+
103
175
  いろいろと調べてみたのですが、検討がついていません...。
104
176
 
105
177
  ご存じの方がおられましたら、ご教授いただけましたら幸いです。