esp8266建立的网页内输入框判断输入值是否为123,点击页面内按钮后如果是就弹窗
时间: 2024-03-24 20:39:26 浏览: 21
要实现这个功能,你可以通过以下步骤来实现:
1. 在 esp8266 上建立一个网页,并在网页上添加一个输入框和一个按钮。
2. 使用 Arduino IDE 编写 esp8266 的代码,实现通过 WiFi 连接网络,并将 esp8266 与建立的网页进行关联。
3. 在代码中添加判断输入框中的值是否为 123 的功能,可以使用 if 语句实现。
4. 在按钮被点击时触发一个事件,判断输入框中的值是否为 123,如果是则弹出一个提示框。
下面是一个示例代码,可以供你参考:
```c
#include <ESP8266WiFi.h>
#include <WiFiClient.h>
#include <ESP8266WebServer.h>
// Replace with your network credentials
const char* ssid = "your_SSID";
const char* password = "your_PASSWORD";
ESP8266WebServer server(80);
void handleRoot() {
String html = "<html><body>";
html += "<h1>ESP8266 Web Server</h1>";
html += "<p>Input box:</p>";
html += "<input type='text' name='input_box'>";
html += "<br><br>";
html += "<button onclick='checkInput()'>Check input</button>";
html += "<script>";
html += "function checkInput() {";
html += "var inputValue = document.getElementsByName('input_box')[0].value;";
html += "if(inputValue === '123') {";
html += "alert('Input value is 123!');";
html += "}";
html += "}";
html += "</script>";
html += "</body></html>";
server.send(200, "text/html", html);
}
void setup() {
Serial.begin(115200);
WiFi.begin(ssid, password);
Serial.println("");
// Wait for connection
while (WiFi.status() != WL_CONNECTED) {
delay(1000);
Serial.println("Connecting to WiFi...");
}
Serial.println("WiFi connected");
Serial.println("IP address: ");
Serial.println(WiFi.localIP());
server.on("/", handleRoot);
server.begin();
}
void loop() {
server.handleClient();
}
```
在这个示例代码中,我们使用了 ESP8266WebServer 库来建立一个简单的网页,并添加了一个输入框和一个按钮。当按钮被点击时,会触发一个 JavaScript 函数 checkInput(),该函数会获取输入框中的值,并判断其是否为 123。如果是,则会弹出一个提示框。
希望这个示例代码能对你有所帮助!