web-ide/script.js at main · linfindel/web-ide · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
function update(lang) {
  localStorage.setItem(lang, document.getElementById(lang).value);
  document.getElementById('embed').src = document.getElementById('embed').src;
}

document.getElementById("html").value = localStorage.getItem("html");
document.getElementById("css").value = localStorage.getItem("css");
document.getElementById("js").value = localStorage.getItem("js");

window.onmessage = function(e) {
  if (e.data != "No errors") {
    document.getElementById("title").innerText = e.data;
    document.getElementById("nav").className = "error";
  }

  else {
    document.getElementById("title").innerText = "Web IDE";
    document.getElementById("nav").className = "";
  }
};

function switchViewport() {
  if (document.getElementById("embed").style.width == "20%") {
    document.getElementById("embed").style.width = "100%";
    document.getElementById("embed").style.height = "90vh";

    document.getElementById("viewport-icon").innerText = "smartphone";
    document.getElementById("viewport-text").innerText = "Mobile view";
  }

  else {
    document.getElementById("embed").style.width = "20%";
    document.getElementById("embed").style.height = "80vh";

    document.getElementById("viewport-icon").innerText = "computer";
    document.getElementById("viewport-text").innerText = "Desktop view";
  }
}