JavaScript02/three.html at main · AaminSingh/JavaScript02 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Javascript 03</title>
</head>
<body style = "background-color: #78629a;  color: #f0e7e7bb;">

</body>
    <script>
       const div = document.createElement('div')
       console.log(div);
       div.className = "main";
       div.id = Math.round(Math.random()*10+1)
       div.setAttribute("title","generated title")
       div.style.backgroundColor = "green"
       div.style.padding = "12px"
      // div.innerText = "Javascript"
        const addText = document.createTextNode("Javascript")
        div.appendChild(addText)

        document.body.appendChild(div)
    </script>
</html>