HTML机器人的GUI搭建

视频地址

目标

1.控制机器人的灯

2.控制机器人运动

步骤

新建一个文件夹并用VSCODE打开

在vscode中新建一个app.html历程

代码如下：

此时双击文件下中的app.html

此时浏览器会打开一个网页，样式如下

将app.html中的按键增加功能

此时点击网页每个按钮都会跳出一个弹窗

尝试连接网络

代码改为

启动MINI，连接MINI的热点，这里的IP地址为192.168.1.1

此时在浏览器按下F12就进入了控制台界面，刷新网页会出现ws opened 的界面出现

代码改为

即可控制机器人移动以及灯的亮灭

更多的可以去这里学习：

https://www.w3school.com.cn/