RISOLTO Funzione non parte in JavaScript

Stato
Discussione chiusa ad ulteriori risposte.

Akrilix

Nuovo Utente
Buonasera,
non capisco come mai non mi parta la funzione "ordina()" cliccando sul bottone Ordina... Qualche aiutino?

HTML:
<html>
    <head>
        <title>Men&ugrave;</title>
        <script type="text/javascript">
            function ordina() {
                var qntCaprese = document.getElementById("caprese").value;
                var prezzoCaprese = parseInt(qntCaprese * 3);
                var fraseCaprese = "";
                if (qntCaprese > 0) {
                    fraseCaprese = "Caprese: " + qntCaprese + " x " + prezzoCaprese + " " + &euro; + "\n";
                }
                var qntPizza = parseInt(document.getElementById("pizza").value);
                var prezzoPizza = qntPizza * 5;
                var frasePizza = "";
                if (qntPizza > 0) {
                    frasePizza = "Pizza: " + qntPizza + " x " + prezzoPizza + " " + &euro; + "\n";
                }
                var qntTiramisu = parseInt(document.getElementById("tiramisu").value);
                var prezzoTiramisu = qntTiramisu * 4;
                var fraseTiramisu = "";
                if (qntTiramisu > 0) {
                    fraseTiramisu = "Tiramis&ugrave;: " + qntTiramisu + " x " + prezzoTiramisu + " " + &euro; + "\n";
                }
                var qntSorbetto = parseInt(document.getElementById("sorbetto").value);
                var prezzoSorbetto = parseInt (qntSorbetto * 3);
                var fraseSorbetto = "";
                if (qntSorbetto > 0) {
                    fraseSorbetto = "Sorbetto: " + qntSorbetto + " x " + prezzoSorbetto + "&euro;\n";
                }
                var testo = "Totale:\n" + fraseCaprese + frasePizza + fraseTiramisu + fraseSorbetto;
                alert (testo);
                document.getElementById("totale").innerHTML = testo;
            }
        </script>
    </head>
    <body>
        <table border="1">
            <tr>
                <th>Prodotto</th>
                <th>Quantit&agrave;</th>
                <th>Prezzo</th>
            </tr>
            <tr>
                <th><img src="Immagini/caprese.jpg" width="150"></th>
                <th>
                    <select id="caprese">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </th>
                <th>3</th>
            </tr>
            <tr>
                <th><img src="Immagini/pizza.jpg" width="150"></th>
                <th>
                    <select id="pizza">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </th>
                <th>5</th>
            </tr>
            <tr>
                <th><img src="Immagini/tiramisu.jpg" width="150"></th>
                <th>
                    <select id="tiramisu">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </th>
                <th>4</th>
            </tr>
            <tr>
                <th><img src="Immagini/sorbetto.jpg" width="150"></th>
                <th>
                    <select id="sorbetto">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </th>
                <th>3</th>
            </tr>         
        </table>
        <button type="button" onclick="ordina()">Ordina</button>
        <hr>
        <p id="totale">
            Totale:
        </p>
        <hr>
    </body>
</html>
 

Mursey

Moderatore
Staff Forum
2,514
1,120
Hardware Utente
Il problema è che usi &euro; che va bene per HTML ma non per Javascript.
Puoi usare tranquillamente

Le prossime volte, per capire dove sta il problema, premi F12 e controlla la console.
 
  • Mi piace
Reactions: Akrilix

rox_2206

Nuovo Utente
Prova così:
HTML:
<html>
    <head>
        <title>Men&ugrave;</title>
        <script type="text/javascript">
            function ordina() {
                var qntCaprese = document.getElementById("caprese").value;
                var prezzoCaprese = parseInt(qntCaprese,3);
                var fraseCaprese = "";
                if (qntCaprese > 0) {
                   fraseCaprese = "Caprese: " + qntCaprese + " x " + prezzoCaprese +  'euro'; + "\n";
                };
                var qntPizza = document.getElementById("pizza").value;
                var prezzoPizza = parseInt(qntPizza,5);
                var frasePizza = "";
                if (qntPizza > 0) {
                    frasePizza = "Pizza: " + qntPizza + " x " + prezzoPizza +  'euro'; + "\n";
                };
                var qntTiramisu = document.getElementById("tiramisu").value;
                var prezzoTiramisu = parseInt(qntTiramisu,4);
                var fraseTiramisu = "";
                if (qntTiramisu > 0) {
                  fraseTiramisu = "Tiramisù: " + qntTiramisu + " x " + prezzoTiramisu + 'euro'; + "\n";
                }
                var qntSorbetto = document.getElementById("sorbetto").value;
                var prezzoSorbetto = parseInt (qntSorbetto * 3);
                var fraseSorbetto = "";
                if (qntSorbetto > 0) {
                fraseSorbetto = "Sorbetto: " + qntSorbetto + " x " + prezzoSorbetto + 'euro'+ "\n";
                }
                var testo = "Totale:\n" + fraseCaprese + frasePizza + fraseTiramisu + fraseSorbetto;
                //alert (testo);
                document.getElementById("totale").innerHTML = testo;
            }
        </script>
    </head>
    <body>
        <table border="1">
            <tr>
                <th>Prodotto</th>
                <th>Quantit&agrave;</th>
                <th>Prezzo</th>
            </tr>
            <tr>
                <th><img src="Immagini/caprese.jpg" width="150"></th>
                <th>
                    <select id="caprese">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </th>
                <th>3</th>
            </tr>
            <tr>
                <th><img src="Immagini/pizza.jpg" width="150"></th>
                <th>
                    <select id="pizza">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </th>
                <th>5</th>
            </tr>
            <tr>
                <th><img src="Immagini/tiramisu.jpg" width="150"></th>
                <th>
                    <select id="tiramisu">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </th>
                <th>4</th>
            </tr>
            <tr>
                <th><img src="Immagini/sorbetto.jpg" width="150"></th>
                <th>
                    <select id="sorbetto">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </th>
                <th>3</th>
            </tr>        
        </table>
        <button type="button" onclick="ordina()">Ordina</button>
        <hr>
        <p id="totale">
            Totale:
        </p>
        <hr>
    </body>
</html>
 
Ultima modifica da un moderatore:
Stato
Discussione chiusa ad ulteriori risposte.

Entra

oppure Accedi utilizzando