A soccer game basic
Belgium | Spain |
---|
Reconstruct the score history of the soccer game 'Belgium vs Spain'
-
Step 1: locate the
score
array, which is a listing of all goals made in the soccer game 'Belgium vs Spain' -
Step 2: add a new row to the
tbody
for each goal-
The first goal (from Belgium) will result in a
td
with value 1 for the Belgium column and atd
with value 0 for the Spain column -
The second goal (from Spain) will result in a
td
with value 1 for the Belgium column and atd
with value 1 for the Spain column -
The third goal (from Spain) will result in a
td
with value 1 for the Belgium column and atd
with value 2 for the Spain column - ...
-
The first goal (from Belgium) will result in a
-
TIP: add a
data-label
attribute on everytd
to make the table responsive (see mini.css tables: example code)
// A soccer game (basic)
const score = ['Belgium', 'Spain', 'Spain', 'Belgium', 'Spain', 'Belgium', 'Belgium', 'Belgium'];