In diesem Beispiel lernen Sie, ein Programm zu schreiben, um einen einfachen Taschenrechner in JavaScript zu erstellen.
Um dieses Beispiel zu verstehen, sollten Sie die folgenden JavaScript-Programmierthemen kennen:
- JavaScript if… else Anweisung
- JavaScript-Switch-Anweisung
Beispiel 1: Einfacher Rechner mit 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)`);
Ausgabe
Operator eingeben (entweder +, -, * oder /): * Erste Nummer eingeben: 3.4 Zweite Nummer eingeben: 5.6 3.4 * 5.6 = 19.04
Im obigen Beispiel wird der Benutzer aufgefordert, einen Operator (entweder + , - , * oder / ) und zwei Zahlen einzugeben .
Der parseFloat()
konvertiert den numerischen Zeichenfolgenwert in einen Gleitkommawert.
Die if… else if… if
Anweisung wird verwendet, um die Bedingung zu überprüfen, die der Benutzer für den Operator eingegeben hat. Die entsprechende Operation wird ausgeführt und die Ausgabe wird angezeigt.
Beispiel 2: Einfacher Rechner mit Schalter
// 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; )
Ausgabe
Operator eingeben: + Erste Nummer eingeben: 4 Zweite Nummer eingeben: 5 4 + 5 = 9
Im obigen Programm wird der Benutzer aufgefordert, entweder + , - , * oder / und zwei Zahlen einzugeben . Anschließend führt die switch
Anweisung Fälle basierend auf der Benutzereingabe aus.