JavaScript/lesson-04/exercise.html at main · deep100x/JavaScript · 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
<!--

    Lesson 4 : Exercises - HTML & CSS Review And Console.log

    !!! NOTE : Do these Exercises, create a HTML file(like 4a.html,4b.html,...)

    🟨  visit this link for QuestionBank :-

    🟩  https://github.com/deepk2891/Javascript/blob/main/lesson-04/README.md

-->

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exercises</title>

    <style>
        .addtocart {
            background-color: yellow;
        }

        .buynow {
            background-color: orange;
        }
    </style>
</head>

<body>

    <!-- 🟩4a. Create a button with the text 'Click' inside. -->
    <button>Click</button>

    <!-- 🟩4b. Create 2 buttons. 1 with you name and 1 with your favorite food. -->
    <button>deep</button>
    <button>milkshake</button>

    <!-- 🟩4c. Create a paragraph with the text 'hello world!' inside.  -->
    <p>hello world!</p>

    <!-- 🟩4d. Continuing from 4c, create a paragraph below the previous paragraph and write something you did today.  -->
    <p>Today i went to the gym to do pull workout.</p>

    <!-- 🟩4e. Create 2 buttons 'Add to cart' & 'Buy now'. Use CSS to give them yellow & orange background colors.  -->
    <button class="addtocart">Add to cart</button>
    <button class="buynow">Buy now</button>


    <script>
        // JavaScript
    </script>
</body>

</html>