Aller au contenu

DnD

L'objectif de cet exercice est de mettre en pratique la notion de classe JavaScript.

Résultat attendu

Consignes

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 true si la santé est supérieure à zéro, sinon retourne false
  • ⚔️ #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"
  • ⚔️ #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 h1 pour afficher "Victoire !" et rendre l'image de l'ennemi invisible en réglant son opacité à 0.