Skip to main content

mi pregunta es la seguiente tengo una tabla en html la cual se llena con unos valores aleatorios mediante js, como puedo que al dar click sobre una celda pueda pintarla de un color.

<html>
<table id="table">


<tr>

<td id="celda-a-pintar">&nbsp;</td>
<td id="celda-a-pintar2">&nbsp;</td>

</tr>

</table>
</html>

<script>
$("#celda-a-pintar").click(function(){ 
   document.getElementById('celda-a-pintar').style.backgroundColor = "blue"

}); 
  </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<table id="table" border="1">


<tr>

<td id="celda-a-pintar">&nbsp;</td>
<td id="celda-a-pintar2">&nbsp;</td>

</tr>

</table>
</html>

mi pregunta es la seguiente tengo una tabla en html la cual se llena con unos valores aleatorios mediante js, como puedo que al dar click sobre una celda pueda pintarla de un color.

<html>
<table id="table">


<tr>

<td id="celda-a-pintar">&nbsp;</td>
<td id="celda-a-pintar2">&nbsp;</td>

</tr>

</table>
</html>

<script>
$("#celda-a-pintar").click(function(){ 
   document.getElementById('celda-a-pintar').style.backgroundColor = "blue"

}); 
  </script>

mi pregunta es la seguiente tengo una tabla en html la cual se llena con unos valores aleatorios mediante js, como puedo que al dar click sobre una celda pueda pintarla de un color.

$("#celda-a-pintar").click(function(){ 
   document.getElementById('celda-a-pintar').style.backgroundColor = "blue"

}); 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<table id="table" border="1">


<tr>

<td id="celda-a-pintar">&nbsp;</td>
<td id="celda-a-pintar2">&nbsp;</td>

</tr>

</table>
</html>

Origen Enlace
juan perez
  • 466
  • 2
  • 8
  • 24

como cambiar el color de celda de una tabla html

mi pregunta es la seguiente tengo una tabla en html la cual se llena con unos valores aleatorios mediante js, como puedo que al dar click sobre una celda pueda pintarla de un color.

<html>
<table id="table">


<tr>

<td id="celda-a-pintar">&nbsp;</td>
<td id="celda-a-pintar2">&nbsp;</td>

</tr>

</table>
</html>

<script>
$("#celda-a-pintar").click(function(){ 
   document.getElementById('celda-a-pintar').style.backgroundColor = "blue"

}); 
  </script>