logo crop_rotate Run
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<title>createElement JavaScript</title>
5
</head>
6
<body>
7
   <button type="button" id="button">Create Element</button>
8
    <script>
9
    let button = document.getElementById('button');
10
    button.addEventListener("click",()=>{
11
        // 1- Create new element
12
        let apple = document.createElement('h1');
13
        // 2- Add Text to element
14
        apple.innerText = "Welcome To CloseTag.com";
15
        // 3- Prepend Child to Parent body
16
        document.body.prepend(apple);
17
    });
18
    
19
    </script>
20
</body>
21
</html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHRpdGxlPmNyZWF0ZUVsZW1lbnQgSmF2YVNjcmlwdDwvdGl0bGU+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiA6Oi13ZWJraXQtc2Nyb2xsYmFye3dpZHRoOjdweDtoZWlnaHQ6N3B4O306Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNre2JhY2tncm91bmQ6I2ZmZjt9Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYntib3JkZXItcmFkaXVzOjVweDtiYWNrZ3JvdW5kOiMyZjQ1ZmY7fTwvc3R5bGU+PC9oZWFkPg0KPGJvZHk+DQogICA8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgaWQ9ImJ1dHRvbiI+Q3JlYXRlIEVsZW1lbnQ8L2J1dHRvbj4NCiAgICA8c2NyaXB0Pg0KICAgIGxldCBidXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYnV0dG9uJyk7DQogICAgYnV0dG9uLmFkZEV2ZW50TGlzdGVuZXIoImNsaWNrIiwoKT0+ew0KICAgICAgICAvLyAxLSBDcmVhdGUgbmV3IGVsZW1lbnQNCiAgICAgICAgbGV0IGFwcGxlID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnaDEnKTsNCiAgICAgICAgLy8gMi0gQWRkIFRleHQgdG8gZWxlbWVudA0KICAgICAgICBhcHBsZS5pbm5lclRleHQgPSAiV2VsY29tZSBUbyBDbG9zZVRhZy5jb20iOw0KICAgICAgICAvLyAzLSBQcmVwZW5kIENoaWxkIHRvIFBhcmVudCBib2R5DQogICAgICAgIGRvY3VtZW50LmJvZHkucHJlcGVuZChhcHBsZSk7DQogICAgfSk7DQogICAgDQogICAgPC9zY3JpcHQ+DQo8L2JvZHk+DQo8L2h0bWw+