codeup-web-exercises/jquery_exercises.html at main · CharlesRolo22/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
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>J Query</title>
</head>
<body>
<h1 id="header" class="codeup">Fruit Smootie Ingredients</h1>
<div id="container" class="codeup">
    <ul>
        <li>1 cup of strawberries</li>
        <li>1 cup of pineapples</li>
        <li>1 cup mixed berries</li>
        <li>1 banana</li>
        <li>1.5 cup of almond milk</li>
        <li>1/4 cup of almond butter</li>
        <li>1/4 cup peanut butter</li>
    </ul>


<div id="text" class="codeup">
    <p>
        Mix fruit in blender, add almond milk and additive to mixture, mix until smooth
        pour into container and enjoy.
    </p>
</div>
    <div id="tag" class="sample">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda,
            consequuntur ea expedita in labore libero necessitatibus nihil nobis officiis placeat
            quidem reiciendis rerum sed sequi sint veniam vero voluptatibus?
        </p>
    </div>
    <div id="tag2" class="codeup">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda atque dicta
            dolorum eius eligendi illum incidunt minus nemo, nisi numquam perferendis qui ratione repellat
            repudiandae saepe, velit veritatis vitae!
        </p>
    </div>
    <div id="list" class="flavors">
        <ul>
            <li>Strawberry Mango</li>
            <li>Blackberry Pineapple</li>
            <li>Banana Rasberry</li>
            <li>Mango Tango</li>
        </ul>
    </div>
</div>


<script src="/js/jquery-3.6.4.js" integrity="sha256-a9jBBRygX1Bh5lt8GZjXDzyOB+bWve9EiO7tROUtj/E=" crossorigin="anonymous"></script>
<script src="/js/jquery.js"></script>

<!--<script>-->
<!--    $('h1').click(function() {-->
<!--        $(this).css('background-color', '#355E38');-->
<!--            }-->
<!--    )-->

<!--    $('p').dbclick(function(){-->
<!--        $('p').css('font-size', '18px')-->
<!--    })-->

<!--    $('li').hover(function(){$('li').css('color', 'black')})-->

<!--    });-->
<!--</script>-->
</body>
</html>