WHSPAH/WHSPAH-Web-Interface
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added input tags to HTML that call JavaScript functions, as well as changing JavaScript code to match HTML input IDs.

Browse Source
This commit is contained in:
Tango
2026-06-02 17:28:46 +01:00
parent 36102b3ae9
commit b298c11d36
2 changed files with 21 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
www/index.html
View File

@ -12,6 +12,22 @@
</div> </div>
<div class="contentBox"> <div class="contentBox">
<p>Just pretend there's a bunch of buttons and sliders here. I'm just kind of yapping to test the CSS. Wow look at that slider and those buttons. So cool.</p> <p>Just pretend there's a bunch of buttons and sliders here. I'm just kind of yapping to test the CSS. Wow look at that slider and those buttons. So cool.</p>
<h2>transmitterID (0-65535)</h2>
<input type="number" id="transmitterIDInput">
<h2>Channel Input (1-3)</h2>
<input type="number" id="channelIDInput">
<h2>LucalEncoded?</h2>
<input type="checkbox" id="lucalEncodedInput">
<h2>Shock</h2>
<input type="range" min="0" max="99" id="shockIntensity" oninput="this.nextElementSibling.value = this.value">
<output>0</output>
<br>
<h2>Vibrate</h2>
<input type="range" min="0" max="99" id="vibrateIntensity" oninput="this.nextElementSibling.value = this.value">
<output>0</output>
<br>
<button onclick="vibrate();">Vibrate!</button>
</div> </div>
</body> </body>
</html> </html>

10
www/main.js
View File

@ -36,19 +36,19 @@ async function transmit(transmitterID, channel, action, intensity=0, lucalEncode
async function txFromUI(action, intensity=0) { async function txFromUI(action, intensity=0) {
let transmitterID = Number(document.getElementById('CHANGE_ME').value); let transmitterID = Number(document.getElementById('transmitterIDInput').value);
let channel = Number(document.getElementById('CHANGE_ME').value); let channel = Number(document.getElementById('channelIDInput').value);
let lucalEncoded = document.getElementById('CHANGE_ME').checked; let lucalEncoded = document.getElementById('lucalEncodedInput').checked;
transmit(transmitterID, channel, action, intensity, lucalEncoded); transmit(transmitterID, channel, action, intensity, lucalEncoded);
} }
async function shock() { async function shock() {
let intensity = Number(document.getElementById('CHANGE_ME').value); let intensity = Number(document.getElementById('shockIntensity').value);
txFromUI('shock', intensity); txFromUI('shock', intensity);
} }
async function vibrate() { async function vibrate() {
let intensity = Number(document.getElementById('CHANGE_ME').value); let intensity = Number(document.getElementById('vibrateIntensity').value);
txFromUI('vibrate', intensity); txFromUI('vibrate', intensity);
} }