master
parent
52ee1e5083
commit
444245c0f5
|
|
@ -2,11 +2,19 @@
|
|||
<html>
|
||||
<header>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css">
|
||||
<script>
|
||||
function formsay(message) {
|
||||
console.log(`say '${message}'`)
|
||||
}
|
||||
function formsend(message) {
|
||||
console.log(`send '${message}'`)
|
||||
}
|
||||
</script>
|
||||
</header>
|
||||
<body>
|
||||
<div>
|
||||
<form>
|
||||
<h3>WHO AM I</h3>
|
||||
<div>
|
||||
<select id="user">
|
||||
<option>bel</option>
|
||||
<option>zach</option>
|
||||
|
|
@ -16,9 +24,31 @@
|
|||
<option>roxy</option>
|
||||
<option>bill</option>
|
||||
</select>
|
||||
</form>
|
||||
<div>
|
||||
<form action="" onsubmit="formsay(this.children.say.value); return false;" style="display: inline-block;">
|
||||
<h3>SAY</h3>
|
||||
<input type="text" name="say">
|
||||
<input type="submit" value="say">
|
||||
</form>
|
||||
<form action="" onsubmit="formsend(this.children.send.value); return false;" style="display: inline-block;">
|
||||
<h3>SEND</h3>
|
||||
<select name="send">
|
||||
<option>bel</option>
|
||||
<option>zach</option>
|
||||
<option>chase</option>
|
||||
<option>mason</option>
|
||||
<option>nat</option>
|
||||
<option>roxy</option>
|
||||
<option>bill</option>
|
||||
</select>
|
||||
<input type="submit" value="send">
|
||||
</form>
|
||||
</div>
|
||||
<h3>CONTROLS</h3>
|
||||
<div id="controls" style="display: flex; flex-wrap: wrap;">
|
||||
<details>
|
||||
<summary>CONTROLS</summary>
|
||||
<form id="controls">
|
||||
<div style="display: flex; flex-wrap: wrap;">
|
||||
<div>
|
||||
<input type="text" maxLength=1 value="w" name="w" placeholder="up" onchange="recontrol()">
|
||||
<input type="text" maxLength=1 value="s" name="s" placeholder="down" onchange="recontrol()">
|
||||
|
|
@ -38,6 +68,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</details>
|
||||
</div>
|
||||
<div id="ntfy"></div>
|
||||
<div id="ws"></div>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in New Issue