areaHTML2 = document.querySelector(".playable-html2");
    var textareaCSS2 = document.querySelector(".playable-css2");
    var rangeinput = document.querySelector(".controls--slider");
    var reset = document.getElementById("reset");
    var htmlCode1 = textareaHTML1.value;
    var cssCode1 = textareaCSS1.value;
    var htmlCode2 = textareaHTML2.value;
    var cssCode2 = textareaCSS2.value;
    var demo1_active = document.getElementById("demo1_control");
    var demo2_active = document.getElementById("dem