API tools faq
paste
Advertisement
albezzzzz

diocane

albezzzzz
Jan 20th, 2017
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.94 KB | None | 0 0
raw download clone embed print report
  1. <html DOCTYPE!>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="Listino.css">
  5. <title>Listino</title>
  6. <script>
  7. function Listino(){
  8. var q = document.getElementsByClassName('quant');
  9. var p = document.getElementsByClassName('prezzo');
  10. var tot = 0;
  11. for (var i = 0; i < 11; ++i) {
  12. if(i<=9){
  13. costo = p[i].innerText;
  14. quanti = q[i].value;
  15. stot = quanti*costo;
  16. tot += quanti*costo;
  17. }
  18. switch (i) {
  19. case 0: document.getElementById('0').innerHTML = "One Piece :" + costo + " " + quanti + " = " + stot;
  20. break;
  21. case 1: document.getElementById('1').innerHTML = "Dragonball :" + costo + "$ " + quanti + " = " + stot;
  22. break;
  23. case 2: document.getElementById('2').innerHTML = "Naruto :" + costo + "$ " + quanti + " = " + stot;
  24. break;
  25. case 3: document.getElementById('3').innerHTML = "Owari no seraph :" + costo + "$ " + quanti + " = " + stot;
  26. break;
  27. case 4: document.getElementById('4').innerHTML = "Conan :" + costo + "$ " + quanti + " = " + stot;
  28. break;
  29. case 5: document.getElementById('5').innerHTML = "Pandora Hearts :" + costo + "$ " + quanti + " = " + stot;
  30. break;
  31. case 6: document.getElementById('6').innerHTML = "Magi :" + costo + "$ " + quanti + " = " + stot;
  32. break;
  33. case 7: document.getElementById('7').innerHTML = "My hero accademia :" + costo + "$ " + quanti + " = " + stot;
  34. break;
  35. case 8: document.getElementById('8').innerHTML = "Tokyo Ghoul :" + costo + "$ " + quanti + " = " + stot;
  36. break;
  37. case 9: document.getElementById('9').innerHTML = "One Punch Man :" + costo + "$ " + quanti + " = " + stot;
  38. break;
  39. case 10: document.getElementById('totale').innerHTML = "TOTALE = " + tot;
  40. break;
  41. }
  42. }
  43. }
  44. }
  45. </script>
  46. </head>
  47. <h1>Manga Store</h1>
  48. <body>
  49. <table style="width:100%">
  50. <tr>
  51. <th>Descrizione</th>
  52. <th>Prezzo</th>
  53. <th>Quantita`</th>
  54. </tr>
  55. <tr>
  56. <td>One Piece</td>
  57. <td><span class="prezzo">3,50</span>$</td>
  58. <td><input type="number" class="quant"></td>
  59. </tr>
  60. <tr>
  61. <td>Dragonball</td>
  62. <td><span class="prezzo">3,00</span>$</td>
  63. <td><input type="number" class="quant"></td>
  64. </tr>
  65. <tr>
  66. <td>Naruto</td>
  67. <td><span class="prezzo">4,00</span>$</td>
  68. <td><input type="number" class="quant"></td>
  69. </tr>
  70. <tr>
  71. <td>Owari no seraph</td>
  72. <td><span class="prezzo">4,50</span>$</td>
  73. <td><input type="number" class="quant"></td>
  74. </tr>
  75. <tr>
  76. <td>Conan</td>
  77. <td><span class="prezzo">4,80</span>$</td>
  78. <td><input type="number" class="quant"></td>
  79. </tr>
  80. <tr>
  81. <td>Pandora Hearts</td>
  82. <td><span class="prezzo">3,20</span>$</td>
  83. <td><input type="number" class="quant"></td>
  84. </tr>
  85. <tr>
  86. <td>Magi</td>
  87. <td><span class="prezzo">4,30</span>$</td>
  88. <td><input type="number" class="quant"></td>
  89. </tr>
  90. <tr>
  91. <td>My hero academia</td>
  92. <td><span class="prezzo">5,00</span>$</td>
  93. <td><input type="number" class="quant"></td>
  94. </tr>
  95. <tr>
  96. <td>Tokyo Ghoul</td>
  97. <td><span class="prezzo">5,20</span>$</td>
  98. <td><input type="number" class="quant"></td>
  99. </tr>
  100. <tr>
  101. <td>One Punch Man</td>
  102. <td><span class="prezzo">3,70</span>$</td>
  103. <td><input type="number" class="quant"></td>
  104. </tr>
  105. </table>
  106. <p><button type="button" onclick ="riepilogo()">riepilogo!</button></p>
  107. <div>
  108. <ol id="resoconto">
  109. <li id ="0"></li>
  110. <li id ="1"></li>
  111. <li id ="2"></li>
  112. <li id ="3"></li>
  113. <li id ="4"></li>
  114. <li id ="5"></li>
  115. <li id ="6"></li>
  116. <li id ="7"></li>
  117. <li id ="8"></li>
  118. <li id ="9"></li>
  119. <li id ="totale"></li>
  120. </ol>
  121. </div>
  122. </body>
  123. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!