Untitled

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <h1>Task 1: Like/Unlike button</h1>
    <div id="first-task">
        <button id="first-task-button">Like</button>
    </div>
    <h1>Task 2: Divs in list</h1>
    <hr />
    <div id="second-task">
        <div>first div</div>
        <div>second div</div>
        <div class="empty"></div>
        <div>third div<div>inner div</div></div>
        <ul id="result"></ul>
    </div>
    <hr />
    <h1>Task 3: Hide odd rows</h1>
    <div id="third-task">
        <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>
    </div>
    <hr />
    <h1>Task 4: Numbers only field</h1>
    <div id="fourth-task">
        <input type="text" id="fourth-task-input" />
        <div id="fourth-task-result">&nbsp;</div>
    </div>
    <hr />
    <h1>Task 5: Mouse position</h1>
    <div id="fifth-task">

    </div>
    <script src="task.js"></script>
</body>
</html>