#include <WiFi.h>
#include <WebServer.h>
#define MQPIN 32
#define MQSEN V0
char ssid[] = "Wokwi-GUEST";
char pass[] = "";
WebServer Server(80);
String createwebpage(int MQVALUE)
{
String html = R"rawliteral(
<html>
<head>
<meta http-equiv="refresh" content="5">
<style>
body {
background: white;
font-family: Arial;
padding: 20px;
}
.bar {
background: #ddd;
border-radius: 25px;
height: 30px;
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.fill {
height: 100%;
background: green;
border-radius: 25px;
text-align: right;
padding-right: 10px;
line-height: 30px;
color: white;
}
</style>
</head>
<body>
<h2>ESP32 SENSOR DATA</h2>
<h3>MQ GAS</h3>
<div class="bar">
<div class="fill" style="width:MQVALUE%;">
MQVALUE%
</div>
</div>
</body>
</html>
)rawliteral";
html.replace("MQVALUE", String(MQVALUE));
return html;
}
void handleRoot()
{
int mq = analogRead(MQPIN);
int MQVALUE=map(mq, 0, 4095, 0, 100);
Server.send(200, "text/html", createwebpage(MQVALUE));
}
void setup()
{
Serial.begin(115200);
WiFi.begin(ssid, pass);
while (WiFi.status() != WL_CONNECTED)
{
delay(500);
}
Serial.print("IP Address: ");
Serial.println(WiFi.localIP());
Server.on("/", handleRoot);
Server.begin();
}
void loop()
{
Server.handleClient();
}