Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Negozio Tech</title>
    <script src="array.js" type="text/javascript">

        function controllaValore(){
            for(i=0;i<4;i++){
                if(mioForm.qta[i].value>20||mioForm.qta[i].value<0){
                    alert("Inserisci un numero compreso tra 0 e 20");
                }
            }
        }

        function aggiornaTotaleSingoli(){
            for(i=0;i<4;i++){
                mioForm.tot[i].value=parseInt(mioForm.qta[i].value)*costi[i];
            }
        }

        function aggiornaTotale(){
            var totale=0;
            for(i=0;i<4;i++){
                totale+=parseInt(mioForm.tot[i].value);
            }
        }
        for(i=0;i<4;i++){
            document.getElementById("qta[i]").addEventListener("change", aggiornaTotaleSingoli);
            document.getElementById("qta[i]").addEventListener("change", controllaValore);
            document.getElementById("qta[i]").addEventListener("change", aggiornaTotale);
        }
    </script>
</head>
<body>
    <form name="mioForm">
        <table border="1" align="center">
            <tr><th>Q.tà</th><th>Descrizione</th><th>Costo unitario</th><th>Totale</th></tr>
            <script type="text/javascript">
                for(i=0;i<4;i++){
                    document.writeln("<tr> <td><input type='text' id='qta' value='0' size='3'></td> <td>"+descrizioni[i]+"</td><td align='right'>"+costi[i]+"€</td> <td><input type='text' name='tot' value='0' readonly></td> </tr>");
                }
            </script>
            <tr><th colspan="3" align="Right">Totale Ordine</th><td><input type="text" value="0" name="totale" readonly></td></tr>
        </table>
    </form>
</body>
</html>