[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_182":183,"_184":185},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_86":87,"_68":-7,"_88":-5,"_17":89,"_90":91,"_92":93,"_94":95,"_96":97,"_98":-5,"_99":-5,"_100":-5,"_101":24,"_102":103,"_104":42,"_105":-5,"_106":-5,"_107":108},"routes/_app.x.$handle.$name.branch.$branch.history",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-5},"handle","shouser","name","hangman-js-1741727731307","branchName","main","project",{"_26":27,"_13":14,"_28":29,"_30":-5,"_31":24,"_32":33,"_34":33,"_35":36,"_37":-5,"_25":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":20,"_46":47,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_54":53,"_55":56,"_57":56,"_58":56,"_59":53,"_60":53,"_61":62,"_63":64,"_65":66,"_67":24},"page",0,"history",[],"hasNext",false,"userId","id","f6c482aa-febd-11ef-95f1-569c3dd06744","createdAt",["D",1741727731410],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Imported from GitHub: jelofsson/hangman-js","imageUrl","387c2a1a-af32-4662-ba80-cb97133b520c","pinnedFileId","f74dcfa6-febd-11ef-a45f-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","orgId","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_85":81},"org",{"_11":12,"_79":-5,"_80":81,"_25":38,"_82":83,"_84":24},"branch",{"_68":69,"_13":16,"_26":70,"_71":27,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":14,"_78":12},"isOwned","version",9,"f6c4c922-febd-11ef-95f1-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","path","","adoptOrgId",{"_26":27,"_13":14,"_28":178,"_30":-5,"_31":24,"_32":33,"_34":33,"_35":36,"_37":-5,"_25":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":20,"_46":47,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_54":53,"_55":56,"_57":56,"_58":56,"_59":53,"_60":53,"_61":179,"_63":180,"_65":181,"_67":24},"tree",[161,162,163,164],"files",[161,162,163,164],"counts",{"_151":20,"_152":147,"_153":20,"_154":155,"_156":157},"contents",[109,110,111,112],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_26":144,"_13":145,"_115":146,"_116":-5,"_117":70,"_118":147,"_119":42,"_28":148,"_68":20,"_122":98,"_124":149,"_126":24,"_127":-5,"_86":150},{"_26":137,"_13":138,"_115":139,"_116":-5,"_117":70,"_118":140,"_119":42,"_28":141,"_68":20,"_122":98,"_124":142,"_126":24,"_127":-5,"_86":143},{"_26":129,"_13":130,"_115":131,"_116":-5,"_117":70,"_118":132,"_119":42,"_28":133,"_68":20,"_122":134,"_124":135,"_126":24,"_127":-5,"_86":136},{"_26":113,"_13":114,"_115":40,"_116":-5,"_117":70,"_118":69,"_119":42,"_28":120,"_68":121,"_122":123,"_124":125,"_126":24,"_127":-5,"_86":128},"3c6275ce-febe-11ef-b4e6-569c3dd06744","index.html","fileId","parentId","branchId","branchVersion","latest",["D",1741727848203],5,"fileType","http","content","export default function server(request: Request): Response {\n return new Response(\n `\n \n \n \n \n \n \n \n \n

\n\n

\n\n \n\n

\n\n

\n \n \n \n \n \n \n

\n \n`,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label",[114],"f748aa62-febd-11ef-b7bc-569c3dd06744","hangman.js","f748ab52-febd-11ef-b7bc-569c3dd06744",3,["D",1741727732275],"script","/**\n* Hangman in Vanilla Javascript\n* @see https://github.com/jelofsson/hangman-js\n* @author jelofsson\n**/\nvar Hangman = (function () {\n 'use strict';\n\n /**\n * Constructor\n * @param {string} elId An ID used in this class and when rendering the DOM Elements\n */\n function Hangman(elId) {\n // DOM is ready\n this.elId = elId;\n // Possible words\n this.words = [\n 'PROGRAMMER', 'BRAINSTORM', 'CREATIVE', 'LOLLIPOP',\n 'CULTURE', 'RAZORSHARP', 'SCREWDRIVER', 'TYPEWRITER'\n ];\n }\n\n /**\n * Resets the hangman game\n */\n Hangman.prototype.reset = function () {\n // Variables\n this.STOPPED = false;\n this.MISTAKES = 0;\n this.GUESSES = [];\n // Select a random word from the list\n this.WORD = this.words[Math.floor(Math.random() * this.words.length)];\n // DOM Elements\n this.hideElementByClass('h');\n this.showElementByIdWithContent(this.elId + \"_guessbox\", null);\n this.showElementByIdWithContent(this.elId + \"_word\", this.getGuessedfWord());\n };\n\n /**\n * Logic after the user guessed on a letter\n *\n * @param {char} letter A letter guessed by our enduser\n */\n Hangman.prototype.guess = function (letter) {\n letter = letter.charAt(0).toUpperCase();\n\n // Check if game is stopped or the user already guessed on that letter\n if (this.STOPPED || this.GUESSES.indexOf(letter) > -1) {\n // Then we wont do anything\n return;\n }\n\n // Add the letter to our GUESSES array\n this.GUESSES.push(letter);\n // Update the word hint, and guessed letter list for the user\n this.showElementByIdWithContent(this.elId + \"_word\", this.getGuessedfWord());\n this.showElementByIdWithContent(this.elId + \"_guesses\", this.GUESSES.join(''));\n\n // Check if our word does not contain the guessed letter\n if (this.WORD.indexOf(letter) < 0) {\n // Incorrect guess, increase our mistakes by one\n this.MISTAKES++;\n // Show next part of hangman character\n this.showElementByIdWithContent(this.elId + \"_\" + this.MISTAKES, null);\n // Check if its Game Over\n if (this.MISTAKES === 6) {\n this.showElementByIdWithContent(this.elId + \"_end\", \"GAME OVER!
The word was: \" + this.WORD);\n this.STOPPED = true;\n }\n } else if (this.WORD.indexOf(this.getGuessedfWord()) !== -1) {\n // Victory condition\n this.showElementByIdWithContent(this.elId + \"_end\", \"You made it!
The word was: \" + this.WORD);\n this.STOPPED = true;\n }\n };\n\n /**\n * Displays HTML element by id with the following content\n *\n * @param {string} elId DOM ID\n * @param {HTML} content \n */\n Hangman.prototype.showElementByIdWithContent = function (elId, content) {\n if (content !== null) {\n document.getElementById(elId).innerHTML = content;\n }\n document.getElementById(elId).style.opacity = 1;\n };\n\n /**\n * Hides element by class\n *\n * @param {string} elClass DOM class\n */\n Hangman.prototype.hideElementByClass = function (elClass) {\n var elements = document.getElementsByClassName(elClass), i;\n for (i = 0; i < elements.length; i++) {\n elements[i].style.opacity = 0;\n }\n };\n\n /**\n * The word but only with letters the user has guessed so far is visible\n */\n Hangman.prototype.getGuessedfWord = function () {\n var result = \"\", i;\n for (i = 0; i < this.WORD.length; i++) {\n // Word characters\n result += (this.GUESSES.indexOf(this.WORD[i]) > -1) ?\n this.WORD[i] : \"_\";\n }\n return result;\n };\n\n // Create and return an instance of this class, its go time!\n return new Hangman('hangm'); \n}());",[130],"f742e578-febd-11ef-9f74-569c3dd06744","hangman.css","f742e60e-febd-11ef-9f74-569c3dd06744",2,["D",1741727732234],"html,body { \n font-size: 1.2em;\n font-family: 'Arvo', serif;\n text-align: center;\n}\n\na {\n color: #000;\n margin: 0.2em;\n text-decoration: none;\n}\n\n#hangm_gameover, #hangm_victory {\n font-size: 2em;\n}\n\nsection#hangman {\n height: 30.5em;\n overflow: hidden;\n}\n\n#hangm {\n text-align: center;\n}\n\n.h {\n opacity: 0;\n}\n\n#hangm_animation {\n height: 10em;\n margin: 0 auto;\n width: 11em;\n}\n\n#hangm_word, \n#hangm_guesses {\n letter-spacing: 1em;\n}\n\n.man_head {\n\tborder-radius: 50%;\n\twidth: 40px;\n\theight: 40px; \n background-color: #FFCC99;\n position: relative;\n bottom: 150px;\n left: 112px;\n\t/* width and height can be anything, as long as they're equal */\n}\n\n.man_upper {\n background: #000066;\n width: 40px;\n height: 50px;\n position: relative;\n left: 112px;\n bottom: 150px;\n}\n\n.man_lower {\n background: #330099;\n width: 30px;\n height: 30px;\n position: relative;\n left: 117px;\n bottom: 150px;\n}\n\n.pole_h {\n background: #000;\n width: 100px;\n height: 8px;\n position: relative;\n left: 46px;\n}\n\n.pole_v {\n width: 8px;\n height: 150px;\n background: #000;\n left: 46px;\n position: relative;\n}\n\n.pole_b {\n border-color: transparent transparent #000000 transparent;\n border-width: 0 50px 50px 50px;\n border-style: solid;\n width: 0;\n height: 0;\n bottom: 10px;\n position: relative;\n}\n\n.rope {\n width: 6px;\n height: 40px;\n background-color: #996633;\n position: relative;\n bottom: 150px;\n left: 130px;\n}",[138],"f73d73f4-febd-11ef-95f1-569c3dd06744","README.md","f73d74d0-febd-11ef-95f1-569c3dd06744",1,["D",1741727732201],"# Hangman-js\n\nThe traditional hangman puzzle game written as prototype object class in vanilla Javascript.\n\n## Demo\n\nYou can try it out [here](https://jelofsson.github.io/hangman-js/)\n\n## How to use\n\n* Clone from Github\n* Make any changes that you like\n* Open `index.html` to try it out\n",[145],"pulls","branches","forks","envVars",{"_158":20,"_160":20},"connections",{"_158":20,"_159":20},"count","unfilledCount","emptyCount",{"_26":144,"_13":145,"_115":146,"_116":-5,"_117":70,"_118":147,"_119":42,"_28":175,"_68":20,"_122":98,"_124":149,"_126":24,"_127":-5,"_166":176,"_86":177},{"_26":137,"_13":138,"_115":139,"_116":-5,"_117":70,"_118":140,"_119":42,"_28":172,"_68":20,"_122":98,"_124":142,"_126":24,"_127":-5,"_166":173,"_86":174},{"_26":129,"_13":130,"_115":131,"_116":-5,"_117":70,"_118":132,"_119":42,"_28":169,"_68":20,"_122":134,"_124":135,"_126":24,"_127":-5,"_166":170,"_86":171},{"_26":113,"_13":114,"_115":40,"_116":-5,"_117":70,"_118":69,"_119":42,"_28":165,"_68":121,"_122":123,"_124":125,"_126":24,"_127":-5,"_166":167,"_86":168},["D",1741727848203],"children",[],[114],["D",1741727732275],[],[130],["D",1741727732234],[],[138],["D",1741727732201],[],[145],["D",1741727731410],{"_11":12,"_85":81},{"_11":12,"_79":-5,"_80":81,"_25":38,"_82":83,"_84":24},{"_68":69,"_13":16,"_26":70,"_71":27,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":14,"_78":12},"ctx",{"_61":-5,"_106":215,"_216":217,"_218":219,"_220":24,"_221":24,"_222":24,"_223":42,"_224":-5,"_225":-7,"_226":-7,"_227":20,"_228":24,"_229":24,"_230":-5,"_231":24,"_232":24,"_233":24,"_234":-5},"ENV",{"_186":187,"_188":189,"_190":16,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History