previous

page 34

next
my index.html
<body>
<script>var n=0;</script>
<script>var total=0;</script>
<script>var pick=Random(9);</script>
my cell_clicked.js
pick=Random(9);
n++;
show_pick();
}
}
my show_pick.js
function show_pick() {
if (n==25) pick=0;
var pick_image=document.getElementById('pick');
pick_image.src='counters/'+pick+'.png';
}
the scores font size doesn't change as the browser window changes;

Add the following line after body in styles.css:

font-size:6vmin;
the overall layout needs work

Add this to the body section of styles.css to centre the whole display:

justify-content:center;

Add a class score to the right column scores.
Then use padding-left:2vmin; to move these scores away from the grid.

previous
next