Dixième semaine

Ce qu'on a fait :

Afin de proposer une alternative à l'attribut title qui indiquait le mot accentué à la fin de la partie, mais qui ne pouvait pas s'afficher sur téléphone, nous avons eu une nouvelle idée : celle d'ajouter un input contenant le mot accentué et un bouton copier.

Lorsque la partie est terminée, l'icône "question" ci-contre s'affiche.

Lorsque l'on clique dessus, 2 nouveaux éléments s'affichent : une saisie input préremplie qui contient le mot à découvrir accentué et un bouton auquel nous avons affecté la fonction execCommand ('copy') pour copier le contenu de la saisie input dans le presse-papier.

Voici un aperçu de la page du pendu lorsqu'une partie est terminée :

Aperçu de la page

Code HTML :

Code JavaScript :

Tout d'abord, lorsque la partie est gagnée ou perdue, le code ci-dessous permet de faire apparaître l'icône "question", qui est initialement en display "none".

Ensuite, lorsque l'on clique sur cette icône, on affiche l'input et le bouton grâce à la fonction suivante :

Le bouton est associé à la fonction copier( ) ci-dessous :

La fonction blur ( ) sert à désélectionner le texte qui se trouve dans la saisie input.

---

Code disponible sur : https://github.com/jmahot/ISN_pendu

Lien du projet : https://pendu-nsi.netlify.com/

---

Projet terminé