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

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 WebDiffé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 JavascriptVé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
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus

Une réflexion sur “Comment fonctionne Javascript et comment créer une calculatrice simple avec

  • juin 18, 2020 à 4:30
    Permalien

    Merci beaucoup pour ce code, il est simple et fonctionnel 🙂

    Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *