JavaScript-Assignment/index.html at main · maryamtheprogrammer/JavaScript-Assignment · 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
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>JS-Task 1</title>
        <style>
                   body{
            background-color: #333333;
            padding: 10px;
            border-radius: 5px;
            border: 1px solid #444444;
            box-shadow: 0 0 10px rgba(255, 0, 212, 0.5);
            transition: box-shadow 0.3s ease-in-out;
            margin: 20px auto;
            width: fit-content;
            color: #fff;
            font-size: 50px;
        }

        body:hover {
            box-shadow: 0 0 20px rgba(225, 0, 255, 0.8);
        }
        </style>
</head>
<body>

        <script>
                let a = 10;
      document.write("Result:" + "<br>")
      document.write("The value of a is: " + a + "<br>");
      document.write("..........................................<br>");


      document.write("The value of ++a is: " + (++a) + "<br>");
      document.write("Now the value of a is: " + a + "<br><br>");


      document.write("The value of a++ is: " + (a++) + "<br>");
      document.write("Now the value of a is: " + a + "<br><br>");


      document.write("The value of --a is: " + (--a) + "<br>");
      document.write("Now the value of a is: " + a + "<br><br>");


      document.write("The value of a-- is: " + (a--) + "<br>");
      document.write("Now the value of a is: " + a + "<br>");
        </script>
</body>
</html>