hacktoberfest-challenge-3/index.html at master · easonchai/hacktoberfest-challenge-3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link
        href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <title>To Do List - Hacktoberfest Challenge 3</title>
</head>

<body>
    <h1>🎉 Hacktoberfest 2020 Challenge #3 🎉</h1>

    <section style="text-align: center; font-size: 2rem; margin: 20px;">
        <h3 style="margin:5px; font-size: 3rem; text-decoration: underline;">Guide</h3>
        <h4 style="margin:5px">Click to complete ✅</h4>
        <h4 style="margin:5px">❌ to delete</h4>
    </section>

    <section id="todo-list">
        <div id="myDIV" class="header">
            <h2 style="margin:5px">JavaScript To Do List</h2>
            <input type="text" id="myInput" placeholder="Title...">
            <span onclick="newElement()" class="addBtn">Add</span>
        </div>

        <ul id="myUL">
            <li>Learn about GitHub</li>
            <li class="checked">Attend Hacktoberfest</li>
            <li>⭐ Star this repo</li>
            <li>Follow me on GitHub</li>
            <li>Fork & clone repo</li>
            <li>Find bugs</li>
        </ul>
        <h6>Note: Remember that this is the JavaScript challenge, so you won't need to find bugs in the HTML or CSS
            files</h6>
    </section>

    <script src="index.js">
    </script>

</body>

</html>