Adds a heading to interactive editor in the learn area

Author: rachelandrew

learn/playable.js

@@ -6,6 +6,10 @@ var reset = document.getElementById('reset');
 var htmlCode = textareaHTML.value;
 var cssCode = textareaCSS.value;
 
+let editorHeading = document.createElement("h4");
+editorHeading.innerHTML = "Interactive editor";
+document.querySelector('body').insertBefore(editorHeading,textareaCSS);
+
 function fillCode() {
     editable.innerHTML = textareaCSS.value;
     section.innerHTML = textareaHTML.value;
@@ -17,6 +21,7 @@ reset.addEventListener('click', function () {
     fillCode();
 });
 
+
 textareaHTML.addEventListener('input', fillCode);
 textareaCSS.addEventListener('input', fillCode);
 window.addEventListener('load', fillCode);