Hvordan bygge en enkel kalkulator i JavaScript?

Å bygge en enkel kalkulator i JavaScript er veldig nyttig for å løse kompliserte problemer. I tillegg til det letter det problemløsing, spesielt når det gjelder komplekse matematiske spørsmål. Dessuten hjelper det mye i dagliglivsproblemene jeg.e Figuring og analyse av månedlige budsjetter osv. I slike tilfeller gjør det underverker å gi brukerens bekvemmelighet og spare tid.

Hvordan bygge en enkel kalkulator i JavaScript?

En enkel kalkulator kan utformes i JavaScript ved hjelp av følgende tilnærminger:

• “Hvis/ellers" betingelse
• “Brukerdefinert”Funksjon.

Tilnærming 1: Bygg en enkel kalkulator i JavaScript via IF/ellers tilstand

Denne tilnærmingen kan brukes for å få operatørverdien fra brukeren og returnere den tilsvarende beregnede verdien basert på "Hvis/ellers" betingelse.

Eksempel

La oss observere det under-uttalte eksemplet:

I ovennevnte kodesnippet, utfør følgende trinn:

• I det første trinnet, be brukeren om å oppgi verdien av operatøren om å operere på tallene.
• På samme måte, ta de to verdiene fra brukeren som skal betjenes på med hensyn til operatøren.
• I den videre koden, bruk en betingelse for hver av operatørene for å returnere funksjonalitetene sine ved å legge inn verdien av operatøren.
• Når du spesifiserer operatøren i hurtig dialogboks, vil det føre til omdirigering til den tilsvarende operatøren i "Hvis/ellers”Tilstand og returner den nøyaktige beregningen.

Produksjon

Fra output ovenfor er det tydelig at den nøyaktige beregningen returneres med hensyn til den angitte operatørens verdi.

Tilnærming 2: Bygg en enkel kalkulator i JavaScript via brukerdefinert funksjon

Denne tilnærmingen kan implementeres for å la brukeren legge inn tallene og påkalle den tilsvarende funksjonen på knappeklikk. Her vil det være en egen knapp og funksjon for hver funksjonalitet.

Eksempel

La oss følge eksemplet nedenfor:

Klikk for å returnere summen
Klikk for å returnere subtraksjonen
Klikk for å returnere multiplikasjonen
Klikk for å returnere divisjonen
La num1 = hurtig ('Skriv inn 1. nummer:')
La num2 = hurtig ('Skriv inn 2. nummer:')
funksjonAdnums ()
Varsel (num1 + num2)

funksjonsubractNums ()
Varsel (NUM1 - NUM2)

FunctionMultiplynums ()
Varsel (num1 * num2)

FunctionDividenums ()
Varsel (num1 / num2)

I kodelinjene ovenfor:

• Lag knappene for hver av operatørene med vedlagte “ved trykk”Hendelser omdirigerer til de tilsvarende funksjonene.
• I JavaScript -delen av koden definerer også en funksjon for hver av operatørene.
• I funksjonsdefinisjonene, returner den tilsvarende beregningen på knappen klikk via Dialog -boksen.

Produksjon

I outputten kan det observeres at den beregnede verdien returneres når du klikker på den tilsvarende operatørknappen.

Konklusjon

“Hvis/ellers”Tilstand eller“brukerdefinert”Funksjonstilnærming kan implementeres for å bygge en enkel kalkulator i JavaScript. Den tidligere tilnærmingen kan brukes til å anvende en betingelse for operatørene og returnere den tilsvarende beregnede verdien. Den sistnevnte tilnærmingen kan brukes for å definere en funksjon for hver av operatørene og returnere den beregnede verdien på knappeklikk. Denne oppskrivningen forklarte hvordan du bygger en enkel kalkulator i JavaScript.