teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問javascript 配列の最後で、ポップアップ表示。

編集履歴

質問編集履歴

2

javascriptの部分をCODEで囲みました。

2016/12/18 17:38

投稿

tai_chi
tai_chi

スコア15

test CHANGED
File without changes
test CHANGED
@@ -138,110 +138,104 @@
138
138
 
139
139
  ```javascript
140
140
 
141
+ var result = [];
142
+
143
+ var i = 1;
144
+
145
+ var iMax = 0;
146
+
147
+ var now = 'eng';
148
+
149
+
150
+
151
+ function start(){
152
+
153
+ var element = document.getElementById('start')
154
+
155
+ element.innerHTML ="NEXT→";
156
+
157
+ element.id="next";
158
+
159
+
160
+
161
+ document.getElementById('next').onclick = function() {
162
+
163
+ if (now == 'eng') {
164
+
165
+ document.getElementById('questionButton').innerHTML = result[i][1];
166
+
167
+ document.getElementById('answerButton').innerHTML = "-";
168
+
169
+ now = 'jap';
170
+
171
+
172
+
173
+ } else if (now == 'jap') {
174
+
175
+ document.getElementById('answerButton').innerHTML = result[i][2];
176
+
177
+ now = 'eng';
178
+
179
+ i++;
180
+
181
+ }
182
+
183
+ }
184
+
185
+
186
+
187
+ document.getElementById('again').onclick = function() {
188
+
189
+ document.getElementById('questionButton').innerHTML = "Question";
190
+
191
+ document.getElementById('answerButton').innerHTML = "Answer";
192
+
193
+ i = 1;
194
+
195
+ }
196
+
197
+ }
198
+
199
+
200
+
201
+
202
+
203
+ function getCSV() {
204
+
205
+ var req = new XMLHttpRequest();
206
+
207
+ req.open('get', 'wordEng.csv', true);
208
+
209
+ req.send(null);
210
+
211
+ req.onload = function() {
212
+
213
+ convertCSVToArray(req.responseText);
214
+
215
+ }
216
+
217
+ }
218
+
219
+
220
+
221
+ function convertCSVToArray(str){
222
+
223
+ var tmp = str.split("\n");
224
+
225
+ for(var j = 0; j < tmp.length; j++){
226
+
227
+ result[j] = tmp[j].split(',');
228
+
229
+ }
230
+
231
+ iMax = tmp.length;
232
+
233
+ }
234
+
141
235
  ```
142
236
 
143
237
 
144
238
 
145
- ```ここに言語を入力
146
-
147
- var result = [];
148
-
149
- var i = 1;
150
-
151
- var iMax = 0;
152
-
153
- var now = 'eng';
154
-
155
-
156
-
157
- function start(){
158
-
159
- var element = document.getElementById('start')
160
-
161
- element.innerHTML ="NEXT→";
162
-
163
- element.id="next";
164
-
165
-
166
-
167
- document.getElementById('next').onclick = function() {
168
-
169
- if (now == 'eng') {
170
-
171
- document.getElementById('questionButton').innerHTML = result[i][1];
172
-
173
- document.getElementById('answerButton').innerHTML = "-";
174
-
175
- now = 'jap';
176
-
177
-
178
-
179
- } else if (now == 'jap') {
180
-
181
- document.getElementById('answerButton').innerHTML = result[i][2];
182
-
183
- now = 'eng';
184
-
185
- i++;
186
-
187
- }
188
-
189
- }
190
-
191
-
192
-
193
- document.getElementById('again').onclick = function() {
194
-
195
- document.getElementById('questionButton').innerHTML = "Question";
196
-
197
- document.getElementById('answerButton').innerHTML = "Answer";
198
-
199
- i = 1;
200
-
201
- }
202
-
203
- }
204
-
205
-
206
-
207
-
208
-
209
- function getCSV() {
210
-
211
- var req = new XMLHttpRequest();
212
-
213
- req.open('get', 'wordEng.csv', true);
214
-
215
- req.send(null);
216
-
217
- req.onload = function() {
218
-
219
- convertCSVToArray(req.responseText);
220
-
221
- }
222
-
223
- }
224
-
225
-
226
-
227
- function convertCSVToArray(str){
228
-
229
- var tmp = str.split("\n");
230
-
231
- for(var j = 0; j < tmp.length; j++){
232
-
233
- result[j] = tmp[j].split(',');
234
-
235
- }
236
-
237
- iMax = tmp.length;
238
-
239
- }
240
-
241
- ```
242
-
243
-
244
-
245
239
  ###試したこと
246
240
 
247
241
  課題に対してアプローチしたことを記載してください

1

HTMLを追加いたしました！

2016/12/18 17:38

投稿

tai_chi
tai_chi

スコア15

test CHANGED
File without changes
test CHANGED
@@ -22,12 +22,128 @@
22
22
 
23
23
  ###該当のソースコード
24
24
 
25
+
26
+
27
+
28
+
29
+ ```HTML
30
+
31
+ <!DOCTYPE HTML>
32
+
33
+ <html>
34
+
35
+ <head>
36
+
37
+ <meta charset="utf-8">
38
+
39
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
40
+
41
+ <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
42
+
43
+ <script src="components/loader.js"></script>
44
+
45
+ <script src="lib/onsenui/js/onsenui.min.js"></script>
46
+
47
+ <script src="js/main.js"></script>
48
+
49
+
50
+
51
+ <link rel="stylesheet" href="components/loader.css">
52
+
53
+ <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
54
+
55
+ <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
56
+
57
+ <link rel="stylesheet" href="css/style.css">
58
+
59
+
60
+
61
+ <script>
62
+
63
+ ons.ready(function(){
64
+
65
+ getCSV();
66
+
67
+ });
68
+
69
+
70
+
71
+ document.addEventListener('show', function(event) {
72
+
73
+ var page = event.target;
74
+
75
+ var titleElement = document.querySelector('#toolbar-title');
76
+
77
+
78
+
79
+ if (page.matches('#first-page')) {
80
+
81
+ titleElement.innerHTML = 'My app - Page 1';
82
+
83
+ } else if (page.matches('#second-page')) {
84
+
85
+ titleElement.innerHTML = 'My app - Page 2';
86
+
87
+ }
88
+
89
+ });
90
+
91
+
92
+
93
+
94
+
95
+ </script>
96
+
97
+ </head>
98
+
99
+ <body>
100
+
101
+ <ons-page>
102
+
103
+ <ons-toolbar>
104
+
105
+ <div class="center" id="toolbar-title"></div>
106
+
107
+ </ons-toolbar>
108
+
109
+
110
+
111
+ <ons-tabbar position="auto">
112
+
113
+ <ons-tab label="E→J" page="EngJap.html" active></ons-tab>
114
+
115
+ <ons-tab label="J→E" page="JapEng.html"></ons-tab>
116
+
117
+ </ons-tabbar>
118
+
119
+ </ons-page>
120
+
121
+
122
+
123
+
124
+
125
+
126
+
127
+
128
+
129
+
130
+
131
+ </body>
132
+
133
+ </html>
134
+
135
+ ```
136
+
137
+
138
+
25
139
  ```javascript
26
140
 
27
141
  ```
28
142
 
29
143
 
30
144
 
145
+ ```ここに言語を入力
146
+
31
147
  var result = [];
32
148
 
33
149
  var i = 1;
@@ -122,6 +238,8 @@
122
238
 
123
239
  }
124
240
 
241
+ ```
242
+
125
243
 
126
244
 
127
245
  ###試したこと