Welcome to SnipShare.
// style.css /* Final styles */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: sans-serif; background: #fff; color: #333; } h1 { padding: 2rem; } p { padding: 0 2rem; } // app.js // Simple greeting rotator const greetings = [ "Hello, SnipShare!", "Bonjour, SnipShare!", "Hola, SnipShare!", "Ciao, SnipShare!", "Hallo, SnipShare!", "Konnichiwa, SnipShare!", ]; let currentIndex = 0; const heading = document.getElementById("greeting"); const button = document.getElementById("change-btn"); button.addEventListener("click", () => { currentIndex = (currentIndex + 1) % greetings.length; heading.textContent = greetings[currentIndex]; heading.style.color = `hsl(${currentIndex * 60}, 70%, 45%)`; });