
previous

page 34
next
my index.html
<body>
<script>var n=0;</script>
<script>var total=0;</script>
<script>var pick=Random(9);</script>
<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();
}
}
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';
}
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