Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en" dir="ltr">
- <head>
- <meta charset="utf-8">
- <title>Test 2</title>
- </head>
- <body>
- <div class="bestspreadsheet">
- <table width="300" border="1">
- <tr>
- <td>
- <b>Item(s)</b>
- </td>
- <td>
- <b>Price</b>
- </td>
- </tr>
- <tr>
- <td>
- <input name = "name" type = "text" size = "25" maxlength="30">
- </td>
- <td>
- <input name = "name" type = "text" size = "25" maxlength="30" class="auto-format">
- </td>
- </tr>
- <tr>
- <td>
- <input name = "name" type = "text" size = "25" maxlength="30">
- </td>
- <td>
- <input name = "name" type = "text" size = "25" maxlength="30" class="auto-format">
- </td>
- </tr>
- <tr>
- <td>
- <input name = "name" type = "text" size = "25" maxlength="30">
- </td>
- <td>
- <input name = "name" type = "text" size = "25" maxlength="30" class="auto-format">
- </td>
- </tr>
- <tr>
- <td>
- <input name = "name" type = "text" size = "25" maxlength="30">
- </td>
- <td>
- <input name = "name" type = "text" size = "25" maxlength="30" class="auto-format">
- </td>
- </tr>
- <tr>
- <td>
- <b>Total:</b>
- </td>
- <td>
- <input type="text" name="total" id="total"/>
- </td>
- </tr>
- </table>
- </div>
- <script>
- var elems = document.getElementsByClassName("auto-format");
- for (var i = 0; i < elems.length; i++){
- elems[i].addEventListener("change", function(){
- this.value = Math.round(parseFloat(this.value)*100)/100;
- });
- function findTotal(){
- var arr = document.getElementsByClassName('auto-format');
- var tot=0;
- for(var i=0;i<arr.length;i++){
- if(parseInt(arr[i].value))
- tot += parseInt(arr[i].value);
- }
- document.getElementById('total').value = tot;
- }
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement