Comment implémenter une fonction de calculatrice simple en utilisant JavaScript ?

Comment utiliser JavaScript pour implémenter une fonction de calculatrice simple ?

La calculatrice est l'un des outils couramment utilisés dans notre vie quotidienne. Elle peut être utilisée pour effectuer des opérations mathématiques simples. Aujourd'hui, nous allons implémenter une fonction de calculatrice simple utilisant JavaScript. Dans cet article, je vais vous montrer comment écrire du code en utilisant JavaScript pour implémenter des opérations mathématiques de base et une interface de calculatrice.

Tout d'abord, nous devons créer un fichier HTML contenant une zone de texte, des boutons numériques et des boutons d'opérateur pour afficher les résultats de l'opération. Voici la structure HTML de base :

Dans le code HTML ci-dessus, nous utilisons une zone de texte (l'identifiant est "result") pour afficher le résultat de l'opération, et ajoutons un bouton numérique, un bouton d'opérateur et un bouton d'effacement. Chaque bouton possède un événement onclick, qui appelle une fonction JavaScript nomméebuttonClickpour gérer les événements de clic sur le bouton.buttonClick的 JavaScript 函数，用来处理按钮点击事件。

接下来，我们需要在 JavaScript 文件中编写buttonClick和clearResult函数的实现。以下是示例代码：

在buttonClick函数中，我们首先通过getElementById方法获取到文本框的引用，然后根据按钮的值进行不同的处理。如果按钮的值是等于号（=），我们将使用eval函数来计算表达式，并将结果显示在文本框中。否则，我们将按钮的值追加到文本框的内容后面。

clearResult

Ensuite, nous devons écrire l'implémentation des fonctions buttonClicket clearResultdans un fichier JavaScript. Voici l'exemple de code :

rrreee

Dans la fonction buttonClick, nous obtenons d'abord la référence à la zone de texte via la méthode getElementById, puis effectuons différents traitements en fonction de la valeur du bouton. Si la valeur du bouton est le signe égal (=), nous utiliserons la fonction evalpour évaluer l'expression et afficher le résultat dans la zone de texte. Sinon, nous ajoutons la valeur du bouton au contenu de la zone de texte. La fonction

clearResultdéfinit simplement la valeur de la zone de texte sur une chaîne vide, réalisant ainsi la fonction d'effacement.

Maintenant, vous pouvez enregistrer le code HTML et le code JavaScript ci-dessus dans les fichiers correspondants et ouvrir le fichier HTML dans le navigateur. Vous verrez une interface de calculatrice simple qui vous permet d'effectuer des opérations mathématiques de base. Ceci n'est qu'un simple exemple de calculatrice, qui implémente uniquement les quatre fonctions arithmétiques de base. Si vous souhaitez implémenter des fonctions de calculatrice plus complexes, telles que la prise en charge des parenthèses, des fonctions trigonométriques, etc., vous devez encore améliorer le code. Mais avec cet exemple, vous pouvez voir comment utiliser JavaScript pour implémenter une fonction de calculatrice simple. J'espère que cet article pourra vous aider, et je vous souhaite une bonne programmation !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!