Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html DOCTYPE!>
- <html>
- <head>
- <link rel="stylesheet" type="text/css" href="Listino.css">
- <title>Listino</title>
- <script>
- function Listino(){
- var q = document.getElementsByClassName('quant');
- var p = document.getElementsByClassName('prezzo');
- var tot = 0;
- for (var i = 0; i < 11; ++i) {
- if(i<=9){
- costo = p[i].innerText;
- quanti = q[i].value;
- stot = quanti*costo;
- tot += quanti*costo;
- }
- switch (i) {
- case 0: document.getElementById('0').innerHTML = "One Piece :" + costo + " " + quanti + " = " + stot;
- break;
- case 1: document.getElementById('1').innerHTML = "Dragonball :" + costo + "$ " + quanti + " = " + stot;
- break;
- case 2: document.getElementById('2').innerHTML = "Naruto :" + costo + "$ " + quanti + " = " + stot;
- break;
- case 3: document.getElementById('3').innerHTML = "Owari no seraph :" + costo + "$ " + quanti + " = " + stot;
- break;
- case 4: document.getElementById('4').innerHTML = "Conan :" + costo + "$ " + quanti + " = " + stot;
- break;
- case 5: document.getElementById('5').innerHTML = "Pandora Hearts :" + costo + "$ " + quanti + " = " + stot;
- break;
- case 6: document.getElementById('6').innerHTML = "Magi :" + costo + "$ " + quanti + " = " + stot;
- break;
- case 7: document.getElementById('7').innerHTML = "My hero accademia :" + costo + "$ " + quanti + " = " + stot;
- break;
- case 8: document.getElementById('8').innerHTML = "Tokyo Ghoul :" + costo + "$ " + quanti + " = " + stot;
- break;
- case 9: document.getElementById('9').innerHTML = "One Punch Man :" + costo + "$ " + quanti + " = " + stot;
- break;
- case 10: document.getElementById('totale').innerHTML = "TOTALE = " + tot;
- break;
- }
- }
- }
- }
- </script>
- </head>
- <h1>Manga Store</h1>
- <body>
- <table style="width:100%">
- <tr>
- <th>Descrizione</th>
- <th>Prezzo</th>
- <th>Quantita`</th>
- </tr>
- <tr>
- <td>One Piece</td>
- <td><span class="prezzo">3,50</span>$</td>
- <td><input type="number" class="quant"></td>
- </tr>
- <tr>
- <td>Dragonball</td>
- <td><span class="prezzo">3,00</span>$</td>
- <td><input type="number" class="quant"></td>
- </tr>
- <tr>
- <td>Naruto</td>
- <td><span class="prezzo">4,00</span>$</td>
- <td><input type="number" class="quant"></td>
- </tr>
- <tr>
- <td>Owari no seraph</td>
- <td><span class="prezzo">4,50</span>$</td>
- <td><input type="number" class="quant"></td>
- </tr>
- <tr>
- <td>Conan</td>
- <td><span class="prezzo">4,80</span>$</td>
- <td><input type="number" class="quant"></td>
- </tr>
- <tr>
- <td>Pandora Hearts</td>
- <td><span class="prezzo">3,20</span>$</td>
- <td><input type="number" class="quant"></td>
- </tr>
- <tr>
- <td>Magi</td>
- <td><span class="prezzo">4,30</span>$</td>
- <td><input type="number" class="quant"></td>
- </tr>
- <tr>
- <td>My hero academia</td>
- <td><span class="prezzo">5,00</span>$</td>
- <td><input type="number" class="quant"></td>
- </tr>
- <tr>
- <td>Tokyo Ghoul</td>
- <td><span class="prezzo">5,20</span>$</td>
- <td><input type="number" class="quant"></td>
- </tr>
- <tr>
- <td>One Punch Man</td>
- <td><span class="prezzo">3,70</span>$</td>
- <td><input type="number" class="quant"></td>
- </tr>
- </table>
- <p><button type="button" onclick ="riepilogo()">riepilogo!</button></p>
- <div>
- <ol id="resoconto">
- <li id ="0"></li>
- <li id ="1"></li>
- <li id ="2"></li>
- <li id ="3"></li>
- <li id ="4"></li>
- <li id ="5"></li>
- <li id ="6"></li>
- <li id ="7"></li>
- <li id ="8"></li>
- <li id ="9"></li>
- <li id ="totale"></li>
- </ol>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement