Come creare un semplice calcolatore in JavaScript?

Costruire un semplice calcolatore in JavaScript è molto utile per risolvere problemi complicati. Oltre a ciò, facilita la risoluzione dei problemi, specialmente nel caso di complesse query matematiche. Inoltre, aiuta molto nei problemi di vita quotidiana i.e figurare e analizzare i budget mensili, ecc. In tali casi, fa meraviglie per fornire la comodità dell'utente e risparmiare tempo.

Come creare un semplice calcolatore in JavaScript?

Una semplice calcolatrice può essere progettata in JavaScript utilizzando i seguenti approcci:

• "se altro" condizione
• "Definito dall'utente" funzione.

Approccio 1: costruire un semplice calcolatore in JavaScript tramite If/Else Condition

Questo approccio può essere utilizzato per ottenere il valore dell'operatore dall'utente e restituire il valore calcolato corrispondente in base a "se altro" condizione.

Esempio

Osserviamo l'esempio di seguito:

Nel code-snippet sopra, eseguire i seguenti passaggi:

• Nel primo passaggio, richiedere all'utente di inserire il valore dell'operatore per operare sui numeri.
• Allo stesso modo, prendi i due valori dall'utente per essere gestiti rispetto all'operatore.
• Nell'ulteriore codice, applicare una condizione su ciascuno degli operatori per restituire le proprie funzionalità dopo aver inserito il valore dell'operatore.
• Dopo aver specificato l'operatore nella finestra di dialogo prompt, comporterà il reindirizzamento all'operatore corrispondente in "se altro"Condizione e restituire il calcolo preciso.

Produzione

Dall'output di cui sopra, è evidente che il calcolo accurato viene restituito rispetto al valore dell'operatore immesso.

Approccio 2: crea una semplice calcolatrice in JavaScript tramite la funzione definita dall'utente

Questo approccio può essere implementato per consentire all'utente di inserire i numeri e invocare la funzione corrispondente al clic del pulsante. Qui, ci sarà un pulsante e una funzione separati per ogni funzionalità.

Esempio

Seguiamo l'esempio seguente:

Fare clic per restituire la somma
Fare clic per restituire la sottrazione
Fare clic per restituire la moltiplicazione
Fai clic per restituire la divisione
let num1 = prompt ('immettere il 1 ° numero:')
let num2 = prompt ('immettere il 2 ° numero:')
functionddnums ()
Avviso (NUM1 + NUM2)

functionsubtractnums ()
Avviso (NUM1 - NUM2)

functionMultiplyNums ()
Avviso (NUM1 * NUM2)

functiondividenums ()
Avviso (NUM1 / NUM2)

Nelle righe di codice sopra:

• Crea i pulsanti per ciascuno degli operatori con allegato "al clic"Eventi che reindirizzano alle funzioni corrispondenti.
• Nella parte JavaScript del codice, allo stesso modo, definire una funzione per ciascuno degli operatori.
• Nelle definizioni delle funzioni, restituire il calcolo corrispondente al momento del pulsante Tramite la finestra di dialogo Avviso.

Produzione

Nell'uscita sopra, si può osservare che il valore calcolato viene restituito facendo clic sul pulsante dell'operatore corrispondente.

Conclusione

IL "se altro"Condizione o la"definito dall'utente"L'approccio della funzione può essere implementato per creare un semplice calcolatore in JavaScript. Il primo approccio può essere utilizzato per applicare una condizione sugli operatori e restituire il valore calcolato corrispondente. Quest'ultimo approccio può essere applicato per definire una funzione per ciascuno degli operatori e restituire il valore calcolato al clic del pulsante. Questo articolo ha spiegato come costruire un semplice calcolatore in JavaScript.