JavaScript programmino semplice

jarno · 05-07-2008, 00:13

Ciao a tutti

per iniziare a programmare in JavaScript ho cominciato con un programmino semplice che non mi gira e non capisco il motivo. Il problema è semplice: metto in input un valore a e un valore b e poi mi fa la somma.
Posto il codice

<html>
<head>
<title>prova</title>
</head>
<body>
<input name="a" type="text" size="30">
<input name="b" type="text" size="30">
<script type="text/javascript">
function somma(a,b)
{
var c=document.res;
c=a+b;
return c;
}
</script>
<input type="button" name="sum" value="+" onclick=somma(a,b)>
<input name="res" type="text" size="30" value="" readonly>
</body>
</html>

dove sbaglio?
grazie in anticipo

Xfight · 05-07-2008, 07:07

Il codice corretto è questo

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
	function somma(a,b) {
		var c = parseInt(a.value, 10) + parseInt(b.value, 10);
		document.forms["calcola"].res.value = c;
	}
</script>
</head>

<body>
    <form id="calcola">
        <input id="a" type="text" size="10" />
        <input id="b" type="text" size="10" />
        <input id="button" type="button" value="+" onclick=(somma(a,b)) />
        <input id="res" type="text" size="10" readonly="readonly" />
    </form>
</body>
</html>

Da come hai scritto il codice, sembra che usi il vecchio stile di html 4 che ormai è stra-obsoleto : l'attributo name è deprecato, ormai si usa id.

La funzione parseInt è quasi sempre obbligatoria dato che javascript non è molto tipizzato e tende sempre a lavorare con stringhe. Il numero 10 in parseInt è per dire che l'oggetto passato deve essere convertito in intero a base 10.

Qualche guida utile : qui, qui e qui.
Sull'ultimo link, c'è una mini guida su come accedere ai form usando javascript; i primi due sono guide complete sull'uso javascript.

ByeBye

p.s. ti consiglio anche una guida per xhtml, non è molto diverso da html ma è sempre meglio usarlo perchè è uno standard molto diffuso e più compatibile con tutti i browser.

jarno · 05-07-2008, 08:53

grazie mille

vladix · 05-07-2008, 09:15

Quote:

Originariamente inviato da Xfight

l'attributo name è deprecato, ormai si usa id.

la cosa nn mi e chiara ... io sapevo ( almeno ho capito cosi ... ) che era solo x a, applet, form, frame, iframe, img e map ( ho letto qui

) , ma nn x elementi di un form ...

Leo_SR · 05-07-2008, 18:52

Quote:

Originariamente inviato da vladix

la cosa nn mi e chiara ... io sapevo ( almeno ho capito cosi ... ) che era solo x a, applet, form, frame, iframe, img e map ( ho letto qui

) , ma nn x elementi di un form ...

Infatti è così. L'attributo name per gli elementi di un form è fondamentale, non è assolutamente deprecato.

05-07-2008, 00:13	#1
jarno Member Iscritto dal: Sep 2006 Messaggi: 64	JavaScript programmino semplice Ciao a tutti per iniziare a programmare in JavaScript ho cominciato con un programmino semplice che non mi gira e non capisco il motivo. Il problema è semplice: metto in input un valore a e un valore b e poi mi fa la somma. Posto il codice <html> <head> <title>prova</title> </head> <body> <input name="a" type="text" size="30"> <input name="b" type="text" size="30"> <script type="text/javascript"> function somma(a,b) { var c=document.res; c=a+b; return c; } </script> <input type="button" name="sum" value="+" onclick=somma(a,b)> <input name="res" type="text" size="30" value="" readonly> </body> </html> dove sbaglio? grazie in anticipo

05-07-2008, 07:07	#2
Xfight Member Iscritto dal: May 2006 Messaggi: 229	Il codice corretto è questo Codice: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript"> function somma(a,b) { var c = parseInt(a.value, 10) + parseInt(b.value, 10); document.forms["calcola"].res.value = c; } </script> </head> <body> <form id="calcola"> <input id="a" type="text" size="10" /> <input id="b" type="text" size="10" /> <input id="button" type="button" value="+" onclick=(somma(a,b)) /> <input id="res" type="text" size="10" readonly="readonly" /> </form> </body> </html> Da come hai scritto il codice, sembra che usi il vecchio stile di html 4 che ormai è stra-obsoleto : l'attributo name è deprecato, ormai si usa id. La funzione parseInt è quasi sempre obbligatoria dato che javascript non è molto tipizzato e tende sempre a lavorare con stringhe. Il numero 10 in parseInt è per dire che l'oggetto passato deve essere convertito in intero a base 10. Qualche guida utile : qui, qui e qui. Sull'ultimo link, c'è una mini guida su come accedere ai form usando javascript; i primi due sono guide complete sull'uso javascript. ByeBye p.s. ti consiglio anche una guida per xhtml, non è molto diverso da html ma è sempre meglio usarlo perchè è uno standard molto diffuso e più compatibile con tutti i browser. __________________ Una volta eliminato l'impossibile, quello che resta, per improbabile che sia, dev'essere la verità http://timestop.netsons.org/ -> il blog sull'informatica

05-07-2008, 08:53	#3
jarno Member Iscritto dal: Sep 2006 Messaggi: 64	grazie mille

Strumenti
Mostra una versione stampabile Invia questa pagina per email