Emoji Combination Guessing Game

\r\n

\r\n \r\n \r\n

\r\n

\r\n","css":"@import \"https://fonts.googleapis.com/css?family=Pacifico&display=swap\"\r\n #game-container {\r\n background-color: #f5f5f5;\r\n padding: 20px;\r\n border-radius: 10px;\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\r\n text-align: center;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n}\r\n\r\nh1 {\r\n font-family: \"Pacifico\", cursive;\r\n color: #6c63ff;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n#emojis {\r\n font-size: 48px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.input-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n#guess-input {\r\n padding: 10px;\r\n border-radius: 5px;\r\n border: none;\r\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\r\n margin-right: 10px;\r\n flex-grow: 1;\r\n max-width: 300px;\r\n}\r\n\r\n#submit-btn {\r\n background-color: #6c63ff;\r\n color: white;\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\r\n transition: background-color 0.3s ease;\r\n}\r\n\r\n#submit-btn:hover {\r\n background-color: #5a50ff;\r\n}\r\n\r\n#result {\r\n margin-top: 20px;\r\n font-size: 24px;\r\n font-weight: bold;\r\n}\r\n#game-container {\r\n background-color: #f5f5f5;\r\n padding: 20px;\r\n border-radius: 10px;\r\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);\r\n text-align: center;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n}\r\n\r\nh1 {\r\n font-family: \"Pacifico\", cursive;\r\n color: #6c63ff;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n#emojis {\r\n font-size: 48px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.input-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n#guess-input {\r\n padding: 10px;\r\n border-radius: 5px;\r\n border: none;\r\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\r\n margin-right: 10px;\r\n flex-grow: 1;\r\n max-width: 300px;\r\n}\r\n\r\n#submit-btn {\r\n background-color: #6c63ff;\r\n color: white;\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\r\n transition: background-color 0.3s ease;\r\n}\r\n\r\n#submit-btn:hover {\r\n background-color: #5a50ff;\r\n}\r\n\r\n#result {\r\n margin-top: 20px;\r\n font-size: 24px;\r\n font-weight: bold;\r\n}\r\n","js":"const emojiCombinations = [\r\n { emojis: [\"🐱\", \"🐟\"], word: \"catfish\" },\r\n { emojis: [\"🎮\", \"🕹️\"], word: \"videogame\" },\r\n { emojis: [\"🕷️\", \"🕸️\"], word: \"spiderweb\" },\r\n { emojis: [\"🧠\", \"⛈️\"], word: \"brainstorm\" },\r\n { emojis: [\"🧠\", \"🚿\"], word: \"brainwash\" },\r\n { emojis: [\"🦇\", \"👨\"], word: \"BATMAN\" },\r\n { emojis: [\"🍯\", \"🌙\"], word: \"HONEYMOON\" },\r\n { emojis: [\"⭐\", \"🐟\"], word: \"STARFISH\" },\r\n { emojis: [\"🔥\", \"🦊\"], word: \"FIREFOX\" },\r\n { emojis: [\"🐴\", \"👟\"], word: \"HORSESHOE\" },\r\n { emojis: [\"🍕\", \"📦\"], word: \"PIZZA BOX\" },\r\n { emojis: [\"🍌\", \"🍞\"], word: \"BANANA BREAD\" },\r\n { emojis: [\"🐄\", \"🔔\"], word: \"COWBELL\" },\r\n { emojis: [\"🌕\", \"🚶\"], word: \"MOON WALK\" },\r\n { emojis: [\"👃\", \"💍\"], word: \"NOSE RING\" },\r\n { emojis: [\"💧\", \"🍼\"], word: \"WATER BOTTLE\" },\r\n { emojis: [\"🛎\", \"👦\"], word: \"BELLBOY\" },\r\n { emojis: [\"☀️\", \"🌻\"], word: \"SUNFLOWER\" },\r\n { emojis: [\"🍌\", \"🚤\"], word: \"BANANA BOAT\" },\r\n { emojis: [\"🌈\", \"🌊\"], word: \"RAINBOW\" },\r\n { emojis: [\"🍫\", \"🥛\"], word: \"CHOCOLATE MILK\" },\r\n { emojis: [\"🍋\", \"🍵\"], word: \"LEMON TEA\" },\r\n { emojis: [\"👶\", \"🍼\"], word: \"BABY BOTTLE\" },\r\n { emojis: [\"🏈\", \"🏠\"], word: \"FOOTBALL\" },\r\n { emojis: [\"🎄\", \"🎁\"], word: \"CHRISTMAS\" },\r\n { emojis: [\"🔑\", \"💍\"], word: \"KEYRING\" },\r\n { emojis: [\"🍎\", \"📺\"], word: \"APPLE TV\" },\r\n { emojis: [\"🐂\", \"🐃\"], word: \"REDBULL\" },\r\n { emojis: [\"✉️\", \"📬\"], word: \"MAIL BOX\" },\r\n { emojis: [\"📰\", \"👦\"], word: \"PAPERBOY\" },\r\n { emojis: [\"🕷️\", \"👨\"], word: \"SPIDERMAN\" },\r\n { emojis: [\"🍅\", \"🍜\"], word: \"TOMATO SOUP\" },\r\n { emojis: [\"💣\", \"🐚\"], word: \"BOMBSHELL\" },\r\n { emojis: [\"🍵\", \"⏰\"], word: \"TEATIME\" },\r\n { emojis: [\"💍\", \"👂\"], word: \"EARRING\" },\r\n { emojis: [\"💵\", \"🐄\"], word: \"CASH COW\" },\r\n { emojis: [\"📘\", \"👤\"], word: \"FACEBOOK\" },\r\n { emojis: [\"💍\", \"💒\"], word: \"WEDDING RING\" },\r\n { emojis: [\"☀️\", \"🌄\"], word: \"SUNLIGHT\" },\r\n { emojis: [\"🐻\", \"🍇\"], word: \"BEAR FRUIT\" },\r\n { emojis: [\"❤️\", \"🔼\"], word: \"LOVE TRIANGLE\" },\r\n { emojis: [\"📱\", \"🍏\"], word: \"IPHONE\" },\r\n { emojis: [\"🍔\", \"👑\"], word: \"BURGER KING\" },\r\n { emojis: [\"🎵\", \"📹\"], word: \"MUSIC VIDEO\" },\r\n { emojis: [\"🚗\", \"🚿\"], word: \"CAR WASH\" },\r\n { emojis: [\"🚽\", \"🧻\"], word: \"TOILET PAPER\" },\r\n { emojis: [\"👂\", \"💍\"], word: \"EARDRUM\" },\r\n { emojis: [\"💨\", \"🎸\"], word: \"AIR GUITAR\" },\r\n { emojis: [\"🔥\", \"🚨\"], word: \"FIRE ALARM\" },\r\n { emojis: [\"🍋\", \"🍰\"], word: \"LEMON CAKE\" },\r\n { emojis: [\"💌\", \"📝\"], word: \"LOVE LETTER\" },\r\n { emojis: [\"🐚\", \"🐴\"], word: \"SEAHORSE\" },\r\n { emojis: [\"🚪\", \"👨\"], word: \"DOORMAN\" },\r\n { emojis: [\"🍷\", \"⚪\"], word: \"WHITE WINE\" },\r\n { emojis: [\"🎮\", \"👦\"], word: \"GAMEBOY\" },\r\n { emojis: [\"🎀\", \"👔\"], word: \"BOW TIE\" },\r\n { emojis: [\"😺\", \"👩\"], word: \"CATWOMAN\" },\r\n { emojis: [\"💦\", \"🔫\"], word: \"WATER GUN\" },\r\n { emojis: [\"🍫\", \"🥛\"], word: \"MILK CHOCOLATE\" },\r\n { emojis: [\"🚗\", \"🚪\"], word: \"CAR DOOR\" },\r\n { emojis: [\"🚿\", \"👐\"], word: \"WASH HANDS\" },\r\n { emojis: [\"🎵\", \"📦\"], word: \"MUSIC BOX\" },\r\n { emojis: [\"🎂\", \"🎉\", \"🎈\"], word: \"BIRTHDAY PARTY\" },\r\n { emojis: [\"⚫\", \"🐦\"], word: \"BLACKBIRD\" },\r\n { emojis: [\"👻\", \"🎥\"], word: \"SCARY MOVIE\" },\r\n { emojis: [\"✈️\", \"🎫\"], word: \"AIRLINE TICKET\" },\r\n { emojis: [\"🍁\", \"🐖\"], word: \"CANADIAN BACON\" },\r\n { emojis: [\"🐍\", \"👢\"], word: \"SNAKESKIN BOOTS\" },\r\n { emojis: [\"⭐\", \"🖖\"], word: \"STAR TREK\" },\r\n { emojis: [\"🍺\", \"💡\"], word: \"BUDLIGHT\" },\r\n { emojis: [\"📞\", \"📚\"], word: \"PHONE BOOK\" },\r\n { emojis: [\"💎\", \"💉\"], word: \"BLOOD DIAMOND\" },\r\n { emojis: [\"💤\", \"💊\"], word: \"SLEEPING PILL\" },\r\n { emojis: [\"🌙\", \"🦉\"], word: \"NIGHT OWL\" },\r\n { emojis: [\"👪\", \"👔\"], word: \"FAMILY TIE\" },\r\n { emojis: [\"⏰\", \"⬆️\"], word: \"TIME UP\" },\r\n { emojis: [\"👼\", \"🍰\"], word: \"ANGEL CAKE\" },\r\n { emojis: [\"✈️\", \"🇫🇷\"], word: \"AIR FRANCE\" },\r\n { emojis: [\"🔥\", \"🚗\"], word: \"BURN OUT\" },\r\n { emojis: [\"🌭\", \"🐕\"], word: \"HOT DOG\" },\r\n { emojis: [\"⚽\", \"👦\"], word: \"BALL BOY\" },\r\n { emojis: [\"🚫\", \"📡\"], word: \"NO SIGNAL\" },\r\n { emojis: [\"🐚\", \"🍤\"], word: \"SHELLFISH\" },\r\n { emojis: [\"💃\", \"🕺\"], word: \"BALLROOM\" },\r\n { emojis: [\"🍕\", \"🏠\"], word: \"PIZZA HUT\" },\r\n { emojis: [\"🌽\", \"🐕\"], word: \"CORN DOG\" },\r\n { emojis: [\"🔵\", \"🌕\"], word: \"BLUE MOON\" },\r\n { emojis: [\"☕\", \"⏸️\"], word: \"COFFEE BREAK\" },\r\n { emojis: [\"👰\", \"🤵\"], word: \"WEDDING DAY\" },\r\n { emojis: [\"🥠\", \"🥠\"], word: \"FORTUNE COOKIE\" },\r\n { emojis: [\"😢\", \"👶\"], word: \"CRY BABY\" },\r\n { emojis: [\"🐝\", \"🍯\"], word: \"HONEY BEE\" },\r\n { emojis: [\"🎨\", \"🔫\"], word: \"PAINTBALL\" },\r\n { emojis: [\"💦\", \"👦\"], word: \"WATER BOY\" },\r\n { emojis: [\"🌴\", \"🌴\"], word: \"PALM TREE\" },\r\n { emojis: [\"🍫\", \"🎂\"], word: \"CHOCOLATE CAKE\" },\r\n { emojis: [\"😾\", \"🤼\"], word: \"CATFIGHT\" },\r\n { emojis: [\"🍒\", \"🔴\"], word: \"CHERRY RED\" },\r\n { emojis: [\"❄️\", \"🦃\"], word: \"COLD TURKEY\" },\r\n { emojis: [\"📱\", \"💻\"], word: \"IPAD\" },\r\n { emojis: [\"🍋\", \"🐔\"], word: \"LEMON CHICKEN\" },\r\n { emojis: [\"🌍\", \"🐛\"], word: \"EARTHWORM\" },\r\n { emojis: [\"🚀\", \"🏕️\"], word: \"SPACE CAMP\" },\r\n { emojis: [\"🎬\", \"⭐\"], word: \"MOVIE STAR\" },\r\n { emojis: [\"🚌\", \"🛑\"], word: \"BUS STOP\" },\r\n { emojis: [\"🌧️\", \"👢\"], word: \"RAIN BOOT\" },\r\n { emojis: [\"📰\", \"📰\"], word: \"NEWSPAPER\" },\r\n { emojis: [\"🔊\", \"🌊\"], word: \"SOUND WAVE\" },\r\n { emojis: [\"📮\", \"📤\"], word: \"REDBOX\" },\r\n { emojis: [\"7️⃣\", \"🆙\"], word: \"SEVEN UP\" },\r\n { emojis: [\"🍹\", \"🎉\"], word: \"COCKTAIL PARTY\" },\r\n { emojis: [\"💚\", \"🐝\"], word: \"GREEN HORNET\" },\r\n { emojis: [\"🚽\", \"😂\"], word: \"TOILET HUMOR\" },\r\n { emojis: [\"👨\", \"⏰\"], word: \"FATHER TIME\" },\r\n { emojis: [\"🐖\", \"🏦\"], word: \"PIGGY BANK\" },\r\n { emojis: [\"🈵\", \"🕑\"], word: \"CHINATOWN\" },\r\n { emojis: [\"🪒\", \"🍬\"], word: \"ROCK CANDY\" },\r\n { emojis: [\"🚀\", \"🚀\"], word: \"SPACESHIP\" },\r\n { emojis: [\"💍\", \"💎\"], word: \"BEJEWELED\" },\r\n { emojis: [\"📚\", \"🐛\"], word: \"BOOK WORM\" },\r\n { emojis: [\"📸\", \"🏁\"], word: \"PHOTO FINISH\" },\r\n { emojis: [\"👻\", \"🏠\"], word: \"HAUNTED HOUSE\" },\r\n { emojis: [\"📍\", \"👤\"], word: \"PINHEAD\" },\r\n { emojis: [\"⚪\", \"🍚\"], word: \"WHITE RICE\" },\r\n { emojis: [\"📱\", \"💭\"], word: \"ICLOUD\" },\r\n { emojis: [\"🌧️\", \"✅\"], word: \"RAIN CHECK\" },\r\n { emojis: [\"📸\", \"💣\"], word: \"PHOTOBOMB\" },\r\n { emojis: [\"☕\", \"🥛\"], word: \"COFFEE MATE\" },\r\n { emojis: [\"🥇\", \"❤️\"], word: \"FIRST LOVE\" },\r\n { emojis: [\"📚\", \"🎒\"], word: \"BOOK BAG\" },\r\n { emojis: [\"🍇\", \"🥊\"], word: \"FRUIT PUNCH\" },\r\n { emojis: [\"💔\", \"😷\"], word: \"LOVESICK\" },\r\n { emojis: [\"🔧\", \"🧰\"], word: \"TOOLBOX\" },\r\n { emojis: [\"💪\", \"🏹\"], word: \"STRONGBOW\" },\r\n { emojis: [\"🎸\", \"🔌\"], word: \"ELECTRIC GUITAR\" },\r\n { emojis: [\"💍\", \"🍰\"], word: \"WEDDING CAKE\" },\r\n { emojis: [\"🥋\", \"👊\"], word: \"FIGHT CLUB\" },\r\n { emojis: [\"🖋️\", \"📬\"], word: \"PENPALS\" },\r\n { emojis: [\"🥔\", \"👤\"], word: \"POTATO HEAD\" },\r\n { emojis: [\"🎤\", \"⭐\"], word: \"POP STAR\" },\r\n // Add more combinations as needed\r\n];\r\n\r\nlet currentCombinationIndex;\r\n\r\nfunction startGame() {\r\n currentCombinationIndex = -1; // Initialize to -1 to start with the first combination\r\n showNextCombination();\r\n}\r\n\r\nfunction showNextCombination() {\r\n const userGuessEl = document.getElementById('guess-input');\r\n currentCombinationIndex = (currentCombinationIndex + 1) % emojiCombinations.length;\r\n const currentCombination = emojiCombinations[currentCombinationIndex];\r\n displayEmojis(currentCombination.emojis);\r\n userGuessEl.value = '';\r\n // userGuessEl.focus()\r\n document.getElementById('result').innerHTML = '';\r\n}\r\n\r\nfunction displayEmojis(emojis) {\r\n document.getElementById('emojis').innerHTML = emojis.join(' + ');\r\n}\r\n\r\nfunction checkGuess() {\r\n const userGuessEl = document.getElementById('guess-input');\r\n const userGuess = document.getElementById('guess-input').value.toLowerCase();\r\n const currentCombination = emojiCombinations[currentCombinationIndex];\r\n\r\n if (userGuess === currentCombination.word) {\r\n document.getElementById('result').innerHTML = 'Congratulations! You guessed the word!';\r\n setTimeout(() => showNextCombination(), 1000); // Wait for 2 seconds before showing the next question\r\n } else {\r\n document.getElementById('result').innerHTML = 'Incorrect guess. Try again!';\r\n userGuessEl.value = ''\r\n // userGuess.focus()\r\n }\r\n}\r\n\r\nstartGame() ","user_id":"4529d7ae-0865-47e6-850e-f9cbf1ed7d3c","project_key":"79Icic","description":"Emoji Cypher","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":false,"materialicons":false,"googlefonts":false,"bulma":false},"js":{"animejs":false,"gsap":false,"motionone":false,"threejs":false,"velocity":false,"popmotion":false,"scrollreveal":false}}],"public":true,"config":{"tags": [], "babelActive": false, "cssProcessor": false, "userImportedJS": [], "typescriptActive": false},"tags":[],"hide_js":false,"hide_css":false,"messages":[],"view":[{"views":479}],"profiles":{"username":"abdulmumin"}}]