HTML Viewer – WEB3Page

VIEW WEB3PAGE

<html>
<head>
  <title>Create your own Bitcoin WEB3</title>
  <link rel="stylesheet" href="884abcc1ea847f1ce80efc050ee708f3b2539ce1c805dafc702ca83715c725b6_0">
  <link rel="stylesheet" href="c6c314c472813283ae22f4d036c9634ee06d0d48849bb9fcd24c3842c214672e_0">
  <style>
    body.light-mode {
      background-color: #000000;
      color: #dbb754;
    }
    
    body.dark-mode {
      background-color: #FFFFFF;
      color: #dbb754;
    }

    #editor {
      width: 100%;
      height: 300px;
    }
 
    #preview {
      width: 100%;
      height: 300px;
      border: 1px solid #ff8d01;
      margin-top: 10px;
    }
  </style>
</head>
<body class="light-mode">
  <h3></h3>
  <br>
  <br>
  <center><img src="83d0f91da87f7cd746a35da4ad93e67d2c619580de26c7bb69a29fc09de985d7_0" height="100" width="100"/></center>
  <br>
  <br>
  <textarea id="editor" class="language-html">Edit your HTML file here and click preview to see the result</textarea>

  <button onclick="runCode()">Preview HTML</button>

  <div id="preview"></div>

  <button onclick="downloadCode()">Download HTML</button>

  <script src="61b7cc45730067ea1c2575dbfe23a85ecaa12d770b47218ed2ec07540aaa11a7_0"></script>
  <script src="831d016c8fa09885ca19be56e3b03c284522adf665012c6788cf690eacf50969_0"></script>
  <script src="bcbf81a8725923b47150e854732c0a621ec19e6c4e6584e2017da89f5e6a916f_0"></script>
  <script src="c4ce7218d242da1a2fa2d064806a12ff7bce70a55e7a28063ceddd5707c2098f_0"></script>
  <script src="f61d3006401380ea2fb898f5c5bfea55eee379b1ff7ce0accbd2748e253662cf_0"></script>
  <script>
    var editor = CodeMirror.fromTextArea(document.getElementById("editor"), {
      lineNumbers: true,
      mode: "htmlmixed",
      extraKeys: {
        "Ctrl-Space": "autocomplete"
      }
    });

    function runCode() {
      var htmlCode = editor.getValue();

      var iframe = document.createElement("iframe");
      iframe.setAttribute("id", "previewFrame");
      iframe.setAttribute("frameborder", "0");
      iframe.setAttribute("width", "100%");
      iframe.setAttribute("height", "100%");

      var previewDiv = document.getElementById("preview");
      previewDiv.innerHTML = "";
      previewDiv.appendChild(iframe);

      var iframeDoc = iframe.contentDocument;
      iframeDoc.open();
      iframeDoc.write(htmlCode);
      iframeDoc.close();
    }

    function downloadCode() {
      var htmlCode = editor.getValue();
      var blob = new Blob([htmlCode], { type: "text/html" });
      var url = URL.createObjectURL(blob);

      var a = document.createElement("a");
      a.href = url;
      a.download = "My_Bitcoin_WEB3page.html";
      a.click();
    }

    function toggleDarkMode() {
      var body = document.body;
    }
  </script>
</body>
</html>