teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問javascript配列を表にして色を付けたい

編集履歴

質問編集履歴

3

修正

2018/06/28 11:52

投稿

SpecialTukimiya
SpecialTukimiya

スコア192

test CHANGED
File without changes
test CHANGED
@@ -94,293 +94,165 @@
94
94
 
95
95
 
96
96
 
97
-
98
-
99
-
100
-
101
- <table>
102
-
103
- <tr>
104
-
105
- <td>1</td>
106
-
107
- <td>0</td>
108
-
109
- <td>0</td>
110
-
111
- </tr>
112
-
113
- <br>
114
-
115
- <tr>
116
-
117
- <td>0</td>
118
-
119
- <td>0</td>
120
-
121
- <td>0</td>
122
-
123
- </tr>
124
-
125
- <br>
126
-
127
- <tr>
128
-
129
- <td>0</td>
130
-
131
- <td>0</td>
132
-
133
- <td>0</td>
134
-
135
- </tr>
136
-
137
- <br>
138
-
139
- </table>
140
-
141
- <table>
142
-
143
- <tr>
144
-
145
- <td>0</td>
146
-
147
- <td>0</td>
148
-
149
- <td>1</td>
150
-
151
- </tr>
152
-
153
- <br>
154
-
155
- <tr>
156
-
157
- <td>0</td>
158
-
159
- <td>0</td>
160
-
161
- <td>0</td>
162
-
163
- </tr>
164
-
165
- <br>
166
-
167
- <tr>
168
-
169
- <td>0</td>
170
-
171
- <td>0</td>
172
-
173
- <td>0</td>
174
-
175
- </tr>
176
-
177
- <br>
178
-
179
- </table>
180
-
181
- <table>
182
-
183
- <tr>
184
-
185
- <td>0</td>
186
-
187
- <td>0</td>
188
-
189
- <td>0</td>
190
-
191
- </tr>
192
-
193
- <br>
194
-
195
- <tr>
196
-
197
- <td>0</td>
198
-
199
- <td>0</td>
200
-
201
- <td>0</td>
202
-
203
- </tr>
204
-
205
- <br>
206
-
207
- <tr>
208
-
209
- <td>0</td>
210
-
211
- <td>0</td>
212
-
213
- <td>1</td>
214
-
215
- </tr>
216
-
217
- <br>
218
-
219
- </table>
220
-
221
- <table>
222
-
223
- <tr>
224
-
225
- <td>0</td>
226
-
227
- <td>0</td>
228
-
229
- <td>0</td>
230
-
231
- </tr>
232
-
233
- <br>
234
-
235
- <tr>
236
-
237
- <td>0</td>
238
-
239
- <td>0</td>
240
-
241
- <td>0</td>
242
-
243
- </tr>
244
-
245
- <br>
246
-
247
- <tr>
248
-
249
- <td>1</td>
250
-
251
- <td>0</td>
252
-
253
- <td>0</td>
254
-
255
- </tr>
256
-
257
- <br>
258
-
259
- </table>
260
-
261
- <table>
262
-
263
- <tr>
264
-
265
- <td>2</td>
266
-
267
- <td>2</td>
268
-
269
- <td>0</td>
270
-
271
- </tr>
272
-
273
- <br>
274
-
275
- <tr>
276
-
277
- <td>0</td>
278
-
279
- <td>0</td>
280
-
281
- <td>0</td>
282
-
283
- </tr>
284
-
285
- <br>
286
-
287
- <tr>
288
-
289
- <td>0</td>
290
-
291
- <td>0</td>
292
-
293
- <td>0</td>
294
-
295
- </tr>
296
-
297
- <br>
298
-
299
- </table>
300
-
301
- <table>
302
-
303
- <tr>
304
-
305
- <td>0</td>
306
-
307
- <td>0</td>
308
-
309
- <td>2</td>
310
-
311
- </tr>
312
-
313
- <br>
314
-
315
- <tr>
316
-
317
- <td>0</td>
318
-
319
- <td>0</td>
320
-
321
- <td>2</td>
322
-
323
- </tr>
324
-
325
- <br>
326
-
327
- <tr>
328
-
329
- <td>0</td>
330
-
331
- <td>0</td>
332
-
333
- <td>0</td>
334
-
335
- </tr>
336
-
337
- <br>
338
-
339
- </table>
340
-
341
- <table>
342
-
343
- <tr>
344
-
345
- <td>0</td>
346
-
347
- <td>0</td>
348
-
349
- <td>0</td>
350
-
351
- </tr>
352
-
353
- <br>
354
-
355
- <tr>
356
-
357
- <td>0</td>
358
-
359
- <td>0</td>
360
-
361
- <td>0</td>
362
-
363
- </tr>
364
-
365
- <br>
366
-
367
- <tr>
368
-
369
- <td>0</td>
370
-
371
- <td>2</td>
372
-
373
- <td>2</td>
374
-
375
- </tr>
376
-
377
- <br>
378
-
379
- </table>
380
-
381
-
382
-
383
-
97
+ <table>
98
+
99
+ <tr> <td>1</td> <td>0</td> <td>0</td> </tr> <br>
100
+
101
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
102
+
103
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
104
+
105
+ </table>
106
+
107
+ <table>
108
+
109
+ <tr> <td>0</td> <td>0</td> <td>1</td> </tr> <br>
110
+
111
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
112
+
113
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
114
+
115
+ </table>
116
+
117
+ <table>
118
+
119
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
120
+
121
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
122
+
123
+ <tr> <td>0</td> <td>0</td> <td>1</td> </tr> <br>
124
+
125
+ </table>
126
+
127
+ <table>
128
+
129
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
130
+
131
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
132
+
133
+ <tr> <td>1</td> <td>0</td> <td>0</td> </tr> <br>
134
+
135
+ </table>
136
+
137
+ <table>
138
+
139
+ <tr> <td>2</td> <td>2</td> <td>0</td> </tr> <br>
140
+
141
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
142
+
143
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
144
+
145
+ </table>
146
+
147
+ <table>
148
+
149
+ <tr> <td>0</td> <td>0</td> <td>2</td> </tr> <br>
150
+
151
+ <tr> <td>0</td> <td>0</td> <td>2</td> </tr> <br>
152
+
153
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
154
+
155
+ </table>
156
+
157
+ <table>
158
+
159
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
160
+
161
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
162
+
163
+ <tr> <td>0</td> <td>2</td> <td>2</td> </tr> <br>
164
+
165
+ </table>
166
+
167
+ <table>
168
+
169
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
170
+
171
+ <tr> <td>2</td> <td>0</td> <td>0</td> </tr> <br>
172
+
173
+ <tr> <td>2</td> <td>0</td> <td>0</td> </tr> <br>
174
+
175
+ </table>
176
+
177
+ <table>
178
+
179
+ <tr> <td>2</td> <td>0</td> <td>2</td> </tr> <br>
180
+
181
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
182
+
183
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
184
+
185
+ </table>
186
+
187
+ <table>
188
+
189
+ <tr> <td>0</td> <td>0</td> <td>2</td> </tr> <br>
190
+
191
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
192
+
193
+ <tr> <td>0</td> <td>0</td> <td>2</td> </tr> <br>
194
+
195
+ </table>
196
+
197
+ <table>
198
+
199
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
200
+
201
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
202
+
203
+ <tr> <td>2</td> <td>0</td> <td>2</td> </tr> <br>
204
+
205
+ </table>
206
+
207
+ <table>
208
+
209
+ <tr> <td>2</td> <td>0</td> <td>0</td> </tr> <br>
210
+
211
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
212
+
213
+ <tr> <td>2</td> <td>0</td> <td>0</td> </tr> <br>
214
+
215
+ </table>
216
+
217
+ <table>
218
+
219
+ <tr> <td>2</td> <td>0</td> <td>0</td> </tr> <br>
220
+
221
+ <tr> <td>0</td> <td>2</td> <td>0</td> </tr> <br>
222
+
223
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
224
+
225
+ </table>
226
+
227
+ <table>
228
+
229
+ <tr> <td>0</td> <td>0</td> <td>2</td> </tr> <br>
230
+
231
+ <tr> <td>0</td> <td>2</td> <td>0</td> </tr> <br>
232
+
233
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
234
+
235
+ </table>
236
+
237
+ <table>
238
+
239
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
240
+
241
+ <tr> <td>0</td> <td>2</td> <td>0</td> </tr> <br>
242
+
243
+ <tr> <td>0</td> <td>0</td> <td>2</td> </tr> <br>
244
+
245
+ </table>
246
+
247
+ <table>
248
+
249
+ <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <br>
250
+
251
+ <tr> <td>0</td> <td>2</td> <td>0</td> </tr> <br>
252
+
253
+ <tr> <td>2</td> <td>0</td> <td>0</td> </tr> <br>
254
+
255
+ </table>
384
256
 
