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.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
First-Website/playground/js.js

64 lines
1.9 KiB

5 years ago
var d = document.getElementById.bind(document);
5 years ago
var g = document.querySelector.bind(document);
5 years ago
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) {
5 years ago
$(".langButton").css("background-color", "#3b3c45")
$(".langInput").css("display", "none")
5 years ago
if (lang == "html") {
5 years ago
d("htmlButton").style = "background-color: #27282e;"
5 years ago
d("htmlInput").style = "display: block"
}
else if (lang == "css") {
5 years ago
d("cssButton").style = "background-color: #27282e;"
5 years ago
d("cssInput").style = "display: block"
}
else {
5 years ago
d("jsButton").style = "background-color: #27282e;"
5 years ago
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") {
5 years ago
localStorage.setItem("writtenCodeHTML", d("htmlInput").value)
localStorage.setItem("writtenCodeCSS", d("cssInput").value)
localStorage.setItem("writtenCodeJS", d("jsInput").value)
5 years ago
d("htmlOutput").setAttribute('srcdoc', code)
}
}
emmet.require('textarea').setup({
use_tab: true // expand abbreviations by Tab key
});