Dom manipulation using elementsId & query Selector
<!DOCTYPE html>
<html>
<body>
<h2>My First Web Page</h2>
<p>My First Paragraph.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
const jsdemo =document.getElementById("demo");
jsdemo.style.color = "red";
const theme = document.querySelector("p");
theme.style.color = "blue";
theme.innerHTML ="New Second line <br> New Line <span id=;
const newHeading = document.querySelector("h2");
newHeading.style.color ="Green";
newHeading.innerHTML = "Javascript Genrated Heading ";
//newHeading.style.color ="Yellow";
document.querySelector("h2").style.fontSize = "46px";
</script>
</body>
</html>