Entra

View Full Version : 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

<!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 (http://javascript.html.it/guide/leggi/25/guida-javascript-di-base/), qui (http://javascript.html.it/guide/leggi/26/guida-javascript-per-esempi/) e qui (http://www.builderau.com.au/program/web/soa/Accessing-form-data-via-JavaScript-and-the-DOM/0,339024632,339277582,00.htm).
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 :D
vladix
05-07-2008, 09:15
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 (http://www.w3.org/TR/xhtml1/#h-4.10) :fagiano: ) , ma nn x elementi di un form ...
Leo_SR
05-07-2008, 18:52
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 (http://www.w3.org/TR/xhtml1/#h-4.10) :fagiano: ) , ma nn x elementi di un form ...

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