loading
index.html
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
<html>

<head>
</head>

<body>
	<h1>
		THE TITLE OF YOUR WEBPAGE
	</h1>
	<div id="container">
		<div class="content">
			This is the glorious text-content!
		</div>
	</div>
	<script>
      const cont = document.querySelector('#container');
  
      let redContent = document.createElement('p'); 
      redContent.textContent = "Hey, I'm red!" ; 
      redContent.style.color = 'red'; 
  
     cont.appendChild(redContent);
  
     let blueContent = document.createElement('h1'); 
     blueContent.textContent = "Hey I'm blue!"; 
     blueContent.style.color = 'blue'; 
  
     cont.appendChild(blueContent); 
	</script>
</body>

</html>
result
console