codeup-web-exercises/jquery_exercises.html at main · robles-jonathan/codeup-web-exercises · 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .foo {
            background-color: red;
        }
    </style>
</head>
<body>
<nav>

</nav>
<header>

</header>
<main>


    Enter your name: <input type="text">

    <h1 id="user_display">show the input here with button click</h1>
    <input id="user_input">
    <button id="clickme">click me</button>

    <div id="top-section">
        <h1 id="main-title" class="codeup">Welcome to my page!</h1>
        <p id="para1" class="paragraph">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam asperiores, assumenda corporis deserunt dolorum eaque, eligendi eum excepturi id laudantium modi nulla possimus tenetur voluptatem, voluptatibus! Aspernatur error nam omnis!
        </p>
        <p class="paragraph">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A cumque deserunt ducimus est, excepturi id illo ipsam molestiae natus odio optio, qui quidem quo quos velit! Distinctio doloribus quos totam.
        </p>
        <p class="paragraph codeup">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus amet beatae cum eligendi esse ex illo impedit minus nesciunt obcaecati, odio optio placeat quaerat quo ratione recusandae reprehenderit rerum.
        </p>
    </div>
    <div class="class2">
        <h1>hi</h1>
    </div>
    <div class="class1">
        <h1>Hello</h1>
        <h1 class="foo">Codeup Rocks!</h1>
    </div>

    <input id="B" value="I'm so fancy">
    <button id="fancyB">Hello Test Taker!</button>

    <div id="bottom-section">
        <h4 id="codeup">Sub-Heading</h4>
        <ul>
            <li id="li">One</li>
            <li>Two</li>
            <li>Three</li>
            <li id="liFour">Four</li>
            <li>Five</li>
            <li>Six</li>
        </ul>
    </div>

</main>
<footer>

</footer>

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="js/my-custom-javascript.js"></script>
</body>
</html>