GPIO输出反相

问题描述

我只是做一个基本的测试，即通过8080端口控制一个LED，但一切正常，但是当该LED打算熄灭时以及该LED熄灭时

<body>
        <h1 id="title">Control LED light</h1>

        <p style="text-align: center; font-size: 25px;"></p>
        <br>
        <p id="date"><i></i><p>
        <p id="log">ON/OFF</p>
        <p id="log"><input type="checkbox" id="light"></p>


        <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script> <!-- include socket.io client side script -->
        <script>
                var socket = io(); //load socket.io-client and connect to the host that serves the page
                window.addEventListener("load",function(){ //when page loads
                  var lightbox = document.getElementById("light");
                  lightbox.addEventListener("change",function() { //add event listener for when checkbox changes
                    socket.emit("light",Number(this.checked)); //send button status to server (as 1 or 0)
                  });
                });
                socket.on('light',function (data) { //get button status from client
                  document.getElementById("light").checked = ! data; //change checkbox according to push button on Raspberry Pi
                  socket.emit("light",data); //send push button status to back to server
                });
        </script>

        <div class="footer">
                <a id="back" href="http://jjh22.ddns.net/projects/webled.html"><-BACK-</a>
        </div>
</body>

基本上可以做的是反转复选框的外观或反转复选框的输出。关于如何执行此操作的任何想法？

解决方法

您可以通过执行Number(!this.checked)

来简单地使用布尔逻辑来做到这一点。

gpio html raspberry-pi socket.io

GPIO输出反相

问题描述

解决方法

相关问答