io farei così:
Codice PHP:
<html>
<head>
<title>Converti parole</title>
<script language="JavaScript" type="text/javascript">
<!--
function puffi()
{
var v=document.forms[0].v.value;
switch(v.substring(v.length-3,v.length))
{
case 'are':
document.forms[0].r.value="puffare";
break;
case 'ere':
document.forms[0].r.value="puffere";
break;
case 'ire':
document.forms[0].r.value="puffire";
break;
default:
document.forms[0].r.value="Puffiamo insieme";
break;
}
}
-->
</script>
</head>
<body>
<form action="">
<input type="text" name="v">
<input type="text" name="r" readonly="readonly">
<input type="button" value="crea" onclick="puffi()">
</form>
</body>
</html>
tra gli errori:
onclick="puffi (v, r)", così passi alla funzione due variabili chiamate "v" e "r"
per riferirti invece alle input devi cercare all'interno degli elementi caricati nella pagina. per far cio ci sono diversi metodi. puoi cercare nella collezione "forms[]" che è un array che contiene tutti gli elementi di un determinato form. oppure usando il DOM puoi usare funzioni molto più semplici come document.getElementById("v") che restituisce l'elemento con l'attributo "id" specificato, ricordati però di aggiungere l'attributo "id" nella input.
se vuoi che un blocco di istruzioni sia eseguito ciclicamente, utilizzando il for, devi chiudere questo blocco tra parentesi graffe
String.substr() è deprecato. è consigliabile utilizzare String.substring()
se vuoi essere sicuro di raggiungere tutti gli elementi html, stai attento a strutturare bene i blocchi html; tu ad esempio avevi inserito le input fuori dal blocco <form /> e questo fuori dal blocco <body />