Comment fonctionne Javascript et comment créer une calculatrice simple avec

décembre 24, 2017février 10, 2020 Amine KOUIS 1 Commentaire calculatrice

JavaScript est un langage de programmation informatique.

JavaScript est un langage de script côté client. Cela signifie qu’il s’agit d’un langage de programmation informatique qui s’exécute dans un navigateur Internet (un navigateur est également appelé client Web car il se connecte à un serveur Web pour télécharger des pages).

Le fonctionnement de JavaScript est intéressant. Dans une page Web normale, vous placez du code JavaScript. Lorsque le navigateur charge la page, le navigateur dispose d’un interpréteur intégré qui lit le code JavaScript qu’il trouve dans la page et l’exécute.
Différence entre un Site Web et une Page WebLa différence entre un Site Web et une Page Web est la suivante: Un site Web est une combinaison de pages Web et comprend différents…Lire plus Les développeurs Web utilisent JavaScript de différentes manières. L’un des plus communs est de faire la validation d’un formulaire. De nombreux sites Web recueillent des informations auprès des utilisateurs dans des formulaires en ligne, et JavaScript peut aider à valider les entrées. Par exemple, le programmeur peut valider que l’âge d’une personne saisi dans un formulaire se situe entre 1 et 120.
Vérifier l’âge d’une personne en JavascriptDans ce tutoriel nous allons découvrir comment écrire un programme simple en JavaScript pour vérifier l’âge d’une personne, si l’âge est supérieur à 18 ans,…Lire plus Le code JavaScript/HTML/CSS ci-dessous vous montre comment créer une calculatrice extrêmement simple:

<html> 
   <head> 
      <script> 
         //fonction qui évalue le chiffre et renvoie la sortie
         function calculer() 
         { 
             let a = document.getElementById("output").value 
             let b = eval(a) 
             document.getElementById("output").value = b 
         } 
         //fonction qui affiche la valeur
         function afficher(val) 
         { 
             document.getElementById("output").value+=val 
         } 
         //fonction qui efface l'écran 
         function effacer() 
         { 
             document.getElementById("output").value = "" 
         } 
      </script>
      <style>
        td button{width:100%}
      </style>
   </head> 
   <body> 
      <table border="1"> 
         <tr> 
            <td colspan="3"><input id="output"/></td> 
            <td><button onclick="effacer()">c</button></td> 
         </tr> 
         <tr> 
            <td><button onclick="afficher('1')">1</button></td> 
            <td><button onclick="afficher('2')">2</button></td> 
            <td><button onclick="afficher('3')">3</button></td> 
            <td><button onclick="afficher('+')">+</button></td> 
         </tr> 
         <tr> 
            <td><button onclick="afficher('4')">4</button></td> 
            <td><button onclick="afficher('5')">5</button></td> 
            <td><button onclick="afficher('6')">6</button></td> 
            <td><button onclick="afficher('-')">-</button></td> 
         </tr> 
         <tr> 
            <td><button onclick="afficher('7')">7</button></td> 
            <td><button onclick="afficher('8')">8</button></td> 
            <td><button onclick="afficher('9')">9</button></td> 
            <td><button onclick="afficher('*')">*</button></td> 
         </tr> 
         <tr>
            <td><button onclick="afficher('.')">.</button></td> 
            <td><button onclick="afficher('0')">0</button></td> 
            <td><button onclick="calculer()">=</button></td> 
            <td><button onclick="afficher('/')">/</button></td> 
         </tr> 
      </table> 
   </body> 
</html>

Résultat