mi consulta de hoy seria como puedo hacer la función para que una celda cambie de color cada vez que pasa por encima
function cambiacolor(v) {
document.getElementById(v).style.backgroundColor='red';
}
td{
width:100px;
height:50px;
}
<table border="1">
<tr>
<td id="cel1"onmouseover="cambiacolor('cel1');"></td>
<td id="cel2"onmouseover="document.getElementById('cel2').style.backgroundColor='red';"></td>
<td id="cel3"onmouseover="document.getElementById('cel3').style.backgroundColor='red';"></td>
<td id="cel" onmouseover="document.getElementById('cel').style.backgroundColor=document.getElementById('eo').value;
"></td>
</tr>
<tr>
<input type="text" id="eo" />
</tr>
</table>
la idea principal es hacer una imitación de Paint, se selecciona un color y se pinta con ese color la 'tabla'
este es un simple código que cree yo, la idea es hacerlo como mínimo con una estructura de 50x50 celdas
Pd: hay alguna forma de hacer una estructura repetido con el uso de div y un" for"?
tengo que agregar que estoy muy agradecido con la ultima pregunta que se resolvió