Untitled

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Hide Odd Rows</title>

</head>
<body>
<table border='1'>
    <tr><td>row 1</td></tr>
    <tr><td>row 2</td></tr>
    <tr><td>row 3</td></tr>
    <tr><td>row 4</td></tr>
    <tr><td>row 5</td></tr>
</table>
<button id="btnHideOddRows">Hide Odd Rows</button>
<script src="hideOddRows.js"></script>


</body>
</html>