Menu
Coddy logo textTech

fonction appendToDisplay

Leçon 11 sur 14 du cours Projet DOM - Calculatrice de Coddy.

Nous devons créer quatre fonctions, qui sont :

  1. appendToDisplay : pour afficher la valeur du nombre ou du symbole cliqué
  2. clearDisplay : pour effacer tout ce qui se trouve sur l'affichage (C)
  3. deleteLast : pour supprimer chaque nombre ou symbole (fonctionnement de la touche retour arrière)
  4. calculateResult : Après avoir cliqué sur le bouton égal, un résultat est généré.
challenge icon

Défi

Facile
  1. Créez une fonction appendToDisplay qui prend un value comme paramètre et ajoute les nombres ou les symboles au 'display'.
  2. Maintenant que notre fonction est prête, nous devons la faire fonctionner. Utilisez donc l'attribut onclick et définissez appendToDisplay(value) pour tous les boutons sauf 'C', '←', et '='. Voici un exemple ci-dessous :
<button class="btn" onclick="appendToDisplay('/')">/</button>

(Actualisez le site web en haut à droite et cliquez sur les chiffres pour voir si cela fonctionne !)

Essayez vous-même

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Toutes les leçons de Projet DOM - Calculatrice