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",[151,169],"counts",{"_181":32,"_182":138,"_183":32,"_184":32},"pulls","branches","forks","envVars","contents",[],{"_103":152,"_95":99,"_153":154,"_155":-5,"_156":139,"_157":138,"_158":109,"_105":188,"_100":32,"_160":161,"_162":163,"_164":22,"_165":-5,"_98":189},["D",1721079114929],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":198,"_149":203,"_177":210,"_161":211,"_185":213,"_214":-5,"_215":22,"_216":-5,"_217":-5,"_218":-5,"_219":220},{"_103":104,"_95":96,"_105":199,"_107":-5,"_108":109,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":109,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":200,"_133":201,"_136":202,"_148":22},["D",1746139643363],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_100":138,"_95":43,"_103":139,"_140":104,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[204,207],{"_103":152,"_95":99,"_153":154,"_155":-5,"_156":139,"_157":138,"_158":109,"_105":159,"_100":32,"_160":161,"_162":163,"_164":22,"_165":-5,"_166":205,"_98":206},[],[99],{"_103":170,"_95":171,"_153":116,"_155":-5,"_156":139,"_157":138,"_158":109,"_105":172,"_100":32,"_160":173,"_162":174,"_164":22,"_165":-5,"_166":208,"_98":209},[],[171],[204,207],{"_103":152,"_95":99,"_153":154,"_155":-5,"_156":139,"_157":138,"_158":109,"_105":188,"_100":32,"_160":161,"_162":163,"_164":22,"_165":-5,"_98":212},[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[221,238],{"_103":222,"_95":223,"_105":224,"_107":-5,"_108":22,"_110":111,"_112":225,"_113":226,"_14":227,"_115":228,"_117":109,"_118":229,"_119":230,"_16":231,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":232,"_133":235,"_136":236,"_148":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,11,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":233,"_131":234},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":233,"_135":234},{"_103":237,"_95":43,"_100":229,"_140":222,"_141":-5,"_142":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_103":239,"_95":240,"_105":241,"_107":-5,"_108":22,"_110":111,"_112":242,"_113":-5,"_14":243,"_115":244,"_117":109,"_118":245,"_119":246,"_16":247,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":248,"_133":251,"_136":252,"_148":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_93":249,"_131":250},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":249,"_135":250},{"_103":253,"_95":43,"_100":254,"_140":239,"_141":-5,"_142":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]

janpaul123

valle_tmp_84995905331198962373155279224348