82 lines
3.0 KiB
HTML
82 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel="stylesheet" href="../stylesheet.css">
|
|
<link rel="stylesheet" href="../darkmode.css">
|
|
<link rel="icon" href="../favicon.ico">
|
|
<title>Websocket</title>
|
|
<script>document.documentElement.dataset.theme = localStorage.getItem('theme') || 'light';</script>
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<a class="navbar-brand" href="https://www.caiu.org">
|
|
<img class="logo" src="../logo.png" alt="CAIU Logo">
|
|
</a>
|
|
<div style="margin-right: 0.5em;">
|
|
<label for="theme" class="theme">
|
|
<span class="toggle-wrap">
|
|
<input id="theme" class="toggle" type="checkbox" role="switch" name="theme" value="dark">
|
|
<span class="icon">
|
|
<span class="icon-part"></span>
|
|
<span class="icon-part"></span>
|
|
<span class="icon-part"></span>
|
|
<span class="icon-part"></span>
|
|
<span class="icon-part"></span>
|
|
<span class="icon-part"></span>
|
|
<span class="icon-part"></span>
|
|
<span class="icon-part"></span>
|
|
<span class="icon-part"></span>
|
|
</span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</header>
|
|
<nav class="navbar">
|
|
<ul>
|
|
<li><a href="../">Home</a></li>
|
|
<li><a href="../install/">Install</a></li>
|
|
<li><a class="active" href="#">WebSocket</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<main>
|
|
<div class="container">
|
|
<div class="mt mb">
|
|
<label for="code">Code to Execute:</label>
|
|
<textarea id="code" rows="8" cols="120"></textarea>
|
|
<button id="execCode" class="btn btn-primary">Execute</button>
|
|
</div>
|
|
<div class="mt mb">
|
|
<label for="output">Output:</label>
|
|
<textarea id="output" rows="8" cols="120" readonly></textarea>
|
|
<button id="clearOutput" class="btn btn-primary">Clear</button>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>Made by the best intern!</footer>
|
|
<script src="../darkmode.js"></script>
|
|
<script src="../websocket.js"></script>
|
|
<script>
|
|
(()=>{
|
|
const console_log = window.console.log;
|
|
window.console.log = function(...args){
|
|
console_log(...args);
|
|
let textarea = document.getElementById('output');
|
|
if(!textarea) return;
|
|
args.forEach(arg=>textarea.value += `${JSON.stringify(arg)}\n`);
|
|
}
|
|
})();
|
|
|
|
document.getElementById("execCode").addEventListener("click", (e) => {
|
|
eval(document.getElementById("code").value);
|
|
}, false);
|
|
document.getElementById("clearOutput").addEventListener("click", (e) => {
|
|
document.getElementById("output").value = "";
|
|
}, false);
|
|
</script>
|
|
</body>
|
|
</html> |