Skip to content

Commit 6204de3

Browse files
committed
Adds a heading to interactive editor in the learn area
1 parent 647bfb4 commit 6204de3

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

learn/playable.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ var reset = document.getElementById('reset');
66
var htmlCode = textareaHTML.value;
77
var cssCode = textareaCSS.value;
88

9+
let editorHeading = document.createElement("h4");
10+
editorHeading.innerHTML = "Interactive editor";
11+
document.querySelector('body').insertBefore(editorHeading,textareaCSS);
12+
913
function fillCode() {
1014
editable.innerHTML = textareaCSS.value;
1115
section.innerHTML = textareaHTML.value;
@@ -17,6 +21,7 @@ reset.addEventListener('click', function () {
1721
fillCode();
1822
});
1923

24+
2025
textareaHTML.addEventListener('input', fillCode);
2126
textareaCSS.addEventListener('input', fillCode);
2227
window.addEventListener('load', fillCode);

0 commit comments

Comments
 (0)