Mettre couleurs resultat à un qcm en css
Résolu
benabar13
Messages postés
11
Statut
Membre
-
benabar13 Messages postés 11 Statut Membre -
benabar13 Messages postés 11 Statut Membre -
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
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
-
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");
-
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
-
-
