Welcome to Weirdle!

\n \n \n

Result:

\n \n

\n\n\n\n\n// CSS (styles.css)\nbody {\n font-family: 'Comic Sans MS', cursive;\n background: linear-gradient(to right, #ff758c, #ff7eb3);\n text-align: center;\n}\n.game {\n max-width: 600px;\n margin: 50px auto;\n padding: 20px;\n border: 2px solid black;\n background-color: rgba(255, 255, 255, 0.8);\n border-radius: 10px;\n}\nh1 {\n color: purple;\n}\n.word-box {\n display: flex;\n justify-content: center;\n}\n.letter {\n font-size: 2em;\n margin: 10px;\n width: 40px;\n height: 40px;\n border: 2px solid black;\n border-radius: 50%;\n text-align: center;\n line-height: 40px;\n color: white;\n background-color: purple;\n}\n.guess-box {\n margin-top: 20px;\n}\n.guess-input {\n padding: 10px;\n font-size: 1.2em;\n}\n.submit-btn {\n padding: 10px 20px;\n font-size: 1.2em;\n background-color: purple;\n color: white;\n border: none;\n cursor: pointer;\n margin-left: 10px;\n}\n.result {\n margin-top: 20px;\n}\n.play-again {\n margin-top: 20px;\n padding: 10px 20px;\n font-size: 1.2em;\n background-color: purple;\n color: white;\n border: none;\n cursor: pointer;\n}\n\n// JavaScript (script.js)\nconst word = \"WEIRD\";\nlet attempts = 0;\n\ndocument.querySelector(\".submit-btn\").addEventListener(\"click\", () => {\n const guess = document.querySelector(\".guess-input\").value.toUpperCase();\n if (guess.length !== 5 || !/^[A-Z]+$/.test(guess)) {\n alert(\"Please enter a 5-letter word using only letters from A-Z.\");\n return;\n }\n attempts++;\n let resultText = \"\";\n for (let i = 0; i < 5; i++) {\n if (word.includes(guess[i])) {\n if (word[i] === guess[i]) {\n resultText += \"\" + guess[i] + \"\";\n } else {\n resultText += \"\" + guess[i] + \"\";\n }\n } else {\n resultText += \"\" + guess[i] + \"\";\n }\n }\n if (word === guess) {\n document.querySelector(\".result-text\").innerHTML = resultText + \" - Congratulations! You've guessed the word in \" + attempts + \" attempts.\";\n document.querySelector(\".submit-btn\").setAttribute(\"disabled\", true);\n } else {\n document.querySelector(\".result-text\").innerHTML = resultText;\n }\n});\n\ndocument.querySelector(\".play-again\").addEventListener(\"click\", () => {\n document.querySelector(\".result-text\").innerHTML = \"\";\n document.querySelector(\".submit-btn\").removeAttribute(\"disabled\");\n document.querySelector(\".guess-input\").value = \"\";\n attempts = 0;\n});\n",[],[171],"files",[150,169],"counts",{"_181":32,"_182":137,"_183":32,"_184":32},"pulls","branches","forks","envVars","contents",[187,190],{"_102":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":137,"_158":108,"_104":188,"_99":32,"_160":161,"_162":163,"_164":22,"_165":-5,"_98":189},["D",1721079114929],[152],{"_102":170,"_95":171,"_153":115,"_155":-5,"_156":138,"_157":137,"_158":108,"_104":191,"_99":32,"_160":173,"_162":174,"_164":22,"_165":-5,"_98":192},["D",1721079114929],[171],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_93":94,"_95":96,"_100":201,"_184":206},{"_102":103,"_95":96,"_104":202,"_106":-5,"_107":108,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":108,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":203,"_132":204,"_135":205,"_147":22},["D",1746139643363],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[],"actionData","errors"]

janpaul123

valle_tmp_84995905331198962373155279224348

Environment variables