master
parent
52ee1e5083
commit
444245c0f5
|
|
@ -2,11 +2,19 @@
|
||||||
<html>
|
<html>
|
||||||
<header>
|
<header>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css">
|
<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>
|
</header>
|
||||||
<body>
|
<body>
|
||||||
<form>
|
<div>
|
||||||
<h3>WHO AM I</h3>
|
<form>
|
||||||
<div>
|
<h3>WHO AM I</h3>
|
||||||
<select id="user">
|
<select id="user">
|
||||||
<option>bel</option>
|
<option>bel</option>
|
||||||
<option>zach</option>
|
<option>zach</option>
|
||||||
|
|
@ -16,28 +24,52 @@
|
||||||
<option>roxy</option>
|
<option>roxy</option>
|
||||||
<option>bill</option>
|
<option>bill</option>
|
||||||
</select>
|
</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>
|
</div>
|
||||||
<h3>CONTROLS</h3>
|
<details>
|
||||||
<div id="controls" style="display: flex; flex-wrap: wrap;">
|
<summary>CONTROLS</summary>
|
||||||
<div>
|
<form id="controls">
|
||||||
<input type="text" maxLength=1 value="w" name="w" placeholder="up" onchange="recontrol()">
|
<div style="display: flex; flex-wrap: wrap;">
|
||||||
<input type="text" maxLength=1 value="s" name="s" placeholder="down" onchange="recontrol()">
|
<div>
|
||||||
<input type="text" maxLength=1 value="a" name="a" placeholder="left" onchange="recontrol()">
|
<input type="text" maxLength=1 value="w" name="w" placeholder="up" onchange="recontrol()">
|
||||||
<input type="text" maxLength=1 value="d" name="d" placeholder="right" onchange="recontrol()">
|
<input type="text" maxLength=1 value="s" name="s" placeholder="down" onchange="recontrol()">
|
||||||
</div>
|
<input type="text" maxLength=1 value="a" name="a" placeholder="left" onchange="recontrol()">
|
||||||
<div>
|
<input type="text" maxLength=1 value="d" name="d" placeholder="right" onchange="recontrol()">
|
||||||
<input type="text" maxLength=1 value="5" name="5" placeholder="start" onchange="recontrol()">
|
</div>
|
||||||
<input type="text" maxLength=1 value="q" name="q" placeholder="l" onchange="recontrol()">
|
<div>
|
||||||
<input type="text" maxLength=1 value="e" name="e" placeholder="r" onchange="recontrol()">
|
<input type="text" maxLength=1 value="5" name="5" placeholder="start" onchange="recontrol()">
|
||||||
</div>
|
<input type="text" maxLength=1 value="q" name="q" placeholder="l" onchange="recontrol()">
|
||||||
<div>
|
<input type="text" maxLength=1 value="e" name="e" placeholder="r" onchange="recontrol()">
|
||||||
<input type="text" maxLength=1 value="1" name="1" placeholder="a" onchange="recontrol()">
|
</div>
|
||||||
<input type="text" maxLength=1 value="2" name="2" placeholder="b" onchange="recontrol()">
|
<div>
|
||||||
<input type="text" maxLength=1 value="3" name="3" placeholder="x" onchange="recontrol()">
|
<input type="text" maxLength=1 value="1" name="1" placeholder="a" onchange="recontrol()">
|
||||||
<input type="text" maxLength=1 value="4" name="4" placeholder="y" onchange="recontrol()">
|
<input type="text" maxLength=1 value="2" name="2" placeholder="b" onchange="recontrol()">
|
||||||
</div>
|
<input type="text" maxLength=1 value="3" name="3" placeholder="x" onchange="recontrol()">
|
||||||
</div>
|
<input type="text" maxLength=1 value="4" name="4" placeholder="y" onchange="recontrol()">
|
||||||
</form>
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
<div id="ntfy"></div>
|
<div id="ntfy"></div>
|
||||||
<div id="ws"></div>
|
<div id="ws"></div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue