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
Casio fx 92 resultat sans fraction ✓ - Forum calculatrices
La boite à couleurs - Télécharger - Divers Photo & Graphisme
Resultat loto 5/90 - Forum Linux / Unix
Copiez l'image dans un logiciel d'édition d'images ou un outil en ligne comme js paint ou pixlr e. remplissez les cases en suivant le code couleur. des cases supplémentaires vont se remplir automatiquement. que représente le dessin ? ✓ - Forum Windows

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38157 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 4 mai 2024 4 655
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

trait horizontal avec du css

[CSS] Forcé retour à la ligne

CSS/Comment enlever couleur liens ?

Discussions similaires

Newsletters