Facebook
From ajju, 2 Weeks ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 183
  1. <!DOCTYPE html>
  2. &lt;html lang="en"&gt;
  3.   &lt;head&gt;
  4.     &lt;meta charset="UTF-8" /&gt;
  5.     &lt;meta name="viewport" c initial-scale=1.0" /&gt;
  6.     &lt;title&gt;NodeMCU Car Remote&lt;/title&gt;
  7.     &lt;style&gt;
  8.       .btn {
  9.         display: inline-block;
  10.         margin: 10px;
  11.         padding: 10px 20px;
  12.         font-size: 18px;
  13.         cursor: pointer;
  14.       }
  15.     &lt;/style&gt;
  16.   &lt;/head&gt;
  17.   &lt;body&gt;
  18.     <h1>NodeMCU Car Remote</h1>
  19.     <div>
  20.       <button
  21.         class="btn"
  22.          
  23.          
  24.       >
  25.         Forward
  26.       </button>
  27.       <button
  28.         class="btn"
  29.          
  30.          
  31.       >
  32.         Backward
  33.       </button>
  34.     </div>
  35.     <div>
  36.       <button
  37.         class="btn"
  38.          
  39.          
  40.       >
  41.         Left
  42.       </button>
  43.       <button
  44.         class="btn"
  45.          
  46.          
  47.       >
  48.         Right
  49.       </button>
  50.     </div>
  51.     <div>
  52.       <button class="btn" >Turn on White LED</button>
  53.       <button class="btn" >
  54.         Turn off White LED
  55.       </button>
  56.       <button class="btn" >Turn on Red LED</button>
  57.       <button class="btn" >
  58.         Turn off Red LED
  59.       </button>
  60.     </div>
  61.  
  62.     [removed]
  63.       var timer;
  64.  
  65.       function sendCommand(command) {
  66.         var xhttp = new XMLHttpRequest();
  67.         xhttp.onreadystatechange = function () {
  68.           if (this.readyState == 4 && this.status == 200) {
  69.             console.log("Command sent: " + command);
  70.           }
  71.         };
  72.         xhttp.open("GET", "http://192.168.4.1/?State=" + command, true);
  73.         xhttp.send();
  74.       }
  75.  
  76.       function stopCommand() {
  77.         clearTimeout(timer);
  78.         timer = setTimeout(function () {
  79.           sendCommand("S");
  80.         }, 500);
  81.       }
  82.  
  83.       function turnOnLED(ledCommand) {
  84.         var xhttp = new XMLHttpRequest();
  85.         xhttp.onreadystatechange = function () {
  86.           if (this.readyState == 4 && this.status == 200) {
  87.             console.log("LED turned on: " + ledCommand);
  88.           }
  89.         };
  90.         xhttp.open("GET", "http://192.168.4.1/?State=" + ledCommand, true);
  91.         xhttp.send();
  92.       }
  93.  
  94.       function turnOffLED(ledCommand) {
  95.         var xhttp = new XMLHttpRequest();
  96.         xhttp.onreadystatechange = function () {
  97.           if (this.readyState == 4 && this.status == 200) {
  98.             console.log("LED turned off: " + ledCommand);
  99.           }
  100.         };
  101.         xhttp.open("GET", "http://192.168.4.1/?State=" + ledCommand, true);
  102.         xhttp.send();
  103.       }
  104.     [removed]
  105.   &lt;/body&gt;
  106. &lt;/html&gt;
  107.