In questo esempio imparerai a scrivere un programma per creare una semplice calcolatrice in JavaScript.
Per comprendere questo esempio, è necessario conoscere i seguenti argomenti di programmazione JavaScript:
- Istruzione JavaScript if … else
- Istruzione Switch JavaScript
Esempio 1: Calcolatrice semplice con if … else if … else
// program for a simple calculator // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); let result; // using if… else if… else if (operator == '+') ( result = number1 + number2; ) else if (operator == '-') ( result = number1 - number2; ) else if (operator == '*') ( result = number1 * number2; ) else ( result = number1 / number2; ) // display the result console.log(`$(number1) $(operator) $(number2) = $(result)`);
Produzione
Inserisci operatore (+, -, * o /): * Inserisci il primo numero: 3.4 Inserisci il secondo numero: 5.6 3.4 * 5.6 = 19.04
Nell'esempio precedente, all'utente viene richiesto di inserire un operatore ( + , - , * o / ) e due numeri.
Il parseFloat()
converte il valore stringa numerica in un valore a virgola mobile.
L' if… else if… if
istruzione viene utilizzata per verificare la condizione che l'utente ha inserito per l'operatore. Viene eseguita l'operazione corrispondente e viene visualizzato l'output.
Esempio 2: calcolatrice semplice con interruttore
// program for a simple calculator let result; // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); switch(operator) ( case '+': result = number1 + number2; console.log(`$(number1) + $(number2) = $(result)`); break; case '-': result = number1 - number2; console.log(`$(number1) - $(number2) = $(result)`); break; case '*': result = number1 * number2; console.log(`$(number1) * $(number2) = $(result)`); break; case '/': result = number1 / number2; console.log(`$(number1) / $(number2) = $(result)`); break; default: console.log('Invalid operator'); break; )
Produzione
Immettere operatore: + Immettere il primo numero: 4 Immettere il secondo numero: 5 4 + 5 = 9
Nel programma sopra, all'utente viene chiesto di inserire + , - , * o / e due numeri. Quindi, l' switch
istruzione esegue i casi in base all'input dell'utente.