Skip to content

B
bootcamp02-css-ejercicio-001
Commit 9879f87f by roshka
Options

Modifique algunas lineas de codigo en el html y agrego mi codigo javascript

parent 33ebd9b3
Showing with 95 additions and 70 deletions
estiloconjavascript.js 0 → 100644
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function estilojs(){
var i,j;
for (i=0; i<8; i++) {
for(j=0; x<8; x++){
var idposition="f"+i+j;
var p=document.getElementById(idposition);
if ((i+j)%2==0) {
p.classList.add("tablero");
} else {
p.classList.add("tablero");
}
}
}
}
</script>
</head>
\ No newline at end of file
tablero2.html
......@@ -4,96 +4,91 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale-1, maximun-scale-1">
<link rel="stylesheet" href="estilo.css">
<style>
#tablero:hover {
background-color: skyblue;
}
</style>
</head>
<body>
<body onload="estilojs()">
<h1>Tablero de Ajedrez</h1>
<table id="tablero">
<tablero tr:nth-child(odd) td:nth-child(even)></tablero>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="f00"></td>
<td id="f01"></td>
<td id="f02"></td>
<td id="f03"></td>
<td id="f04"></td>
<td id="f05"></td>
<td id="f06"></td>
<td id="f07"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="f10"></td>
<td id="f11"></td>
<td id="f12"></td>
<td id="f13"></td>
<td id="f14"></td>
<td id="f15"></td>
<td id="f16"></td>
<td id="f17"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="f20"></td>
<td id="f21"></td>
<td id="f22"></td>
<td id="f23"></td>
<td id="f24"></td>
<td id="f25"></td>
<td id="f26"></td>
<td id="f27"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="f30"></td>
<td id="f31"></td>
<td id="f32"></td>
<td id="f33"></td>
<td id="f34"></td>
<td id="f35"></td>
<td id="f36"></td>
<td id="f37"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="f40"></td>
<td id="f41"></td>
<td id="f42"></td>
<td id="f43"></td>
<td id="f44"></td>
<td id="f45"></td>
<td id="f46"></td>
<td id="f47"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="f50"></td>
<td id="f51"></td>
<td id="f52"></td>
<td id="f53"></td>
<td id="f54"></td>
<td id="f55"></td>
<td id="f56"></td>
<td id="f57"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="f60"></td>
<td id="f61"></td>
<td id="f62"></td>
<td id="f63"></td>
<td id="f64"></td>
<td id="f65"></td>
<td id="f66"></td>
<td id="f67"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td id="f70"></td>
<td id="f71"></td>
<td id="f72"></td>
<td id="f73"></td>
<td id="f74"></td>
<td id="f75"></td>
<td id="f76"></td>
<td id="f77"></td>
</tr>
</table>
</body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment