💡 Lightswitch Web App

🇬🇧 English

Lightswitch is a simple interactive web app built with HTML, CSS, and JavaScript. The user enters their name and can turn the light on or off, toggle it, and check its status. The background color and lightbulb icon change visually depending on the light state.

Features

• Name input field
• Say Hello button with personalized message
• Turn on / Turn off / Toggle light
• Show current light status
• Lightbulb icon that reacts to light state
• Responsive design for mobile and desktop
• Modern styling with CSS variables

How to Use

1. Open index.html in any browser.
2. Enter your name in the input field.
3. Use the buttons to interact with the light.
4. Click the 💡 icon to toggle the light directly.

---

🇸🇪 Svenska

Lightswitch är en enkel interaktiv webbapp byggd med HTML, CSS och JavaScript. Användaren skriver sitt namn och kan tända, släcka, växla ljuset samt visa status. Bakgrundsfärg och glödlampa ändras visuellt beroende på ljusets tillstånd.

Funktioner

• Namninmatning
• Say Hello-knapp med personlig hälsning
• Tänd / Släck / Växla ljuset
• Visa aktuell ljusstatus
• Glödlampa som reagerar på ljusläge
• Responsiv design för mobil och dator
• Modern stil med CSS-variabler

Så använder du

1. Öppna index.html i valfri webbläsare.
2. Skriv ditt namn i fältet.
3. Använd knapparna för att styra ljuset.
4. Klicka på 💡-ikonen för att växla ljuset direkt.