1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
| <style type="text/css">
td {
border-collapse: collapse;
}
.damBlanc, .damBlack{
height : 60px;
width : 60px;
border : 3px solid #000000;
}
.damBlack {
background-color: black;
}
.damBlanc {
background-color: #ffffff;
}
</style>
<body>
<p><strong> - Voici mon Damier <br></strong></p>
<script langage="javascript">
var nombre=1;
document.write('<table>');
for(var l=1; l<9; l++)
{
document.write('<tr>');
for(var c=1; c<9; c++)
{
if (nombre/2 == Math.round(nombre/2)) {
var classe="damBlack"}
else {
var classe="damBlanc"}
document.write('<td><div id="'+l+'|'+c+'" class="'+classe+'"></div></td>');
nombre++;
}
nombre++;
document.write('</tr>');
}
document.write('</table>');
</script> |