Un questionnaire simple
Parmi 5 propositions, cliquer celles qui sont vraies.
Afficher la proposition en vert si elle est vraie et en rouge si elle est fausse.
Proposer deux solutions:
- Modifier la couleur en agissant sur la propriété style
Démo
- Ajouter/Supprimer un style défini dans une FS globale
Démo
- Idem précédent en affichant le nombre de bonnes réponses dans un paragraphe d'id score
Démo
Elles sont belles mes petites plantes...
Réaliser la base de données "Plantes" regroupant n plantes caractérisées uniquement par leur nom français.
Prévoir 2 champs: id_pla et nom_pla.
Ensuite, remplir dynamiquement un élément <select> et demander à l'utilisateur de choisir une plante à reconnaître.
Prévoir un choix parmi 5 plantes, la disposition des plantes dans le questionnaire sera alléatoire.
- Renvoyer le résultat "Bonne réponse" ou Mauvaise réponse" dans une <div id=rep>, l'utilisateur peut faire autant de choix qu'il le désire.
Démo
- Renvoyer le résultat "Bonne réponse" en vert ou Mauvaise réponse" en rouge dans une <div id=rep>, l'utilisateur peut faire autant de choix qu'il le désire.
On ajoutera un petit effet d'opacité au survol de la souris.
Démo
- Cette fois-ci, on complète l'exercice précédent en autorisant l'utilisateur à ne répondre qu'une seule fois.
Démo
- Cette fois-ci, on informe le nombre d'essais pour arriver à la bonne réponse, on bloque la possiblilité de répondre après avoir détecté la bonne réponse.
Démo
- Proposer 5 plantes au hasard que l'utilisateur devra glisser/déposer sur la div adéquate.
Démo
- Idem exercice précédent mais on rajoute le score dans une <div id=result</div>.
Démo
- Idem exercice précédent mais on propose de relancer le même questionnaire, autorisant ainsi l'utilisateur à refaire le même exercice.
Démo
- Idem exercice précédent mais on propose de relancer le même questionnaire, autorisant ainsi l'utilisateur à refaire le même exercice.
Démo