Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Exam Results</title>
- <style>
- table, th, td {
- border:1px solid black;
- }
- th {
- padding: 5px 10px 5px 10px;
- }
- </style>
- <script>
- var myTable = document.getElementById('myTable');
- var rowLength = myTable.rows.length;
- var cellPos = 3;
- var result = 0;
- for(int i = 1; i < rowLength; i++)
- {
- var oneCell = myTable.rows.item(i).cells;
- var cellValue = oneCell.item(cellPos).innerHTML;
- result += cellValue;
- }
- document.write(result);
- document.getElementById("result").innerHTML = result;
- </script>
- </head>
- <body>
- <table id="myTable">
- <thead>
- <tr><th colspan="4">Web fundamentals exam results</th></tr>
- <tr>
- <th>№</th>
- <th>First Name</th>
- <th>Last Name</th>
- <th>Score</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>01</td>
- <td>Ivan</td>
- <td>Metrov</td>
- <td>400</td>
- </tr>
- <tr>
- <td>02</td>
- <td>Doncho</td>
- <td>Naumov</td>
- <td>400</td>
- </tr>
- <tr>
- <td>03</td>
- <td>Vesko</td>
- <td>Trabnov</td>
- <td>400</td>
- </tr>
- <tr>
- <td>04</td>
- <td>Doioklin</td>
- <td>Deioklinov</td>
- <td>400</td>
- </tr>
- <tr>
- <td>05</td>
- <td>Asen</td>
- <td>Solemanov</td>
- <td>400</td>
- </tr>
- </tbody>
- <tfoot>
- <tr>
- <td colspan="4" style="text-align:right;">Average score from 5 participants:<span id="result"></span> </td>
- </tr>
- </tfoot>
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment