Wokwi - Online ESP32, STM32, Arduino Simulator

#include <WiFi.h>
#include <WebServer.h>
 
char ssid[] = "Wokwi-GUEST";   // Wokwi default WiFi
char pass[] = "";       
WebServer server(80);
 
const int ledPin = 2; // GPIO pin where the LED is connected
bool ledState = LOW;
 
void handleRoot() {
  String html = "<!DOCTYPE html><html>";
  html += "<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">";
  html += "<style>body {font-family: Arial, sans-serif; text-align: center; padding: 50px;}";
  html += ".button {display: inline-block; padding: 15px 25px; font-size: 24px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #4CAF50; border: none; border-radius: 15px; box-shadow: 0 9px #999;}";
  html += ".button:hover {background-color: #3e8e41}";
  html += ".button:active {background-color: #3e8e41; box-shadow: 0 5px #666; transform: translateY(4px);}";
  html += ".button-off {background-color: #f44336;}";
  html += ".button-off:hover {background-color: #da190b}";
  html += ".button-off:active {background-color: #da190b; box-shadow: 0 5px #666; transform: translateY(4px);}";
  html += ".bulb {width: 100px; height: 100px; margin-top: 20px; border-radius: 50%; display: inline-block;}";
  html += ".bulb-on {background-color: yellow;}";
  html += ".bulb-off {background-color: gray;}";
  html += "</style></head><body>";
  html += "<h1>ESP32 Web Server</h1>";
  html += "<p><a href=\"/LED_ON\"><button class=\"button\">Turn On LED</button></a></p>";
  html += "<p><a href=\"/LED_OFF\"><button class=\"button button-off\">Turn Off LED</button></a></p>";
  html += "<div class=\"bulb " + String(ledState ? "bulb-on" : "bulb-off") + "\"></div>";
  html += "</body></html>";
 
  server.send(200, "text/html", html);
}
 
void handleLEDOn() {
  ledState = HIGH;
  digitalWrite(ledPin, HIGH);
  handleRoot(); // Refresh the page to update the bulb status
}
 
void handleLEDOff() {
  ledState = LOW;
  digitalWrite(ledPin, LOW);
  handleRoot(); // Refresh the page to update the bulb status
}
 
void setup() {
  Serial.begin(115200);
  pinMode(ledPin, OUTPUT);
  digitalWrite(ledPin, LOW);
 
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {
    delay(1000);
    Serial.println("Connecting to WiFi...");
  }
  Serial.println("Connected to WiFi");
 
  // Print the IP address
  Serial.println("IP address: ");
  Serial.println(WiFi.localIP());
 
  server.on("/", handleRoot);
  server.on("/LED_ON", handleLEDOn);
  server.on("/LED_OFF", handleLEDOff);
   
  server.begin();
  Serial.println("HTTP server started");
}
 
void loop() {
  server.handleClient();
}