Answer in Web Application for taufiq umar #303412

Question #303412

USE;Dynamic Event Listeners

Achieve the given functionality.

When the HTML button element with the id createBtn is clicked,
Create an HTML main heading element with non-empty content and apply CSS property color using JS in an HTML container element with id myContainer

Resources

CSS Colors used:

Text colors Hex code values used:

#0000ff

Expert's answer

<!DOCTYPE html>
<html>
<head></head>
<body>
    <button onclick="createHeading()">create</button>
    <div id="myContainer"></div>
    <script>
    function createHeading() {
        const container = document.querySelector('#myContainer');
        const element = document.createElement("h1");
        element.style.color = "#0000ff";
        element.innerHTML = "My element inside the container";
        container.append(element)
    }
    </script>
</body>
</html>

Learn more about our help with Assignments: Programming & Computer Science

Comments

No comments. Be the first!