diff --git a/www/index.html b/www/index.html
index bf4d355..975b318 100644
--- a/www/index.html
+++ b/www/index.html
@@ -12,6 +12,22 @@
         </div>
         <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>
+            
+            <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>
     </body>
 </html>
\ No newline at end of file
diff --git a/www/main.js b/www/main.js
index a138079..9efd66b 100644
--- a/www/main.js
+++ b/www/main.js
@@ -36,19 +36,19 @@ async function transmit(transmitterID, channel, action, intensity=0, lucalEncode
 
 
 async function txFromUI(action, intensity=0) {
-    let transmitterID = Number(document.getElementById('CHANGE_ME').value);
-    let channel = Number(document.getElementById('CHANGE_ME').value);
-    let lucalEncoded = document.getElementById('CHANGE_ME').checked;
+    let transmitterID = Number(document.getElementById('transmitterIDInput').value);
+    let channel = Number(document.getElementById('channelIDInput').value);
+    let lucalEncoded = document.getElementById('lucalEncodedInput').checked;
     transmit(transmitterID, channel, action, intensity, lucalEncoded);
 }
 
 async function shock() {
-    let intensity = Number(document.getElementById('CHANGE_ME').value);
+    let intensity = Number(document.getElementById('shockIntensity').value);
     txFromUI('shock', intensity);
 }
 
 async function vibrate() {
-    let intensity = Number(document.getElementById('CHANGE_ME').value);
+    let intensity = Number(document.getElementById('vibrateIntensity').value);
     txFromUI('vibrate', intensity);
 }