385
257
 
386
258
 

2

修正

2018/06/28 11:52

投稿

SpecialTukimiya
SpecialTukimiya

スコア192

test CHANGED
File without changes
test CHANGED
@@ -96,6 +96,8 @@
96
96
 
97
97
 
98
98
 
99
+
100
+
99
101
  <table>
100
102
 
101
103
  <tr>
@@ -106,19 +108,37 @@
106
108
 
107
109
  <td>0</td>
108
110
 
111
+ </tr>
112
+
113
+ <br>
114
+
115
+ <tr>
116
+
109
- <td>0</td>
117
+ <td>0</td>
110
-
118
+
111
- <td>0</td>
119
+ <td>0</td>
112
-
120
+
113
- <td>0</td>
121
+ <td>0</td>
122
+
114
-
123
+ </tr>
124
+
125
+ <br>
126
+
127
+ <tr>
128
+
115
- <td>0</td>
129
+ <td>0</td>
116
-
130
+
117
- <td>0</td>
131
+ <td>0</td>
118
-
132
+
119
- <td>0</td>
133
+ <td>0</td>
120
-
134
+
121
- </tr>
135
+ </tr>
136
+
137
+ <br>
138
+
139
+ </table>
140
+
141
+ <table>
122
142
 
123
143
  <tr>
