InnerHTML - 1
~20 mins
Prerequisite 1: Design a HTML page with a div
<div id="message">
Default Content
</div>
Task 1: Display the content in the div in console
let messageDiv = document.querySelector("#message");
console.log(messageDiv); // It will return "Default Content";
Note: Default content will be displayed.
Task 2: Update a new message in the div tag
messageDiv.innerHTML = "Successfully Registered";
Task 3: Insert a html content in the div block
messageDiv.innerHTML = "<font color='green'>Successfully Registered</font>";