Advertisement
Guest User

Untitled

a guest
May 2nd, 2018
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.12 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Test 2</title>
  6. </head>
  7. <body>
  8. <div class="bestspreadsheet">
  9. <table width="300" border="1">
  10. <tr>
  11. <td>
  12. <b>Item(s)</b>
  13. </td>
  14. <td>
  15. <b>Price</b>
  16. </td>
  17. </tr>
  18. <tr>
  19. <td>
  20. <input name = "name" type = "text" size = "25" maxlength="30">
  21. </td>
  22. <td>
  23. <input name = "name" type = "text" size = "25" maxlength="30" class="auto-format">
  24. </td>
  25. </tr>
  26. <tr>
  27. <td>
  28. <input name = "name" type = "text" size = "25" maxlength="30">
  29. </td>
  30. <td>
  31. <input name = "name" type = "text" size = "25" maxlength="30" class="auto-format">
  32. </td>
  33. </tr>
  34. <tr>
  35. <td>
  36. <input name = "name" type = "text" size = "25" maxlength="30">
  37. </td>
  38. <td>
  39. <input name = "name" type = "text" size = "25" maxlength="30" class="auto-format">
  40. </td>
  41. </tr>
  42. <tr>
  43. <td>
  44. <input name = "name" type = "text" size = "25" maxlength="30">
  45. </td>
  46. <td>
  47. <input name = "name" type = "text" size = "25" maxlength="30" class="auto-format">
  48. </td>
  49. </tr>
  50. <tr>
  51. <td>
  52. <b>Total:</b>
  53. </td>
  54. <td>
  55. <input type="text" name="total" id="total"/>
  56. </td>
  57. </tr>
  58. </table>
  59. </div>
  60. <script>
  61. var elems = document.getElementsByClassName("auto-format");
  62. for (var i = 0; i < elems.length; i++){
  63. elems[i].addEventListener("change", function(){
  64. this.value = Math.round(parseFloat(this.value)*100)/100;
  65. });
  66. function findTotal(){
  67. var arr = document.getElementsByClassName('auto-format');
  68. var tot=0;
  69. for(var i=0;i<arr.length;i++){
  70. if(parseInt(arr[i].value))
  71. tot += parseInt(arr[i].value);
  72. }
  73. document.getElementById('total').value = tot;
  74. }
  75. }
  76. </script>
  77. </body>
  78. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement