Esempio di funzione calcolatrice molto semplice implementata in JavaScript

Questo esempio spiega come implementare una funzione calcolatrice molto semplice in JavaScript. Lo condivido con tutti per riferimento, come segue:

Ecco come si comporta in esecuzione:

Codice specifico:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>it.oldtoolbag.com JS calcolatrice</title>
  <script type="text/javascript">
   // window.onload recupera gli elementi con getElementById
    window.onload = function(){
      var oTxt1 = document.getElementById('val01');
      var oTxt2 = document.getElementById('val02');
      var oFuhao = document.getElementById('fuhao');
      // Questi tre vanno messi all'interno della funzione button perché s1.value recupera l'input dall'interno, ma in questo momento non ci sono input
      // var iNum1 = oTxt1.value;
      //var iNum2 = oTxt2.value;
      //var iNum3 = oFuhao.value;
      oBtn = document.getElementById('btn');
　　　　　　　//Evento di clic del pulsante di calcolo
      oBtn.onclick = function(){
        var iNum1 = oTxt1.value;
        var iNum2 = oTxt2.value;
        var iNum3 = oFuhao.value;
        var iResult;
　　　　　　　　　　//Se uno dei due input è vuoto　　　　　　　　　　//return è per finire l'esecuzione dell'if
        if (iNum1=='' || iNum2=='') {
          alert('Non può essere vuoto');
          return;
        }　　　　　　　　　　//Se isNaN() è true, significa che è non numerico, quindi se uno dei due input non è un numero, viene visualizzato un alert
        if (isNaN(iNum1) || isNaN(iNum2)) {
          alert('Non sono ammessi caratteri letterali');
          return;
        }　　　　　　　　　　//Controlla i valori di value per le operazioni + - * /　　　　　　　　　　//Se iNum1 + iNum2 produce una concatenazione di stringhe, 12+24=1224, quindi deve essere convertito in un numero intero parseInt
        if (iNum3 == 0) {
          iResult = parseInt(iNum1) + parseInt(iNum2);
        }
        else if (iNum3 == 1) {
          iResult = parseInt(iNum1) - parseInt(iNum2);
        }
        else if (iNum3 == 2) {
          iResult = parseInt(iNum1) * parseInt(iNum2);
        }
        else if (iNum3 == 3) {
          iResult = parseInt(iNum1)/parseInt(iNum2);
        }
        alert(iResult);
      }
    }
  </script>
</head>
<body>
  <h3>Calcolatore</h3>
  <input type="text" id="val01">
  <select id="fuhao">
    <option value="0">+</option>
    <option value="1">-</option>
    <option value="2">*</option>
    <option value="3">/</option>
  </select>
  <input type="text" id="val02">
  <input type="button" id="btn" value="Calcolo">
</body>
</html>

PS: ecco alcune altre risorse di strumenti di calcolo che possono essere utili per ulteriori riferimenti:

Strumento di calcolo online per la soluzione di funzioni univariate (equazioni):
http://tools.jb51.net/jisuanqi/equ_jisuanqi

Utilizzo online del calcolatore scientifico_calcolatore avanzato online:
http://tools.jb51.net/jisuanqi/jsqkexue

Calcolatore online_Standard calcolatore:
http://tools.jb51.net/jisuanqi/jsq

Per chi è interessato a ulteriori contenuti su JavaScript, è possibile consultare le sezioni speciali di questo sito: 'Concetti di sommario delle operazioni matematiche JavaScript', 'Concetti di sommario delle strutture dati e tecniche di algoritmo JavaScript', 'Concetti di sommario delle tecniche di manipolazione degli array JavaScript', 'Manuale completo di operazioni e tecniche JavaScript relative agli eventi', 'Concetti di sommario delle tecniche di manipolazione del DOM JavaScript' e 'Concetti di sommario delle tecniche di manipolazione dei caratteri e delle stringhe JavaScript'.

Spero che il contenuto di questo articolo possa essere utile per la progettazione di programmi JavaScript di tutti.

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, il copyright spetta ai rispettivi autori, il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, questo sito non detiene il diritto di proprietà, non è stato editato manualmente e non assume responsabilità legali correlate. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una email a: notice#oldtoolbag.com (al momento dell'invio dell'email, sostituisci # con @) per segnalare il problema e fornire prove pertinenti. Una volta verificata, questo sito eliminerà immediatamente il contenuto sospetto di violazione del copyright.

Corso di base