Mettre couleurs resultat à un qcm en css

Résolu

benabar13 Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
benabar13 Messages postés 11 Date d'inscription Statut Membre Dernière intervention - 20 mai 2017 à 20:18

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

Afficher la suite

A voir également:

Mettre couleurs resultat à un qcm en css
Resultat foot - Télécharger - Vie quotidienne
La boite à couleurs - Télécharger - Divers Photo & Graphisme
Lexer resultat - Télécharger - Sport
Remettre les couleurs d'origine android ✓ - Forum Samsung
L'en-tête du document comporte une information qui n’apparaît pas à l'impression car elle est de couleur blanche. de quelle information s'agit-il ? ✓ - Forum Bureautique

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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");

benabar13 Messages postés 11 Date d'inscription Statut Membre Dernière intervention

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

Réponse 2 / 2

benabar13 Messages postés 11 Date d'inscription Statut Membre Dernière intervention

problème résolut

j'ai trouvé comment le transformer.

Discussions similaires

Retrouver réglages couleurs d'origine de mon écran W10

Changer la couleur de fond d'un en-tête

rétablir les couleurs d'origine

Trouver application résultat loterie Azerb Bulgarie Autriche

remettre les couleurs d'origine de l'écran

Votre réponse

Discussions similaires