{"id":1195,"date":"2024-04-07T14:09:26","date_gmt":"2024-04-07T13:09:26","guid":{"rendered":"https:\/\/renebote.de\/?page_id=1195"},"modified":"2024-04-07T14:09:26","modified_gmt":"2024-04-07T13:09:26","slug":"angebrannt","status":"publish","type":"page","link":"https:\/\/renebote.de\/?page_id=1195","title":{"rendered":"Angebrannt!"},"content":{"rendered":"\n<div class=\"mainContainer\">\n    <div class=\"gamepartContainer\">\n        <h2>\n            Angebrannt!\n        <\/h2>\n    <\/div>\n\n    <div class=\"gamepartContainer\">\n        <p>\n            Pauline ist gerade von der Schule nach Hause gekommen. Zum Mittagessen hat sie sich ein Spiegelei in die Pfanne geschlagen und w\u00e4hrend das Ei br\u00e4t, schon mal mit den Deutsch-Hausaufgaben\n            angefangen. Doch die Aufgabe ist kniffelig, und wenn Pauline nicht aufpasst, wird ihr in der Zwischenzeit das Spiegelei verbrennen.<br \/>\n            <br \/>\n            Hilf Pauline, das richtige L\u00f6sungswort zu finden, ehe ihr Spiegelei vollends verbrannt ist!\n        <\/p>\n    <\/div>\n\n    <div class=\"gamepartContainer\">\n        <img decoding=\"async\" class=\"gameImage\" src=\"https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/egg0.webp\" \/>\n    <\/div>\n\n    <div class=\"gamepartContainer\">\n        <div class=\"game-box\">\n            <ul class=\"word-display\">\n            <\/ul>\n\n            <p id=\"guessCount\" class=\"guesses-text\">\n                Ung\u00fcltige Versuche:\n            <\/p>\n\n            <div class=\"keyboard\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"container1\">\n    <div class=\"game-modal\">\n        <div class=\"content\">\n            <img decoding=\"async\" id=\"resultimg\" src=\"#\" alt=\"gif\" name=\"resultimg\" \/>\n            <h3 id=\"resulttitle\">\n            <\/h3>\n\n            <p id=\"resulttext\">\n            <\/p>\n            <button class=\"play-again gameCursor\">Neues Spiel<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\n\n\tvar wordList=[\"Spiegelei\", \"Schneebesen\", \"Backblech\", \"Kochtopf\", \"Puderzucker\", \"Umluftherd\", \"Ausstechform\", \"Nudelholz\", \"Backpapier\", \"Knethaken\", \"Backofen\", \"Eischnee\", \"Pizzaschneider\", \"vegetarisch\", \"Kartoffelsuppe\", \"Bohneneintopf\", \"Sternchennudeln\", \"Pilzgericht\", \"Wasserkocher\", \"Erdbeermarmelade\", \"Buttermesser\", \"Fischbesteck\", \"Serviette\", \"Salzstreuer\", \"Bienenhonig\", \"abwaschen\", \"Milchkanne\", \"Kondensmilch\", \"Rosinenstuten\", \"Apfelstrudel\", \"Marmorkuchen\", \"Suppenkelle\", \"Servierwagen\", \"Sauciere\", \"vorheizen\", \"Schneidbrett\", \"Anrichte\", \"Geschirrschrank\", \"Teigfladen\", \"Rosmarin\", \"Schwarzwurzel\", \"Sellerie\", \"Petersilie\", \"Johannisbeeren\", \"Kaffeesahne\", \"anbraten\", \"verquirlen\", \"Topfschwamm\", \"filetieren\", \"schmackhaft\", \"Meerrettich\", \"Butterbrot\", \"Schinkenscheibe\"];\n\n\tconst wordDisplay = document.querySelector(\".word-display\");\n\tconst guessesText = document.getElementById(\"guessCount\");\n\tconst keyboardDiv = document.querySelector(\".keyboard\");\n\tconst gameImage = document.querySelector(\".gameImage\");\n\tconst gameModal = document.querySelector(\".game-modal\");\n\tconst playAgainBtn = gameModal.querySelector(\"button\");\n\n\t\/\/ Links auf die Spiegelei-Bilder\n\t var eggPics = [\n\t\t\t\"https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/egg0.webp\",\n\t\t\t\"https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/egg1.webp\",\n\t\t\t\"https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/egg2.webp\",\n\t\t\t\"https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/egg3.webp\",\n\t\t\t\"https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/egg4.webp\",\n\t\t\t\"https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/egg5.webp\",\n\t\t\t\"https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/egg6.webp\"\n\t ];\n\n\t\/\/ Initializing game variables\n\tlet currentWord, originalWord, correctLetters, wrongGuessCount;\n\tvar maxGuesses = 6;\n\n\tfunction resetGame () {\n\t\t\/\/ Spiel-Variablen und Ansicht zur\u00fccksetzen\n\t\tcorrectLetters = [];\n\t\twrongGuessCount = 0;\n\t\tgameImage.src = eggPics[wrongGuessCount];\n\t\tguessesText.innerHTML = `Ung\u00fcltige Versuche: <span style=\"color: red; font-weight: bold\">${wrongGuessCount} \/ ${maxGuesses}<\\\/span>`;\n\t\twordDisplay.innerHTML = currentWord.split(\"\").map(() => `<li class=\"letter\"><\\\/li>`).join(\"\");\n\t\tkeyboardDiv.querySelectorAll(\"button\").forEach(btn => btn.disabled = false);\n\t\tkeyboardDiv.querySelectorAll(\"button\").forEach(btn => btn.style.background = \"rgb(1, 252, 255)\");\n\t\t\tdocument.getElementById('resultimg').src = '#';\n\t\tgameModal.classList.remove(\"show\");\n\t}\n\n\tfunction getRandomWord () {\n\t\t\/\/ Zuf\u00e4lliges Wort aus der Liste ausw\u00e4hlen\n\t\t\toriginalWord = wordList[Math.floor(Math.random() * wordList.length)];\n\t\t\tcurrentWord = originalWord.toLowerCase();\n\t\tresetGame();\n\t}\n\n\tfunction gameOver (isVictory) {\n\t\t\/\/ Nach Spielende Ergebnis anzeigen\n\t\tvar modalText = isVictory ? 'Du hast das Wort gefunden:' : 'Das richtige Wort lautet:';\n\t\t\tdocument.getElementById('resultimg').src = isVictory ? 'https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/Win.gif' : 'https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/Lose.gif';\n\t\t\tdocument.getElementById('resulttitle').innerText = isVictory ? 'Gl\u00fcckwunsch!' : 'Leider verloren!';\n\t\t\tdocument.getElementById('resulttext').innerHTML = `${modalText} <b>${originalWord}<\\\/b>`;\n\t\tgameModal.classList.add(\"show\");\n\t}\n\n\tfunction initGame (button, clickedLetter) {\n\t\t\/\/ Checking if clickedLetter is exist on the currentWord\n\t\tif(currentWord.includes(clickedLetter)) {\n\t\t\t\/\/ Showing all correct letters on the word display\n\t\t\t[...currentWord].forEach((letter, index) => {\n\t\t\t\tif(letter === clickedLetter) {\n\t\t\t\t\tcorrectLetters.push(letter);\n\t\t\t\t\twordDisplay.querySelectorAll(\"li\")[index].innerText = letter;\n\t\t\t\t\twordDisplay.querySelectorAll(\"li\")[index].classList.add(\"guessed\");\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\t\/\/ Falscher Buchstabe: Z\u00e4hler hochsetzen und Bild anpassen\n\t\t\twrongGuessCount++;\n\t\t\t\t\tgameImage.src = eggPics[wrongGuessCount];\n\t\t}\n\t\t\t\/\/ Button sperren\n\t\tbutton.disabled = true;\n\t\tbutton.style.background = \"lightgrey\"\n\t\t\t\/\/ Anzeige der Fehlversuche aktualisieren\n\t\tguessesText.innerHTML = `Ung\u00fcltige Versuche: <span style=\"color: red; font-weight: bold\">${wrongGuessCount} \/ ${maxGuesses}<\\\/span>`;\n\t\t\/\/ Spielergebnis anzeigen, wenn entweder das Wort vollst\u00e4ndig erraten oder aber die maximale Anzahl Fehlversuche erreicht wurde\n\t\tif(wrongGuessCount === maxGuesses) gameOver(false);\n\t\tif(correctLetters.length === currentWord.length) gameOver(true);\n\t}\n\t\t\n\tvar cssText = '.mainContainer \\{ width: 100%;display; flex;flex-direction: column;justify-content: center;padding: 10px; \\} .gamepartContainer \\{ width: calc(100% - 20px); display: flex;flex-direction: row;justify-content: center; \\} .gamepartContainer p \\{ margin-left: 20px;margin-right: 20px;text-align: center; \\} .gameImage \\{ max-width: 300px;margin-bottom: 20px;\\}  .gameCursor \\{ cursor:url(\\'https:\/\/renebote.de\/wp-content\/uploads\/2024\/04\/cursor.png\\'), pointer; \\} .letterButton \\{ background-color: rgb(1, 252, 255);color: white;border: 1px solid rgb(1, 211, 211);padding: 7px;width: calc(100% \/ 9 - 5px);min-width: 35px;font-size: 1rem;font-weight: 600;border-radius: 4px;text-transform: uppercase; \\} .letterbutton[disabled] \\{ pointer-events: none;background-color: lightgrey; \\} :where(.keyboard) button:hover \\{background-color: rgb(1, 211, 211);\\} .play-again \\{ color: white;background-color: rgb(1, 252, 255); border: none;font-size: 1rem;font-weight: 600;border-radius: 4px;text-transform: uppercase;padding: 12px 23px; \\} .container1 \\{ width: 90%; margin: auto; display; flex;padding: 0 10px;align-items: center;justify-content: center; \\} .game-box .word-display \\{ margin-left: -40px;gap: 10px;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center; \\} .word-display .letter \\{ width: 28px;font-size: 2rem;text-align: center;font-weight: 600;margin-bottom: 40px;text-transform: uppercase;border-bottom: 3px solid #000; \\} .word-display .letter.guessed \\{ margin: -40px 0 35px;border-color: transparent; \\} .game-box h4 \\{ text-align: center;font-size: 1.1rem;font-weight: 500;margin-bottom: 15px; \\} .game-box .keyboard \\{ display: flex;gap: 5px;flex-wrap: wrap;margin-top: 40px;justify-content: center; \\} .game-modal \\{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;background: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;z-index: 9999;transition: opacity 0.4s ease; \\} .game-modal.show \\{ opacity: 1;pointer-events: auto;transition: opacity 0.4s 0.4s ease; \\} .game-modal .content \\{ position: absolute;top: 20;padding: 30px;max-width: 420px;width: 100%;border-radius: 10px;background: #fff;text-align: center;box-shadow: 0 10px 20px rgba(0,0,0,0.1); \\} .game-modal img \\{ max-width: 130px;margin-bottom: 20px; \\} .game-modal p \\{ font-size: 1.15rem;margin: 15px 0 30px;font-weight: 500; \\} .game-modal p b \\{ color: rgb(1, 252, 255);font-weight: 600; \\}'\n\n\tfunction loadStyles() { \n\t\tvar head = document.getElementsByTagName('head')[0];\n\t\tvar s = document.createElement('style');\n\t\ts.setAttribute('type', 'text\/css');\n\t\tif (s.styleSheet) {   \/\/ IE\n\t\t\ts.styleSheet.cssText = cssText;\n\t\t} else {                \/\/ the world\n\t\t\ts.appendChild(document.createTextNode(cssText));\n\t\t}\n\t\thead.appendChild(s);\n\t}\n\n\t\/\/ \"Tastatur\" erstellen und Eventhandler hinzuf\u00fcgen\n\tfor (let i = 97; i <= 122; i++) {\n\t\tvar button = document.createElement(\"button\");\n\t\tbutton.innerText = String.fromCharCode(i);\n\t\t\tbutton.classList.add('letterButton');\n\t\t\tbutton.classList.add('gameCursor');\n\t\tkeyboardDiv.appendChild(button);\n\t\tbutton.addEventListener(\"click\", (e) => initGame(e.target, String.fromCharCode(i)));\n\t}\n\n\tloadStyles();\n\tgetRandomWord();\n\tplayAgainBtn.addEventListener(\"click\", getRandomWord);\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Angebrannt! Pauline ist gerade von der Schule nach Hause gekommen. Zum Mittagessen hat sie sich ein Spiegelei in die Pfanne geschlagen und w\u00e4hrend das Ei br\u00e4t, schon mal mit den Deutsch-Hausaufgaben angefangen. Doch die Aufgabe ist kniffelig, und wenn Pauline nicht aufpasst, wird ihr in der Zwischenzeit das Spiegelei verbrennen. Hilf Pauline, das richtige L\u00f6sungswort [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1195","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/renebote.de\/index.php?rest_route=\/wp\/v2\/pages\/1195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/renebote.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/renebote.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/renebote.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/renebote.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1195"}],"version-history":[{"count":1,"href":"https:\/\/renebote.de\/index.php?rest_route=\/wp\/v2\/pages\/1195\/revisions"}],"predecessor-version":[{"id":1196,"href":"https:\/\/renebote.de\/index.php?rest_route=\/wp\/v2\/pages\/1195\/revisions\/1196"}],"wp:attachment":[{"href":"https:\/\/renebote.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}