var d = document.getElementById.bind(document);
var autoRunCheck = localStorage.getItem("autoRun")
var setCodeHTML = localStorage.getItem("writtenCodeHTML")
var setCodeCSS = localStorage.getItem("writtenCodeCSS")
var setCodeJS = localStorage.getItem("writtenCodeJS")
d("htmlInput").value = setCodeHTML
d("cssInput").value = setCodeCSS
d("jsInput").value = setCodeJS
updateCode()
showCode("html")
if (autoRunCheck == "on") {
d("autoRun").style = "background-color: green"
}
else {
d("autoRun").style = "background-color: tomato"
}
function autoRun() {
var autoRunCheck = localStorage.getItem("autoRun")
if (autoRunCheck == "on") {
localStorage.setItem("autoRun", "off")
d("autoRun").style = "background-color: tomato"
}
else {
localStorage.setItem("autoRun", "on")
d("autoRun").style = "background-color: green"
}
}
function showCode(lang) {
d("cssInput").style = "display: none"
d("jsInput").style = "display: none"
d("htmlInput").style = "display: none"
if (lang == "html") {
d("htmlInput").style = "display: block"
}
else if (lang == "css") {
d("cssInput").style = "display: block"
}
else {
d("jsInput").style = "display: block"
}
}
function updateCode(source) {
var autoRunCheck = localStorage.getItem("autoRun")
var code = "" + "" + d("htmlInput").value
if (source == "run" || autoRunCheck == "on") {
d("htmlOutput").setAttribute('srcdoc', code)
}
localStorage.setItem("writtenCodeHTML", d("htmlInput").value)
localStorage.setItem("writtenCodeCSS", d("cssInput").value)
localStorage.setItem("writtenCodeJS", d("jsInput").value)
}
emmet.require('textarea').setup({
pretty_break: true, // enable formatted line breaks (when inserting
// between opening and closing tag)
use_tab: true // expand abbreviations by Tab key
});