Mettre couleurs resultat à un qcm en css

[Résolu/Fermé]
Signaler
Messages postés
11
Date d'inscription
jeudi 13 avril 2017
Statut
Membre
Dernière intervention
10 octobre 2018
-
Messages postés
11
Date d'inscription
jeudi 13 avril 2017
Statut
Membre
Dernière intervention
10 octobre 2018
-
Bonjour,


bonjour ,bonsoir
je fais un qcm voici une partie du script
je souhaite mettre le résultat en couleur ,je début en javascript et css

function modifierText(id, texte) {
document.getElementById(id).innerHTML = texte;
}

function tester(f) {
var toutVaOk = true;

if (f.choix[0].checked) {
modifierText("resultat", "Bonne réponse:bla bla bla");

j'ai fait pas mal de recherche et d'essais je suis passé au css
je ne trouve pas l'erreur
merci d"avance pour votre aide
#resultat, Bonne reponse{
color: green;
}

#resultat, Mauvaise reponse{
color: red;
}
les reponses reste en rouge bonne ou mauvaise

2 réponses

Messages postés
33734
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
22 octobre 2021
3 771
Bonjour,

Tu peux jouer avec les CLASS du css
par exemple :
.bonne-reponse{
color: green;
}

.mauvaise-reponse{
color: red;
} 


et via le javascript, changer le css de tes réponses
par exemple :
var element = document.getElementById("resultat");
element.classList.add("bonne-reponse");


Messages postés
11
Date d'inscription
jeudi 13 avril 2017
Statut
Membre
Dernière intervention
10 octobre 2018

je te réponds avec un peu de retard
débordé par les corrigés des élèves et les tutos sur javascript

j'ai trouvé une autre solution

#resultat1,Bonnereponse{
color: green;
}
ça marche bien mais je vais essayé la tienne

je te remercie de ton aide,

je me permets de te poser une question,peu t’ont transformer
le script donc remplacer type radio par un textarea enfin si s'est possible !!!!!!
ou si tu connais un tuto ?
function tester(f) {
var toutVatOk = true;

if (f.choix[0].checked) {
modifierText("resultat1", "Bonne réponse: bla bla l'équipe de France de ");

} else if (f.choix[1].checked || f.choix[2].checked) {
toutEstOk = false;
modifierText("resultat2", "Mauvaise réponse: bla bla France de");

} else {
alert("REPONDEZ AU QCM, SVP !");
return false;
}


Merci d'avance pour ta réponse

cordialement
Messages postés
11
Date d'inscription
jeudi 13 avril 2017
Statut
Membre
Dernière intervention
10 octobre 2018

problème résolut

j'ai trouvé comment le transformer.