JavaScript - Cambiar el color de una celda según su contenido.

   
Vista:

Cambiar el color de una celda según su contenido.

Publicado por JDaniel (2 intervenciones) el 29/07/2017 00:52:32
Buenos Días.
Actualmente estoy haciendo una aplicacion que requiere javascript, quiero cambiar el color de fondo de una celda en base al contenido que hay en ella. Es decir, si el texto dentro de una celda es "Ejemplo", el color de la celda cambie a rojo por ejemplo.
Una disculpa anticipada por mi ignorancia pero a medida de que voy estudiando javascript voy creando la aplicacion.
Esto es una idea que tengo:
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hola Mundo</title>
</head>
<body>
<table width="200" border="1"
    <tr>
      <td id="celda"><text id="texto">Ejemplo</text></td>
    </tr>
</table>
</body>
</html>
<script language="javascript">
	var x;
 
	x = document.getElementById("texto").textContent;
 
	if(x = "Ejemplo")
	{
		document.getElementById("celda").style.backgroundColor = "#66ff33";
	}
 
</script>

Cuando muestro este codigo en el navegador, pareciese que hace lo que le indico en la condición, pero cuando traté de cambiar la palabra que está dentro de la celda, no ejecuta la condición.

De antemano, muchas gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Cambiar el color de una celda según su contenido.

Publicado por JDaniel (2 intervenciones) el 29/07/2017 01:40:24
Una disculpa, pero ya he encontrado el error, el primero era la forma en que lo ejecutaba en el navegador y el segundo es el error de sintaxis de la linea 20, debe ir un "==", muchas gracias de todas formas.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de xve

Cambiar el color de una celda según su contenido.

Publicado por xve (2049 intervenciones) el 29/07/2017 11:25:31
Gracias por comentarlo!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Revisar política de publicidad