Partage IA

Tu dois créer une page html bootstrap 4.
La page contient une activité interactive.
La page propose une activité en lien avec l'accord du participe passé avec le verbe avoir et être.
Une pratique guidée est présentée à l'élève.
La pratique guidée doit expliquer la règle avec le verbe avoir et être.
La pratique guidée simule la pensée de l'enseignant qui explique les règles à un élève.
Tu dois rendre l'activité interactive en expliquant par étapes un accord du participe passé avec le verbe être et avoir.

Une fois que la pratique guidée est terminée, un texte à corriger est présenté à l'élève (activer la visiblité).
Au dessus du texte, une consigne est placée dans une boîte alerte.
Le texte doit contenir environ 200 mots et la moitié des participes passés doivent être bien accordés.
L'élève doit trouver des erreurs d'accords de participe passé conjugué avec le verbe avoir et être présents dans le texte.
Il doit pouvoir cliquer sur chaque mot du texte. Aucun indice doit être présent avant la sélection des mots.
Après avoir cliqué sur un mot, une bordure appraît.
La validation est immédiate lorsqu'un mot est cliqué.
Si l'erreur est identifiée, le mot est placé dans une alert success (un crochet visible  indique la bonne réponse ).
Si le choix de l'élève n'est pas bon, le mot est placé dans une alert danger et il faut afficher dans un tooltip la règle qui explique pourquoi l'accord est correct.
Si le mot sélectionné n'est pas un participe passé, le mot est placé dans une alert warning.

Sous le texte à corriger, placer un bouton de validation  "chercher les autres erreurs présentes". Lorsque le bouton est cliqué, toutes les erreurs du texte qui n'ont pas été repèrées par l'élève sont identifiées à l'écran.
En tout temps, le tooltip s'affiche lors du survol de la souris sur le mot du texte contenant une alert.