index.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html>
  2. <html>
  3. <header>
  4. <meta charset="utf-8"/>
  5. <title>Http Server Get-Start</title>
  6. <!-- fetch api-->
  7. <script type="text/javascript">
  8. function led(key) {
  9. fetch("/led/" + key)
  10. }
  11. function gpio1(key) {
  12. fetch("/gpio1/" + key)
  13. }
  14. function gpio24(key) {
  15. fetch("/gpio24/" + key)
  16. }
  17. </script>
  18. </header>
  19. <body>
  20. <h2>点击按钮, led灯会亮起或熄灭</h2>
  21. <div>
  22. <div>
  23. <button onclick="led(1)">LED亮</button>
  24. </div>
  25. <div>
  26. <button onclick="led(0)">LED灭</button>
  27. </div>
  28. <div>
  29. <button onclick="gpio1(1)">GPIO1 输出高电平</button>
  30. </div>
  31. <div>
  32. <button onclick="gpio1(0)">GPIO1 输出低电平</button>
  33. </div>
  34. <div>
  35. <button onclick="gpio24(1)">GPIO24 输出高电平</button>
  36. </div>
  37. <div>
  38. <button onclick="gpio24(0)">GPIO24 输出低电平</button>
  39. </div>
  40. </div>
  41. <div>
  42. <h4>Power by <a href="https://wiki.luatos.com">LuatOS</a></h4>
  43. </div>
  44. </body>
  45. </html>