JavaScriptový program na vytvorenie jednoduchej kalkulačky

V tomto príklade sa naučíte písať program na vytvorenie jednoduchej kalkulačky v JavaScripte.

Aby ste pochopili tento príklad, mali by ste mať znalosti nasledujúcich tém programovania v jazyku JavaScript:

  • Vyhlásenie JavaScript, ak … else
  • Vyhlásenie o prepnutí JavaScriptu

Príklad 1: Jednoduchá kalkulačka s 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)`);

Výkon

 Zadajte operátora (buď +, -, * alebo /): * Zadajte prvé číslo: 3,4 Zadajte druhé číslo: 5,6 3,4 * 5,6 = 19,04

Vo vyššie uvedenom príklade je používateľ vyzvaný na zadanie operátora (buď + , - , * alebo / ) a dvoch čísel.

parseFloat()Prevádza číselnú hodnotu reťazca na hodnotu s plávajúcou desatinnou čiarkou.

Príkaz if… else if… ifsa používa na kontrolu stavu, ktorý používateľ zadal pre operátora. Vykoná sa zodpovedajúca operácia a zobrazí sa výstup.

Príklad 2: Jednoduchá kalkulačka s prepínačom

 // 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; )

Výkon

 Zadajte operátora: + Zadajte prvé číslo: 4 Zadajte druhé číslo: 5 4 + 5 = 9

Vo vyššie uvedenom programe je užívateľ vyzvaný k zadaniu buď + , - , * alebo / a dvoch čísel. Potom switchpríkaz vykoná prípady na základe vstupu používateľa.

Zaujímavé články...