Js_from_zero/day_14_dom1.html at main · Manisha1998-singh/Js_from_zero · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    .bg-black {
      background-color: black !important;
      color: #fff;
    }
  </style>
  <body class="bg-black"></body>
  <script>
    const div = document.createElement("div");
    console.log(div);
    div.className = "main";
    div.id = Math.random(Math.random() * 10 + 1);
    div.setAttribute("title", "generated title");
    div.style.backgroundColor = "green";
    div.style.padding = "12px";
    //div.innerHTML = "chai aur code";
    const addText = document.createTextNode("chai aur code");
    div.appendChild(addText);
    document.body.appendChild(div);
  </script>
</html>