<!DOCTYPE html><html><head> <title>D&D K-Pop AI</title> <style> body { background-color: black; color: white; font-family: monospace; padding: 20px; } </style></head><body> <pre id="gameText">Welcome to Dungeons & Dragons: The K-Pop / Generative AI VersionMade by Pop Stars AI LLCWhat is your favorite K-pop band?</pre> <input id="bandInput" type="text" placeholder="e.g. BTS, BLACKPINK" style="background:black; color:white; border:none; font-family:monospace; margin-top:10px;" /> <button onclick="startGame()" style="background:white; color:black; font-family:monospace;">Enter</button> <script> function startGame() { const band = document.getElementById("bandInput").value.trim(); const roles = ["Wizard", "Knight", "Thief", "Rogue", "Dancer", "DJ", "Fairy", "AI Oracle"]; const titles = ["Princess", "Captain", "Mystic", "Overlord", "Pop Sorcerer", "Pixel Fighter"]; if (band) { const character = `${titles[Math.floor(Math.random() * titles.length)]} ${randomMember(band)} - ${roles[Math.floor(Math.random() * roles.length)]} (${band})`; document.getElementById("gameText").innerText += `You have chosen: ${band}Your role is: ${character}Type 'start' to begin your quest...`; } } function randomMember(band) { const fakeMembers = { "Le Sserafim": ["Kazuha", "Sakura", "Chaewon"], "BLACKPINK": ["Jennie", "Jisoo", "Lisa", "Rosé"], "BTS": ["RM", "Jin", "Jungkook", "V"], "NewJeans": ["Minji", "Hanni", "Danielle"], }; const defaultMembers = ["Yuna", "Kai", "BoA", "Taemin", "Yeonjun"]; const members = fakeMembers[band] || defaultMembers; return members[Math.floor(Math.random() * members.length)]; } </script></body></html>
