Questo sito utilizza cookies, anche di terze parti, per mostrare pubblicità e servizi in linea con il tuo account. Leggi l'informativa sui cookies.
Username: Password: oppure
Javascript - [Javascript]Calcolatrice
Forum - Javascript - [Javascript]Calcolatrice

Avatar
oretovalley (Normal User)
Pro


Messaggi: 109
Iscritto: 12/04/2009

Segnala al moderatore
Postato alle 17:13
Giovedì, 29/10/2009
Ciao a tutti sto facendo una calcolatrice utilizzando javascript e fin qui tutto bene, ma vorrei capire come evitare la concatenazione di stringhe, ed eseguire invece una somma fra numeri, utilizzando appunto il semplice algoritmo (valore1 * 10) + valore2, piuttosto che concatenarlo, soprattutto perchè nella somma, io devo sommare interi e non stringhe, come posso fare?

Ecco il codice che uso per ora:

Codice sorgente - presumibilmente Delphi

  1. <html>
  2.         <head><title>Calcolatrice</title></head>
  3.         <script type=text/javascript>
  4.                 function inserisci(valore) {
  5.                         if(calcolatrice.barra.value == 0 || calcolatrice.barra.value == "") {
  6.                                 calcolatrice.barra.value = valore;
  7.                         } else {
  8.                                 calcolatrice.barra.value = calcolatrice.barra.value + valore;
  9.                         }
  10.                 }
  11.         </script>
  12.         <body>
  13.                 <form name = 'calcolatrice'>
  14.                         <input type='text' name ='barra' size = 9 value = 0>
  15.                         <br>   
  16.                         <input type='button' value='1' onclick='inserisci(this.value);'>
  17.                         <input type='button' value='2' onclick='inserisci(this.value);'>
  18.                         <input type='button' value='3' onclick='inserisci(this.value);'>
  19.                         <input type='button' value='+'>
  20.                         <br>
  21.                         <input type='button' value='4' onclick='inserisci(this.value);'>
  22.                         <input type='button' value='5' onclick='inserisci(this.value);'>
  23.                         <input type='button' value='6' onclick='inserisci(this.value);'>
  24.                         <input type='button' value='-'>
  25.                         <br>
  26.                         <input type='button' value='7' onclick='inserisci(this.value);'>
  27.                         <input type='button' value='8' onclick='inserisci(this.value);'>
  28.                         <input type='button' value='9' onclick='inserisci(this.value);'>
  29.                         <input type='button' value='*'>                
  30.                         <br>
  31.                         <input type='button' value='C' onclick='calcolatrice.barra.value=0;'>
  32.                         <input type='button' value='0' onclick='inserisci(this.value);'>
  33.                         <input type='button' value='.'>
  34.                         <input type='button' value='/'>
  35.                 </form>
  36.         </body>
  37. </html>


PM Quote
Avatar
NewAge (Normal User)
Pro


Messaggi: 153
Iscritto: 23/08/2009

Segnala al moderatore
Postato alle 12:42
Venerdì, 30/10/2009
In quella calcolatrice c'è praticamente solo l'html, comunque se vuoi compiere un'operazione usa:

variabile += numero;

e a seconda dell'operazione cambia il segno.

Ad es.

variabile *= numero;
variabile -= numero;

PM Quote
Avatar
oretovalley (Normal User)
Pro


Messaggi: 109
Iscritto: 12/04/2009

Segnala al moderatore
Postato alle 16:16
Venerdì, 30/10/2009
ho risolto :) ecco il codice della calcolatrice funzionante:

Codice sorgente - presumibilmente Delphi

  1. <html>
  2.         <head><title>Calcolatrice</title></head>
  3.         <script type=text/javascript>
  4.                 var temp;
  5.                 var operazione = "";
  6.                 function aggiungi(valore) {
  7.                         if(calcolatrice.barra.value == 0 || calcolatrice.barra.value == "") {
  8.                                 calcolatrice.barra.value = valore;
  9.                         } else {                                               
  10.                                 calcolatrice.barra.value = (parseInt(calcolatrice.barra.value) * 10)  + parseInt(valore);
  11.                         }
  12.                 }
  13.                
  14.                 function somma() {
  15.                         temp = calcolatrice.barra.value;
  16.                         calcolatrice.barra.value = 0;
  17.                         operazione = "Somma";                  
  18.                 }
  19.                
  20.                 function sottrazione() {
  21.                         temp = calcolatrice.barra.value;
  22.                         calcolatrice.barra.value = 0;
  23.                         operazione = "Sottrazione";    
  24.                 }
  25.                
  26.                 function moltiplicazione() {
  27.                         temp = calcolatrice.barra.value;
  28.                         calcolatrice.barra.value = 0;
  29.                         operazione = "Moltiplicazione";
  30.                 }
  31.                
  32.                 function divisione() {
  33.                         temp = calcolatrice.barra.value;
  34.                         calcolatrice.barra.value = 0;
  35.                         operazione = "Divisione";      
  36.                 }
  37.                
  38.                 function risultato() {
  39.                         if(operazione == "Somma") {
  40.                                 calcolatrice.barra.value = parseInt(calcolatrice.barra.value) + parseInt(temp);
  41.                                 operazione = "";
  42.                         } else if(operazione == "Sottrazione") {
  43.                                 calcolatrice.barra.value = parseInt(temp) - parseInt(calcolatrice.barra.value);
  44.                                 operazione = "";
  45.                         } else if(operazione == "Moltiplicazione") {
  46.                                 calcolatrice.barra.value = parseInt(temp) * parseInt(calcolatrice.barra.value);
  47.                                 operazione = "";
  48.                         } else if(operazione == "Divisione") {
  49.                                 calcolatrice.barra.value = parseInt(temp) / parseInt(calcolatrice.barra.value);
  50.                                 operazione = "";
  51.                         }
  52.                 }
  53.         </script>
  54.         <body>
  55.                 <form name = 'calcolatrice'>
  56.                         <input type='text' name ='barra' size = 18 value = 0>
  57.                         <br>   
  58.                         <input type='button' value='7' onclick='aggiungi(this.value);'>
  59.                         <input type='button' value='8' onclick='aggiungi(this.value);'>
  60.                         <input type='button' value='9' onclick='aggiungi(this.value);'>
  61.                         <input type='button' value='+' onclick='somma();'>
  62.                         <br>
  63.                         <input type='button' value='4' onclick='aggiungi(this.value);'>
  64.                         <input type='button' value='5' onclick='aggiungi(this.value);'>
  65.                         <input type='button' value='6' onclick='aggiungi(this.value);'>
  66.                         <input type='button' value='-' onclick='sottrazione();'>
  67.                         <br>                   
  68.                         <input type='button' value='1' onclick='aggiungi(this.value);'>
  69.                         <input type='button' value='2' onclick='aggiungi(this.value);'>
  70.                         <input type='button' value='3' onclick='aggiungi(this.value);'>
  71.                         <input type='button' value='*' onclick='moltiplicazione();'>                   
  72.                         <br>
  73.                         <input type='button' value='C' onclick='calcolatrice.barra.value=0;'>
  74.                         <input type='button' value='0' onclick='aggiungi(this.value);'>
  75.                         <input type='button' value='=' onclick='risultato();'>
  76.                         <input type='button' value='/' onclick='divisione();'>
  77.                 </form>
  78.         </body>
  79. </html>


PM Quote