124
144
 
@@ -128,33 +148,63 @@
128
148
 
129
149
  <td>1</td>
130
150
 
151
+ </tr>
152
+
153
+ <br>
154
+
155
+ <tr>
156
+
131
- <td>0</td>
157
+ <td>0</td>
132
-
158
+
133
- <td>0</td>
159
+ <td>0</td>
134
-
160
+
135
- <td>0</td>
161
+ <td>0</td>
162
+
136
-
163
+ </tr>
164
+
165
+ <br>
166
+
167
+ <tr>
168
+
137
- <td>0</td>
169
+ <td>0</td>
138
-
170
+
139
- <td>0</td>
171
+ <td>0</td>
140
-
172
+
141
- <td>0</td>
173
+ <td>0</td>
142
-
174
+
143
- </tr>
175
+ </tr>
176
+
144
-
177
+ <br>
178
+
179
+ </table>
180
+
181
+ <table>
182
+
145
- <tr>
183
+ <tr>
146
-
184
+
147
- <td>0</td>
185
+ <td>0</td>
148
-
186
+
149
- <td>0</td>
187
+ <td>0</td>
150
-
188
+
151
- <td>0</td>
189
+ <td>0</td>
190
+
152
-
191
+ </tr>
192
+
193
+ <br>
194
+
195
+ <tr>
196
+
153
- <td>0</td>
197
+ <td>0</td>
154
-
198
+
155
- <td>0</td>
199
+ <td>0</td>
156
-
200
+
157
- <td>0</td>
201
+ <td>0</td>
202
+
203
+ </tr>
204
+
205
+ <br>
206
+
207
+ <tr>
158
208
 
159
209
  <td>0</td>
160
210
 
@@ -164,19 +214,37 @@
164
214
 
165
215
  </tr>
166
216
 
