Javascript - Somma tra addendi con form?

Forum - Javascript - Somma tra addendi con form?

perillitommaso (Normal User)
Pro

Messaggi: 186
Iscritto: 28/01/2014

Postato alle 16:24
Martedì, 04/11/2014

Codice sorgente - presumibilmente Javascript

<html>
<head>
<title>Somma tra addendi</title>
<script>
function somma(){
 s = (document.modulo.addendo1.value*1)+document.modulo.addendo2.value;
        document.modulo.somma.value = s;
        return true;
        }
</script>
</head>
<body>
<form name="modulo" method="get" action="http://www.google.com" onSubmit="return(somma())">
<input type="txt" name="addendo1">Insersci il primo addendo<br>
<input type="txt" name="addendo2">Inserisci il secondo addendo<br>
<input type="submit" name="go" value="Fai la somma"><br>
<input type="txt" name="somma">Risultato<br>
 
</form>
 
</body>
</html>

quando clicco su "fai la somma" mi porta direttamente su google... non riesco a capire qual'è il problema

D@vide (Member)
Expert

Messaggi: 450
Iscritto: 30/06/2010

Postato alle 17:14
Martedì, 04/11/2014

Testo quotato

Postato originariamente da perillitommaso:

Codice sorgente - presumibilmente Javascript

<html>
<head>
<title>Somma tra addendi</title>
<script>
function somma(){
 s = (document.modulo.addendo1.value*1)+document.modulo.addendo2.value;
        document.modulo.somma.value = s;
        return true;
        }
</script>
</head>
<body>
<form name="modulo" method="get" action="http://www.google.com" onSubmit="return(somma())">
<input type="txt" name="addendo1">Insersci il primo addendo<br>
<input type="txt" name="addendo2">Inserisci il secondo addendo<br>
<input type="submit" name="go" value="Fai la somma"><br>
<input type="txt" name="somma">Risultato<br>
 
</form>
 
</body>
</html>

quando clicco su "fai la somma" mi porta direttamente su google... non riesco a capire qual'è il problema

Il "problema" è che hai copiato questo codice al posto di pensare con la tua testa :yup:

Codice sorgente - presumibilmente Plain Text

action="http://www.google.com"

perillitommaso (Normal User)
Pro

Messaggi: 186
Iscritto: 28/01/2014

Postato alle 19:29
Martedì, 04/11/2014

non l'ho copiato, l'ho fatto io, ho già provato a levare action ecc ma comunque la somma non me la fa!

Bonny (Member)
Expert

Messaggi: 437
Iscritto: 24/04/2009

Postato alle 15:22
Mercoledì, 05/11/2014

Elenco accorgimenti:

1) dentro la func somma la variabile s non è dichiarata correttamente (var s = ....)
2) quando prelevi il valore delle text per fare la somma dovresti prima castare a int,
altrimenti se una vale "2" e l'altra "6" la somma sarà "2" + "6" = "26", perchè viene effettuata la concatenazione di stringhe
3) tag input di tipo "txt" non esistono (esiste "text")

Consiglio una lettura introduttiva al linguaggio html, javascript. Basta la classica guida di html.it

perillitommaso (Normal User)
Pro

Messaggi: 186
Iscritto: 28/01/2014

Postato alle 10:50
Sabato, 08/11/2014

Codice sorgente - presumibilmente Javascript

<html>
<head>
<title>Somma tra addendi</title>
<script>
function Somma(){
 int b = document.modulo.addendo2.value;
 int a = document.modulo.addendo1.value;
  s = a+b;
        document.modulo.somma.value = s;
        return true;
        }
</script>
</head>
<body>
<form name="modulo" method="get" action="http://www.google.com" onSubmit="return(Somma())">
<input type="text" name="addendo1">primo addendo<br>
<input type="text" name="addendo2">secondo addendo<br>
<input type="submit" name="go" value="Fai la somma"><br>
<input type="text" name="Somma">Risultato<br>
 
</form>
 
</body>
</html>

ho provato a fare così ma comunque non mi esce la somma, per tua informazione non c'è bisogno di dichiarare le variabili, viene fatto solo per una questione di ordinamento del codice. l'input type txt esiste .-. :k:

perillitommaso (Normal User)
Pro

Messaggi: 186
Iscritto: 28/01/2014

Postato alle 12:47
Domenica, 09/11/2014

...

Bonny (Member)
Expert

Messaggi: 437
Iscritto: 24/04/2009

Postato alle 9:06
Lunedì, 10/11/2014

Se lo dici tu :k:

tasx (Dev Team)
Expert

Messaggi: 439
Iscritto: 15/12/2008

Postato alle 11:04
Lunedì, 10/11/2014

Ciao,

1) Ascolta sempre i consigli degli altri soprattutto quando scrivi in un forum per chiedere aiuto
2) In javascript non puoi dichiarare le variabili per tipo, ma devi usare la parola chiave "var"(il tipo viene risolto automaticamente)
quindi la riga 6 e 7 sono errate
3) Bonny ti consigliava di "castare" i valori degli input, puoi usare le funzione parseInt e parseFloat
4) Bonny (di nuovo

) ti consigliava di dichiarare la variabile "s" con il "var", questo non perchè dichiarare una variabile senza la parola chiave "var" sia sbagliato(infatti funziona comunque) ma perchè è una pratica molto pericolosa, infatti quando dichiari la variabile senza il "var" lo scope della variabile diventa quello globale quindi diventa accessibile anche all'esterno della funzione e rischi di cambiare valore ad una variabile con lo stesso nome(però contenuta in un'altra funzione). Quindi è buona cosa dichiarare le variabili sempre con il "var" in modo che restino nel giusto scope.

qui hai un esempio funzionante: http://jsfiddle.net/ncqgaq69/

perillitommaso (Normal User)
Pro

Messaggi: 186
Iscritto: 28/01/2014

Postato alle 16:10
Lunedì, 10/11/2014

va bene grazie