Mettre couleurs resultat à un qcm en css

Résolu/Fermé

benabar13 Messages postés 11 Date d'inscription jeudi 13 avril 2017 Statut Membre Dernière intervention 10 octobre 2018 - 1 mai 2017 à 14:08
benabar13 Messages postés 11 Date d'inscription jeudi 13 avril 2017 Statut Membre Dernière intervention 10 octobre 2018 - 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

A voir également:

Mettre couleurs resultat à un qcm en css
Lexer resultat - Télécharger - Sport
Resultat foot - Télécharger - Vie quotidienne
La boite à couleurs - Télécharger - Divers Photo & Graphisme
Resultat loto 5/90 - Forum Excel
Remettre les couleurs d'origine android - Forum Windows 7

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38350 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 26 décembre 2024 4 719
1 mai 2017 à 15:05

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 jeudi 13 avril 2017 Statut Membre Dernière intervention 10 octobre 2018
5 mai 2017 à 09:36

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 jeudi 13 avril 2017 Statut Membre Dernière intervention 10 octobre 2018
20 mai 2017 à 20:18

problème résolut

j'ai trouvé comment le transformer.

Discussions similaires

Récupérer un résultat selon la date d'aujourd'hui

Transparence en tete et bas de page

Applications loto Autriche, Bulgarie et Azerbaïdjan.

Bonjour,j'ai besoin des résultats d'aujourd'hui vendredi 29 octobre 2021 de 17h

generer toutes les combinaisons du loto premier bet 5/90 et 4/52 .