Changer couleur cell après condition

**lapetite63** · 14/05/2017, 16h26

Bonjour à tous!

J'ai fait une sorte de mot croisé grâce à un tableau et des INPUT. Sauf que pour que ça ressemble un peu plus à un mot croisé j'aimerais que quand l'utilisateur entre la bonne lettre la cellule devienne verte et si c'est la mauvaise lettre qu'elle devienne rouge.
Voilà ce que j'ai mis dans le <head> pour l'instant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<<script language="Javascript" type="text/javascript" src="global.js"></script>
		<style type="css">
 
		#fondvert
			{ background-color: green ;}
		#fondrouge
			{ background-color: red ; }
 
 
 
 
    </style>
>

Et ensuite dans mon HTML j'ai mis ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function couleur()
{
if (chaine1.checked=="D")
document.chaine1.setAttribute("fondvert") ;
if (chaine1.checked!="D")
document.chaine1.setAttribute("fondrouge")
}

Sachant que pour l'instant c'est un test avec une seule case nommée "chaine1"

Je ne sais pas si il faut que je rahoute la fonction dans la cellule, enfin je sais qu'il y a un problème avec les variables locales et globales mais j'avoue que je ne sais pas vraiment quoi faire pour que mon projet fonctionne.

Merci d'avance!
lapetite63

**danielhagnoul** · 14/05/2017, 23h04

Votre code JS n'a pas de sens !

Il nous manque les codes complets (CSS, HTML, JS) pour comprendre.

Si "chaine1" est un ID, alors : document.querySelector( "#chaine1" ).

Ensuite, votre setAttribute() n'a pas de sens, puisque dans votre CSS "fondvert" est déclaré comme étant un ID.

Changer couleur cell après condition

JavaScript

Discussions similaires

Partager

Partager