DnD¶
L'objectif de cet exercice est de mettre en pratique la notion de classe JavaScript.
Résultat attendu¶
Consignes¶
- Effectuer un fork du Codepen de départ
Compléter le code manquant pour chaque commentaire :
- ⚔️ #1 - Assigner les paramètres reçus à des propriétés équivalentes pour l'objet Character
- ⚔️ #2 - Réduire la santé de la cible en fonction de la force de l'attaquant
- ⚔️ #3 - S'assurer que la santé ne descend pas en dessous de zéro
- ⚔️ #4 - Retourne
truesi la santé est supérieure à zéro, sinon retournefalse - ⚔️ #5 - Créer une instance de Character pour les personnages suivants :
Personnage principal :
- Nom : "Paladin"
- 100 de santé
- 9 de force
- Image : "warrior.png"
Ennemi :
- Nom : "La mort"
- 100 de santé
- 666 de force
- Image : "enemy.png"
- Nom : "Paladin"
- ⚔️ #6 - Mettre à jour le contenu textuel du site pour les deux personnages en utilisant leur instance respective :
- Nom
- Santé
- Force
- Image (Exemple d'URL : "https://assets.codepen.io/9367036/warrior.png")
- ⚔️ #7 - Lorsque le bouton "Attaquer" est cliqué, le personnage principal attaque l'ennemi, puis les statistiques sont mises à jour.
- ⚔️ #8 - Si l'ennemi n'est plus en vie après l'attaque, modifier le texte du
h1pour afficher "Victoire !" et rendre l'image de l'ennemi invisible en réglant son opacité à 0.