217
+ <br>
218
+
219
+ </table>
220
+
221
+ <table>
222
+
167
- <tr>
223
+ <tr>
168
-
224
+
169
- <td>0</td>
225
+ <td>0</td>
170
-
226
+
171
- <td>0</td>
227
+ <td>0</td>
172
-
228
+
173
- <td>0</td>
229
+ <td>0</td>
230
+
174
-
231
+ </tr>
232
+
233
+ <br>
234
+
235
+ <tr>
236
+
175
- <td>0</td>
237
+ <td>0</td>
176
-
238
+
177
- <td>0</td>
239
+ <td>0</td>
178
-
240
+
179
- <td>0</td>
241
+ <td>0</td>
242
+
243
+ </tr>
244
+
245
+ <br>
246
+
247
+ <tr>
180
248
 
181
249
  <td>1</td>
182
250
 
@@ -186,73 +254,131 @@
186
254
 
187
255
  </tr>
188
256
 
189
- <tr>
190
-
191
- <td>2</td>
192
-
193
- <td>2</td>
194
-
195
- <td>0</td>
196
-
197
- <td>0</td>
198
-
199
- <td>0</td>
200
-
201
- <td>0</td>
202
-
203
- <td>0</td>
204
-
205
- <td>0</td>
206
-
207
- <td>0</td>
208
-
209
- </tr>
210
-
211
- <tr>
212
-
213
- <td>0</td>
214
-
215
- <td>0</td>
216
-
217
- <td>2</td>
218
-
219
- <td>0</td>
220
-
221
- <td>0</td>
222
-
223
- <td>2</td>
224
-
225
- <td>0</td>
226
-
227
- <td>0</td>
228
-
229
- <td>0</td>
230
-
231
- </tr>
232
-
233
- <tr>
234
-
235
- <td>0</td>
236
-
237
- <td>0</td>
238
-
239
- <td>0</td>
240
-
241
- <td>0</td>
242
-
243
- <td>0</td>
244
-
245
- <td>0</td>
246
-
247
- <td>0</td>
248
-
249
- <td>2</td>
250
-
251
- <td>2</td>
252
-
253
- </tr>
254
-
255
- </table>
257
+ <br>
258
+
259
+ </table>
260
+
261
+ <table>
262
+
263
+ <tr>
264
+
265
+ <td>2</td>
266
+
267
+ <td>2</td>
268
+
269
+ <td>0</td>
270
+
271
+ </tr>
272
+
273
+ <br>
274
+
275
+ <tr>
276
+
277
+ <td>0</td>
278
+
279
+ <td>0</td>
280
+
281
+ <td>0</td>
282
+
283
+ </tr>
284
+
285
+ <br>
286
+
287
+ <tr>
288
+
289
+ <td>0</td>
290
+
291
+ <td>0</td>
292
+
293
+ <td>0</td>
294
+
295
+ </tr>
296
+
297
+ <br>
298
+
299
+ </table>
300
+
301
+ <table>
302
+
303
+ <tr>
304
+
305
+ <td>0</td>
306
+
307
+ <td>0</td>
308
+
309
+ <td>2</td>
310
+
311
+ </tr>
312
+
313
+ <br>
314
+
315
+ <tr>
316
+
317
+ <td>0</td>
318
+
319
+ <td>0</td>
320
+
321
+ <td>2</td>
322
+
323
+ </tr>
324
+
325
+ <br>
326
+
327
+ <tr>
328
+
329
+ <td>0</td>
330
+
331
+ <td>0</td>
332
+
333
+ <td>0</td>
334
+
335
+ </tr>
336
+
337
+ <br>
338
+
339
+ </table>
340
+
341
+ <table>
342
+
343
+ <tr>
344
+
345
+ <td>0</td>
346
+
347
+ <td>0</td>
348
+
349
+ <td>0</td>
350
+
351
+ </tr>
352
+
353
+ <br>
354
+
355
+ <tr>
356
+
357
+ <td>0</td>
358
+
359
+ <td>0</td>
360
+
361
+ <td>0</td>
362
+
363
+ </tr>
364
+
365
+ <br>
366
+
367
+ <tr>
368
+
369
+ <td>0</td>
370
+
371
+ <td>2</td>
372
+
373
+ <td>2</td>
374
+
375
+ </tr>
376
+
377
+ <br>
378
+
379
+ </table>
380
+
381
+
256
382
 
