Toggle sidebar Toggle sidebar

RISOLTO Funzione non parte in JavaScript

Stato
Discussione chiusa ad ulteriori risposte.
A

Akrilix

Nuovo Utente
145
32
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

Mursey

Super Moderatore
Staff Forum
Utente Èlite
8,242
5,670
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
Reazioni: Akrilix
R

rox_2206

Nuovo Utente
1
0
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

Hai dimenticato la password?
oppure Accedi utilizzando
Discord Ufficiale Entra ora!