fonction appendToDisplay
Leçon 11 sur 14 du cours Projet DOM - Calculatrice de Coddy.
Nous devons créer quatre fonctions, qui sont :
- appendToDisplay : pour afficher la valeur du nombre ou du symbole cliqué
- clearDisplay : pour effacer tout ce qui se trouve sur l'affichage (C)
- deleteLast : pour supprimer chaque nombre ou symbole (fonctionnement de la touche retour arrière)
- calculateResult : Après avoir cliqué sur le bouton égal, un résultat est généré.
Défi
Facile- Créez une fonction
appendToDisplayqui prend unvaluecomme paramètre et ajoute les nombres ou les symboles au'display'. - Maintenant que notre fonction est prête, nous devons la faire fonctionner. Utilisez donc l'attribut
onclicket définissezappendToDisplay(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
1Introduction
Qu'allez-vous construire ?4Faites-le fonctionner
fonction appendToDisplay