257
383
 
258
384
 

1

追記

2018/06/28 10:42

投稿

SpecialTukimiya
SpecialTukimiya

スコア192

test CHANGED
File without changes
test CHANGED
@@ -85,3 +85,183 @@
85
85
  数値の１がついてる所なら赤など、
86
86
 
87
87
  数値の２がついてる所なら青などに変更したいです。
88
+
89
+
90
+
91
+ #現状のコード
92
+
93
+ ```html
94
+
95
+
96
+
97
+
98
+
99
+ <table>
100
+
101
+ <tr>
102
+
103
+ <td>1</td>
104
+
105
+ <td>0</td>
106
+
107
+ <td>0</td>
108
+
109
+ <td>0</td>
110
+
111
+ <td>0</td>
112
+
113
+ <td>0</td>
114
+
115
+ <td>0</td>
116
+
117
+ <td>0</td>
118
+
119
+ <td>0</td>
120
+
121
+ </tr>
122
+
123
+ <tr>
124
+
125
+ <td>0</td>
126
+
127
+ <td>0</td>
128
+
129
+ <td>1</td>
130
+
131
+ <td>0</td>
132
+
133
+ <td>0</td>
134
+
135
+ <td>0</td>
136
+
137
+ <td>0</td>
138
+
139
+ <td>0</td>
140
+
141
+ <td>0</td>
142
+
143
+ </tr>
144
+
145
+ <tr>
146
+
147
+ <td>0</td>
148
+
149
+ <td>0</td>
150
+
151
+ <td>0</td>
152
+
153
+ <td>0</td>
154
+
155
+ <td>0</td>
156
+
157
+ <td>0</td>
158
+
159
+ <td>0</td>
160
+
161
+ <td>0</td>
162
+
163
+ <td>1</td>
164
+
165
+ </tr>
166
+
167
+ <tr>
168
+
169
+ <td>0</td>
170
+
171
+ <td>0</td>
172
+
173
+ <td>0</td>
174
+
175
+ <td>0</td>
176
+
177
+ <td>0</td>
178
+
179
+ <td>0</td>
180
+
181
+ <td>1</td>
182
+
183
+ <td>0</td>
184
+
185
+ <td>0</td>
186
+
187
+ </tr>
188
+
189
+ <tr>
190
+
191
+ <td>2</td>
192
+
193
+ <td>2</td>
194
+
195
+ <td>0</td>
196
+
197
+ <td>0</td>
198
+
199
+ <td>0</td>
200
+
201
+ <td>0</td>
202
+
203
+ <td>0</td>
204
+
205
+ <td>0</td>
206
+
207
+ <td>0</td>
208
+
209
+ </tr>
210
+
211
+ <tr>
212
+
213
+ <td>0</td>
214
+
215
+ <td>0</td>
216
+
217
+ <td>2</td>
218
+
219
+ <td>0</td>
220
+
221
+ <td>0</td>
222
+
223
+ <td>2</td>
224
+
225
+ <td>0</td>
226
+
227
+ <td>0</td>
228
+
229
+ <td>0</td>
230
+
231
+ </tr>
232
+
233
+ <tr>
234
+
235
+ <td>0</td>
236
+
237
+ <td>0</td>
238
+
239
+ <td>0</td>
240
+
241
+ <td>0</td>
242
+
243
+ <td>0</td>
244
+
245
+ <td>0</td>
246
+
247
+ <td>0</td>
248
+
249
+ <td>2</td>
250
+
251
+ <td>2</td>
252
+
253
+ </tr>
254
+
255
+ </table>
256
+
257
+
258
+
259
+
260
+
261
+ ```
262
+
263
+
264
+
265
+ javascriptの操作方法が分からない為、取り敢えず
266
+
267
+ ベタ打ちです。