Comme nous le savons, le Calculatrice est un appareil portable utilisé dans notre vie quotidienne pour exécuter diverses fonctions mathématiques telles que addition, soustraction, multiplication, division , racine, etc. Cependant, nous disposons de calculatrices scientifiques ou sophistiquées utilisées pour résoudre des tâches complexes telles que les fonctions trigonométriques, les degrés, les opérateurs exponentiels, les fonctions log, les fonctions hyperboliques, la racine carrée, etc. Dans cette rubrique, nous allons créer un programme de calcul en JavaScript.

Exemple 1 : Créez une calculatrice JavaScript à l'aide des langages de programmation JavaScript, HTML et CSS.

Construire.html

enregistrer la vidéo youtube vlc

 JavaScript Calculator h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } #clear{ width: 270px; border: 3px solid gray; border-radius: 3px; padding: 20px; background-color: red; } .formstyle { width: 300px; height: 530px; margin: auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; } input { width: 20px; background-color: green; color: white; border: 3px solid gray; border-radius: 5px; padding: 26px; margin: 5px; font-size: 15px; } #calc{ width: 250px; border: 5px solid black; border-radius: 3px; padding: 20px; margin: auto; } <table class="table"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> 

Sortir

Lorsque le programme ci-dessus est exécuté sur n'importe quel navigateur, il affiche l'image ci-dessous.

Nous effectuons maintenant plusieurs opérations dans la calculatrice JavaScript en appuyant sur le bouton numérique, comme indiqué :

Après avoir effectué les opérations, cliquez sur le ' = ' (égal) pour retourner le Résultat d'affichage de la calculatrice JavaScript .

moniteur à tube cathodique

De plus, nous pouvons supprimer le résultat affiché ou le mauvais numéro un par un dans le back-end en cliquant sur le bouton B ( Dos ) bouton. Si nous voulons supprimer le numéro complètement visible, appuyez sur la touche C ( Annuler ) de la Calculatrice.