You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.9 KiB
63 lines
1.9 KiB
5 years ago
|
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 = "<style>" + d("cssInput").value + "</style>" + "<script>" + d("jsInput").value + "</script>" + 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
|
||
|
});
|