Javascript-Course/Practice-8 CWH.html at main · MoeedKhan-AMK/Javascript-Course · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="Practice-8 CWH.CSS">
    <title>Practice-8</title>
</head>
<body>
    <!-- <h1>Practice Chapter 8</h1>

    <button onclick="alert('Q1: Write a program for')">click me</button>
    <button onclick="alert('Q1: different alert when different')">click me</button>
    <button onclick="alert('Q1: buttons are clicked.')">click me</button>

    <h1>Bookmarks</h1>
    <button id="github">Github</button>
    <a href="https://twitter.com/home"><button id="twitter">X</button></a>
    <a href="https://www.youtube.com/"><button id="youtube">Youtube</button></a> -->

<!-- above code is for Q1-Q4. Next code is for Q5 only -->

        <div id="bulb" class="bulbcontainer bulb"><img class="bulbpng" src="https://icons.veryicon.com/png/o/business/my-library/light-bulb-14.png" alt="bulb png"></div>

        <div id="light" class="lightcontainer light"><img class="lightpng" src="https://icons.veryicon.com/png/o/business/my-library/light-bulb-14.png" alt="light png"></div>

        <div id="rightlight" class="rightlightcontainer rightlight"><img class="rightlightpng" src="https://icons.veryicon.com/png/o/business/my-library/light-bulb-14.png" alt="rightlight png"></div>

    <script src="Practice-8 CWH.Js"></script>
</body>
</html>