Test s\u0142\u00f3wek \u2013 Negatywne przymiotniki<\/title>\r\n<style>\r\nbody {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: background 1s ease, opacity 0.5s ease;\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n.quiz-container, .list-test-container {\r\n max-width: 600px;\r\n width: 100%;\r\n background: rgba(255,255,255,0.95);\r\n padding: 30px;\r\n border-radius: 15px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.3);\r\n text-align: center;\r\n position: relative;\r\n}\r\nh1 { font-size: 1.6em; margin-bottom: 10px; margin-top: 20px; color: #333; }\r\n#progress { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }\r\n.question { font-size: 1em; margin-bottom: 6px; color: #555; }\r\n.word { font-size: 1.6em; font-weight: bold; margin-bottom: 10px; color: #222; }\r\n\r\n#answer {\r\n width: 100%;\r\n padding: 0 15px;\r\n font-size: 1em;\r\n border: 2px solid #ccc;\r\n border-radius: 8px;\r\n margin-bottom: 5px;\r\n height: 42px;\r\n outline: none;\r\n transition: border-color 0.3s, background 0.3s;\r\n box-sizing: border-box;\r\n color: black;\r\n}\r\n#answer.correct { border-color: green; background: #e6ffe6; color: black; }\r\n#answer.incorrect { border-color: red; background: #ffe6e6; color: black; animation: flashRed 0.5s ease 2; }\r\n@keyframes flashRed {\r\n 0% { border-color: red; background-color: #ffe6e6; }\r\n 50% { border-color: darkred; background-color: #ffcfcf; }\r\n 100% { border-color: red; background-color: #ffe6e6; }\r\n}\r\n\r\n#correct-answer-box {\r\n border: 2px solid green;\r\n border-radius: 8px;\r\n padding: 0 15px;\r\n font-size: 1.1em;\r\n color: #000;\r\n height: 42px;\r\n line-height: 42px;\r\n margin-bottom: 10px;\r\n visibility: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: repeating-linear-gradient(45deg, #eaffea, #eaffea 10px, #ffffff 10px, #ffffff 20px);\r\n}\r\n#repeat-note { font-size: 0.8em; color: #333; user-select: none; margin-left: 10px; }\r\n\r\nbutton {\r\n padding: 12px 25px;\r\n font-size: 1em;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n margin: 5px 0;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n transition: background 0.3s;\r\n}\r\n#submit-btn { display: block; width: 100%; margin: 5px 0 10px 0; background: #007bff; color: white; border: none; padding: 12px 0; border-radius: 8px; cursor: pointer; }\r\n#submit-btn:hover { background: #0056b3; }\r\n#next-btn { background: white; color: black; border: 2px solid black; display:none; }\r\n#repeat-btn { background: white; color: #007bff; border: 2px solid #007bff; display:none; }\r\n\r\n#speed-control { margin: 10px 0 20px 0; text-align: center; }\r\n\r\n#toggle-voice-btn, #mode-btn, #go-stage2-btn {\r\n padding: 8px 15px;\r\n border-radius: 8px;\r\n font-weight: bold;\r\n font-size: 0.9em;\r\n cursor: pointer;\r\n box-shadow: 0 3px 6px rgba(0,0,0,0.2);\r\n transition: background 0.3s, color 0.2s;\r\n margin: 5px;\r\n}\r\n\r\n#toggle-voice-btn {\r\n background: #f8f9fa;\r\n border: 2px solid #007bff;\r\n color: #007bff;\r\n}\r\n#toggle-voice-btn:hover { background: #007bff; color: white; }\r\n\r\n#mode-btn {\r\n background: #f8f9fa;\r\n border: 2px solid #28a745;\r\n color: #28a745;\r\n}\r\n#mode-btn.random {\r\n border-color: #ff9800;\r\n color: #ff9800;\r\n}\r\n#mode-btn:hover { background: #28a745; color: white; }\r\n#mode-btn.random:hover { background: #ff9800; color: white; }\r\n\r\n#go-stage2-btn {\r\n background: #17a2b8;\r\n color: white;\r\n border: none;\r\n}\r\n#go-stage2-btn:hover { background: #138496; }\r\n\r\n.list-test-container { \r\n display: none; \r\n max-width: 90vw; \r\n width: 100%;\r\n}\r\n.list-test-container form div {\r\n margin: 10px 0;\r\n padding: 10px 15px;\r\n border-radius: 10px;\r\n background: #f9f9f9;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n.list-test-container input[type=\"text\"] {\r\n width: 100%;\r\n max-width: 250px;\r\n padding: 1px 10px;\r\n border-radius: 6px;\r\n border: 2px solid #ccc;\r\n box-sizing: border-box;\r\n background: white;\r\n color: black;\r\n}\r\n\r\n\/* pod\u015bwietlenie odpowiedzi w te\u015bcie ko\u0144cowym *\/\r\n.list-test-container input.correct {\r\n background-color: #d4edda;\r\n border-color: #28a745;\r\n color: black;\r\n}\r\n.list-test-container input.incorrect {\r\n background-color: #f8d7da;\r\n border-color: #dc3545;\r\n color: black;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .list-test-container form div {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .list-test-container label {\r\n text-align: left;\r\n width: 100%;\r\n }\r\n .list-test-container input[type=\"text\"] {\r\n width: 100%;\r\n }\r\n}\r\n@media (max-width: 600px) {\r\n body {\r\n align-items: flex-start;\r\n padding-top: 20px;\r\n height: auto;\r\n }\r\n .quiz-container {\r\n width: 95%;\r\n padding: 20px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"quiz-container\" id=\"quiz-container\">\r\n <h1>Artyku\u0142. 35 \/ Cz.6<\/h1>\r\n <div id=\"progress\"><\/div>\r\n <div class=\"question\">Przet\u0142umacz:<\/div>\r\n <div class=\"word\" id=\"question\"><\/div>\r\n <input type=\"text\" id=\"answer\" placeholder=\"Wpisz t\u0142umaczenie...\">\r\n <button id=\"submit-btn\">Sprawd\u017a<\/button>\r\n <div id=\"correct-answer-box\">\r\n <span id=\"correct-text\"><\/span>\r\n <span id=\"repeat-note\">Enter = powt\u00f3rz lektora<\/span>\r\n <\/div>\r\n <button id=\"repeat-btn\">Powt\u00f3rz lektora<\/button>\r\n <button id=\"next-btn\">Dalej<\/button>\r\n\r\n <div id=\"speed-control\">\r\n <label for=\"speedRange\">Pr\u0119dko\u015b\u0107 wymowy: <span id=\"speedValue\">0.7<\/span><\/label><br>\r\n <input type=\"range\" id=\"speedRange\" min=\"0.5\" max=\"2\" step=\"0.1\" value=\"0.7\">\r\n <\/div>\r\n\r\n <div id=\"top-buttons\" style=\"display:flex; justify-content:center;\">\r\n <button id=\"mode-btn\">Tryb po 1<\/button>\r\n <button id=\"toggle-voice-btn\">Wycisz<\/button>\r\n <button id=\"go-stage2-btn\">>><\/button>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"list-test-container\" id=\"list-test-container\">\r\n <h2 style=\"text-align:center; margin-bottom:20px; color:#333;\">Podaj t\u0142umaczenia wszystkich s\u0142\u00f3wek<\/h2>\r\n <form id=\"list-form\"><\/form>\r\n <div id=\"list-feedback\" style=\"margin:15px 0; font-weight:bold; font-size:1.1em;\"><\/div>\r\n <div style=\"display:flex; justify-content:center; gap:15px; flex-wrap:wrap;\">\r\n <button id=\"list-check-btn\" style=\"background:#28a745; color:white; border:none; border-radius:8px; padding:10px 20px; cursor:pointer;\">Sprawd\u017a<\/button>\r\n <button id=\"list-repeat-btn\" style=\"background:#ffc107; color:black; border:none; border-radius:8px; padding:10px 20px; cursor:pointer;\">Powt\u00f3rz test<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst words = [\r\n {pl:\"nara\u017cenie, ekspozycja\", en:\"exposure\", bg:\"linear-gradient(to right,#ffecd2,#fcb69f)\"},\r\n {pl:\"zniech\u0119cenie\", en:\"discouragement\", bg:\"linear-gradient(to right,#fbc2eb,#a6c1ee)\"},\r\n {pl:\"nadmierna pewno\u015b\u0107 siebie\", en:\"overconfidence\", bg:\"linear-gradient(to right,#f6d365,#fda085)\"},\r\n {pl:\"unikanie\", en:\"avoidance\", bg:\"linear-gradient(to right,#a1c4fd,#c2e9fb)\"}\r\n];\r\n\r\nfunction shuffle(arr){ return arr.sort(()=>Math.random()-0.5); }\r\n\r\nlet mainQueue = shuffle([...words]);\r\nlet currentQuestion = null;\r\nlet totalAttempts = 0;\r\nlet correctAnswers = 0;\r\nlet speechRate = 0.7;\r\nlet voiceEnabled = true;\r\nlet randomMode = false;\r\n\r\nconst questionEl = document.getElementById(\"question\");\r\nconst answerEl = document.getElementById(\"answer\");\r\nconst correctBox = document.getElementById(\"correct-answer-box\");\r\nconst correctText = document.getElementById(\"correct-text\");\r\nconst submitBtn = document.getElementById(\"submit-btn\");\r\nconst nextBtn = document.getElementById(\"next-btn\");\r\nconst repeatBtn = document.getElementById(\"repeat-btn\");\r\nconst progressEl = document.getElementById(\"progress\");\r\nconst speedRange = document.getElementById(\"speedRange\");\r\nconst speedValue = document.getElementById(\"speedValue\");\r\nconst toggleVoiceBtn = document.getElementById(\"toggle-voice-btn\");\r\nconst modeBtn = document.getElementById(\"mode-btn\");\r\nconst goStage2Btn = document.getElementById(\"go-stage2-btn\");\r\n\r\nconst listContainer = document.getElementById(\"list-test-container\");\r\nconst listForm = document.getElementById(\"list-form\");\r\nconst listFeedback = document.getElementById(\"list-feedback\");\r\nconst listCheckBtn = document.getElementById(\"list-check-btn\");\r\nconst listRepeatBtn = document.getElementById(\"list-repeat-btn\");\r\n\r\nspeedRange.addEventListener(\"input\",()=>{ speechRate=parseFloat(speedRange.value); speedValue.textContent=speechRate; });\r\ntoggleVoiceBtn.addEventListener(\"click\",()=>{ voiceEnabled=!voiceEnabled; toggleVoiceBtn.textContent=voiceEnabled?\"Wycisz\":\"W\u0142\u0105cz lektora\"; });\r\nmodeBtn.addEventListener(\"click\",()=>{\r\n randomMode=!randomMode;\r\n if(randomMode){ \r\n modeBtn.textContent=\"Tryb powt\u00f3rek: losowo (1\u20133)\";\r\n modeBtn.classList.add(\"random\");\r\n } else {\r\n modeBtn.textContent=\"Tryb powt\u00f3rek: po 1\";\r\n modeBtn.classList.remove(\"random\");\r\n }\r\n});\r\n\r\ngoStage2Btn.addEventListener(\"click\",()=>{ showListTest(); });\r\n\r\nfunction speak(word){ if(!voiceEnabled) return; const u=new SpeechSynthesisUtterance(word); u.lang=\"en-US\"; u.rate=speechRate; speechSynthesis.speak(u); }\r\n\r\nfunction loadQuestion(){\r\n listContainer.style.display='none';\r\n document.getElementById('quiz-container').style.display='block';\r\n answerEl.value=\"\";\r\n answerEl.className=\"\";\r\n answerEl.placeholder=\"Wpisz t\u0142umaczenie...\";\r\n nextBtn.style.display=\"none\";\r\n repeatBtn.style.display=\"none\";\r\n correctBox.style.visibility=\"hidden\";\r\n correctText.textContent=\"\";\r\n submitBtn.style.display=\"inline-block\";\r\n\r\n if(mainQueue.length===0){ showListTest(); return; }\r\n\r\n currentQuestion=mainQueue.shift();\r\n questionEl.textContent=currentQuestion.pl;\r\n document.body.style.background=currentQuestion.bg;\r\n progressEl.textContent=`Poprawnie: ${correctAnswers} \/ Wszystkie pr\u00f3by: ${totalAttempts}`;\r\n}\r\n\r\nfunction checkAnswer(){\r\n const userAnswer=answerEl.value.trim().toLowerCase();\r\n const correctAnswer=currentQuestion.en.toLowerCase();\r\n totalAttempts++;\r\n if(userAnswer===correctAnswer){\r\n correctAnswers++;\r\n answerEl.value = \"\";\r\n answerEl.placeholder = \"Prawda\";\r\n answerEl.className=\"correct\";\r\n speak(currentQuestion.en);\r\n setTimeout(loadQuestion,800);\r\n } else {\r\n answerEl.value = \"\";\r\n answerEl.placeholder = \"Fa\u0142sz\";\r\n answerEl.className=\"incorrect\";\r\n correctText.textContent=currentQuestion.en;\r\n correctBox.style.visibility=\"visible\";\r\n speak(currentQuestion.en);\r\n let position = randomMode? Math.floor(Math.random()*3)+1 : 1;\r\n position = Math.min(position, mainQueue.length);\r\n mainQueue.splice(position,0,currentQuestion);\r\n submitBtn.style.display=\"none\";\r\n repeatBtn.style.display=\"inline-block\";\r\n nextBtn.style.display=\"inline-block\";\r\n }\r\n progressEl.textContent=`Poprawnie: ${correctAnswers} \/ Wszystkie pr\u00f3by: ${totalAttempts}`;\r\n}\r\n\r\nrepeatBtn.addEventListener(\"click\",()=> speak(currentQuestion.en));\r\nanswerEl.addEventListener(\"keypress\",e=>{ if(e.key===\"Enter\"){ if(correctBox.style.visibility===\"visible\") speak(currentQuestion.en); else checkAnswer(); }});\r\nsubmitBtn.addEventListener(\"click\",checkAnswer);\r\nnextBtn.addEventListener(\"click\",loadQuestion);\r\n\r\nfunction showListTest(){\r\n document.getElementById('quiz-container').style.display='none';\r\n listContainer.style.display='block';\r\n listForm.innerHTML='';\r\n listFeedback.textContent='';\r\n words.forEach((w,i)=>{\r\n const div=document.createElement('div');\r\n div.innerHTML=`<label>${w.pl}: <\/label><input type=\"text\" data-index=\"${i}\">`;\r\n listForm.appendChild(div);\r\n });\r\n}\r\n\r\nlistCheckBtn.addEventListener('click',e=>{\r\n e.preventDefault();\r\n let correct=0;\r\n const inputs=listForm.querySelectorAll('input');\r\n inputs.forEach(input=>{\r\n const i=parseInt(input.dataset.index);\r\n const ans=input.value.trim().toLowerCase();\r\n input.classList.remove('correct','incorrect');\r\n if(ans===words[i].en.toLowerCase()){ input.classList.add('correct'); correct++; }\r\n else { input.classList.add('incorrect'); }\r\n });\r\n listFeedback.textContent=`Poprawnych odpowiedzi: ${correct} \/ ${words.length}`;\r\n});\r\n\r\nlistRepeatBtn.addEventListener('click',()=>{\r\n listContainer.style.display='none';\r\n document.getElementById('quiz-container').style.display='block';\r\n mainQueue=shuffle([...words]);\r\n totalAttempts=0;\r\n correctAnswers=0;\r\n loadQuestion();\r\n});\r\n\r\nloadQuestion();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Test s\u0142\u00f3wek \u2013 Negatywne przymiotniki Artyku\u0142. 35 \/ Cz.6 Przet\u0142umacz: Sprawd\u017a Enter = powt\u00f3rz lektora Powt\u00f3rz lektora Dalej Pr\u0119dko\u015b\u0107 wymowy: 0.7 Tryb po 1 Wycisz >> Podaj t\u0142umaczenia wszystkich s\u0142\u00f3wek Sprawd\u017a Powt\u00f3rz test<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-1550","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/1550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/comments?post=1550"}],"version-history":[{"count":4,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/1550\/revisions"}],"predecessor-version":[{"id":1555,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/1550\/revisions\/1555"}],"wp:attachment":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/media?parent=1550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nTest s\u0142\u00f3wek \u2013 Negatywne przymiotniki<\/title>\r\n<style>\r\nbody {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n height: 100vh;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: background 1s ease, opacity 0.5s ease;\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n.quiz-container, .list-test-container {\r\n max-width: 600px;\r\n width: 100%;\r\n background: rgba(255,255,255,0.95);\r\n padding: 30px;\r\n border-radius: 15px;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.3);\r\n text-align: center;\r\n position: relative;\r\n}\r\nh1 { font-size: 1.6em; margin-bottom: 10px; margin-top: 20px; color: #333; }\r\n#progress { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }\r\n.question { font-size: 1em; margin-bottom: 6px; color: #555; }\r\n.word { font-size: 1.6em; font-weight: bold; margin-bottom: 10px; color: #222; }\r\n\r\n#answer {\r\n width: 100%;\r\n padding: 0 15px;\r\n font-size: 1em;\r\n border: 2px solid #ccc;\r\n border-radius: 8px;\r\n margin-bottom: 5px;\r\n height: 42px;\r\n outline: none;\r\n transition: border-color 0.3s, background 0.3s;\r\n box-sizing: border-box;\r\n color: black;\r\n}\r\n#answer.correct { border-color: green; background: #e6ffe6; color: black; }\r\n#answer.incorrect { border-color: red; background: #ffe6e6; color: black; animation: flashRed 0.5s ease 2; }\r\n@keyframes flashRed {\r\n 0% { border-color: red; background-color: #ffe6e6; }\r\n 50% { border-color: darkred; background-color: #ffcfcf; }\r\n 100% { border-color: red; background-color: #ffe6e6; }\r\n}\r\n\r\n#correct-answer-box {\r\n border: 2px solid green;\r\n border-radius: 8px;\r\n padding: 0 15px;\r\n font-size: 1.1em;\r\n color: #000;\r\n height: 42px;\r\n line-height: 42px;\r\n margin-bottom: 10px;\r\n visibility: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: repeating-linear-gradient(45deg, #eaffea, #eaffea 10px, #ffffff 10px, #ffffff 20px);\r\n}\r\n#repeat-note { font-size: 0.8em; color: #333; user-select: none; margin-left: 10px; }\r\n\r\nbutton {\r\n padding: 12px 25px;\r\n font-size: 1em;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n margin: 5px 0;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n transition: background 0.3s;\r\n}\r\n#submit-btn { display: block; width: 100%; margin: 5px 0 10px 0; background: #007bff; color: white; border: none; padding: 12px 0; border-radius: 8px; cursor: pointer; }\r\n#submit-btn:hover { background: #0056b3; }\r\n#next-btn { background: white; color: black; border: 2px solid black; display:none; }\r\n#repeat-btn { background: white; color: #007bff; border: 2px solid #007bff; display:none; }\r\n\r\n#speed-control { margin: 10px 0 20px 0; text-align: center; }\r\n\r\n#toggle-voice-btn, #mode-btn, #go-stage2-btn {\r\n padding: 8px 15px;\r\n border-radius: 8px;\r\n font-weight: bold;\r\n font-size: 0.9em;\r\n cursor: pointer;\r\n box-shadow: 0 3px 6px rgba(0,0,0,0.2);\r\n transition: background 0.3s, color 0.2s;\r\n margin: 5px;\r\n}\r\n\r\n#toggle-voice-btn {\r\n background: #f8f9fa;\r\n border: 2px solid #007bff;\r\n color: #007bff;\r\n}\r\n#toggle-voice-btn:hover { background: #007bff; color: white; }\r\n\r\n#mode-btn {\r\n background: #f8f9fa;\r\n border: 2px solid #28a745;\r\n color: #28a745;\r\n}\r\n#mode-btn.random {\r\n border-color: #ff9800;\r\n color: #ff9800;\r\n}\r\n#mode-btn:hover { background: #28a745; color: white; }\r\n#mode-btn.random:hover { background: #ff9800; color: white; }\r\n\r\n#go-stage2-btn {\r\n background: #17a2b8;\r\n color: white;\r\n border: none;\r\n}\r\n#go-stage2-btn:hover { background: #138496; }\r\n\r\n.list-test-container { \r\n display: none; \r\n max-width: 90vw; \r\n width: 100%;\r\n}\r\n.list-test-container form div {\r\n margin: 10px 0;\r\n padding: 10px 15px;\r\n border-radius: 10px;\r\n background: #f9f9f9;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n.list-test-container input[type=\"text\"] {\r\n width: 100%;\r\n max-width: 250px;\r\n padding: 1px 10px;\r\n border-radius: 6px;\r\n border: 2px solid #ccc;\r\n box-sizing: border-box;\r\n background: white;\r\n color: black;\r\n}\r\n\r\n\/* pod\u015bwietlenie odpowiedzi w te\u015bcie ko\u0144cowym *\/\r\n.list-test-container input.correct {\r\n background-color: #d4edda;\r\n border-color: #28a745;\r\n color: black;\r\n}\r\n.list-test-container input.incorrect {\r\n background-color: #f8d7da;\r\n border-color: #dc3545;\r\n color: black;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .list-test-container form div {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .list-test-container label {\r\n text-align: left;\r\n width: 100%;\r\n }\r\n .list-test-container input[type=\"text\"] {\r\n width: 100%;\r\n }\r\n}\r\n@media (max-width: 600px) {\r\n body {\r\n align-items: flex-start;\r\n padding-top: 20px;\r\n height: auto;\r\n }\r\n .quiz-container {\r\n width: 95%;\r\n padding: 20px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"quiz-container\" id=\"quiz-container\">\r\n <h1>Artyku\u0142. 35 \/ Cz.6<\/h1>\r\n <div id=\"progress\"><\/div>\r\n <div class=\"question\">Przet\u0142umacz:<\/div>\r\n <div class=\"word\" id=\"question\"><\/div>\r\n <input type=\"text\" id=\"answer\" placeholder=\"Wpisz t\u0142umaczenie...\">\r\n <button id=\"submit-btn\">Sprawd\u017a<\/button>\r\n <div id=\"correct-answer-box\">\r\n <span id=\"correct-text\"><\/span>\r\n <span id=\"repeat-note\">Enter = powt\u00f3rz lektora<\/span>\r\n <\/div>\r\n <button id=\"repeat-btn\">Powt\u00f3rz lektora<\/button>\r\n <button id=\"next-btn\">Dalej<\/button>\r\n\r\n <div id=\"speed-control\">\r\n <label for=\"speedRange\">Pr\u0119dko\u015b\u0107 wymowy: <span id=\"speedValue\">0.7<\/span><\/label><br>\r\n <input type=\"range\" id=\"speedRange\" min=\"0.5\" max=\"2\" step=\"0.1\" value=\"0.7\">\r\n <\/div>\r\n\r\n <div id=\"top-buttons\" style=\"display:flex; justify-content:center;\">\r\n <button id=\"mode-btn\">Tryb po 1<\/button>\r\n <button id=\"toggle-voice-btn\">Wycisz<\/button>\r\n <button id=\"go-stage2-btn\">>><\/button>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<div class=\"list-test-container\" id=\"list-test-container\">\r\n <h2 style=\"text-align:center; margin-bottom:20px; color:#333;\">Podaj t\u0142umaczenia wszystkich s\u0142\u00f3wek<\/h2>\r\n <form id=\"list-form\"><\/form>\r\n <div id=\"list-feedback\" style=\"margin:15px 0; font-weight:bold; font-size:1.1em;\"><\/div>\r\n <div style=\"display:flex; justify-content:center; gap:15px; flex-wrap:wrap;\">\r\n <button id=\"list-check-btn\" style=\"background:#28a745; color:white; border:none; border-radius:8px; padding:10px 20px; cursor:pointer;\">Sprawd\u017a<\/button>\r\n <button id=\"list-repeat-btn\" style=\"background:#ffc107; color:black; border:none; border-radius:8px; padding:10px 20px; cursor:pointer;\">Powt\u00f3rz test<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst words = [\r\n {pl:\"nara\u017cenie, ekspozycja\", en:\"exposure\", bg:\"linear-gradient(to right,#ffecd2,#fcb69f)\"},\r\n {pl:\"zniech\u0119cenie\", en:\"discouragement\", bg:\"linear-gradient(to right,#fbc2eb,#a6c1ee)\"},\r\n {pl:\"nadmierna pewno\u015b\u0107 siebie\", en:\"overconfidence\", bg:\"linear-gradient(to right,#f6d365,#fda085)\"},\r\n {pl:\"unikanie\", en:\"avoidance\", bg:\"linear-gradient(to right,#a1c4fd,#c2e9fb)\"}\r\n];\r\n\r\nfunction shuffle(arr){ return arr.sort(()=>Math.random()-0.5); }\r\n\r\nlet mainQueue = shuffle([...words]);\r\nlet currentQuestion = null;\r\nlet totalAttempts = 0;\r\nlet correctAnswers = 0;\r\nlet speechRate = 0.7;\r\nlet voiceEnabled = true;\r\nlet randomMode = false;\r\n\r\nconst questionEl = document.getElementById(\"question\");\r\nconst answerEl = document.getElementById(\"answer\");\r\nconst correctBox = document.getElementById(\"correct-answer-box\");\r\nconst correctText = document.getElementById(\"correct-text\");\r\nconst submitBtn = document.getElementById(\"submit-btn\");\r\nconst nextBtn = document.getElementById(\"next-btn\");\r\nconst repeatBtn = document.getElementById(\"repeat-btn\");\r\nconst progressEl = document.getElementById(\"progress\");\r\nconst speedRange = document.getElementById(\"speedRange\");\r\nconst speedValue = document.getElementById(\"speedValue\");\r\nconst toggleVoiceBtn = document.getElementById(\"toggle-voice-btn\");\r\nconst modeBtn = document.getElementById(\"mode-btn\");\r\nconst goStage2Btn = document.getElementById(\"go-stage2-btn\");\r\n\r\nconst listContainer = document.getElementById(\"list-test-container\");\r\nconst listForm = document.getElementById(\"list-form\");\r\nconst listFeedback = document.getElementById(\"list-feedback\");\r\nconst listCheckBtn = document.getElementById(\"list-check-btn\");\r\nconst listRepeatBtn = document.getElementById(\"list-repeat-btn\");\r\n\r\nspeedRange.addEventListener(\"input\",()=>{ speechRate=parseFloat(speedRange.value); speedValue.textContent=speechRate; });\r\ntoggleVoiceBtn.addEventListener(\"click\",()=>{ voiceEnabled=!voiceEnabled; toggleVoiceBtn.textContent=voiceEnabled?\"Wycisz\":\"W\u0142\u0105cz lektora\"; });\r\nmodeBtn.addEventListener(\"click\",()=>{\r\n randomMode=!randomMode;\r\n if(randomMode){ \r\n modeBtn.textContent=\"Tryb powt\u00f3rek: losowo (1\u20133)\";\r\n modeBtn.classList.add(\"random\");\r\n } else {\r\n modeBtn.textContent=\"Tryb powt\u00f3rek: po 1\";\r\n modeBtn.classList.remove(\"random\");\r\n }\r\n});\r\n\r\ngoStage2Btn.addEventListener(\"click\",()=>{ showListTest(); });\r\n\r\nfunction speak(word){ if(!voiceEnabled) return; const u=new SpeechSynthesisUtterance(word); u.lang=\"en-US\"; u.rate=speechRate; speechSynthesis.speak(u); }\r\n\r\nfunction loadQuestion(){\r\n listContainer.style.display='none';\r\n document.getElementById('quiz-container').style.display='block';\r\n answerEl.value=\"\";\r\n answerEl.className=\"\";\r\n answerEl.placeholder=\"Wpisz t\u0142umaczenie...\";\r\n nextBtn.style.display=\"none\";\r\n repeatBtn.style.display=\"none\";\r\n correctBox.style.visibility=\"hidden\";\r\n correctText.textContent=\"\";\r\n submitBtn.style.display=\"inline-block\";\r\n\r\n if(mainQueue.length===0){ showListTest(); return; }\r\n\r\n currentQuestion=mainQueue.shift();\r\n questionEl.textContent=currentQuestion.pl;\r\n document.body.style.background=currentQuestion.bg;\r\n progressEl.textContent=`Poprawnie: ${correctAnswers} \/ Wszystkie pr\u00f3by: ${totalAttempts}`;\r\n}\r\n\r\nfunction checkAnswer(){\r\n const userAnswer=answerEl.value.trim().toLowerCase();\r\n const correctAnswer=currentQuestion.en.toLowerCase();\r\n totalAttempts++;\r\n if(userAnswer===correctAnswer){\r\n correctAnswers++;\r\n answerEl.value = \"\";\r\n answerEl.placeholder = \"Prawda\";\r\n answerEl.className=\"correct\";\r\n speak(currentQuestion.en);\r\n setTimeout(loadQuestion,800);\r\n } else {\r\n answerEl.value = \"\";\r\n answerEl.placeholder = \"Fa\u0142sz\";\r\n answerEl.className=\"incorrect\";\r\n correctText.textContent=currentQuestion.en;\r\n correctBox.style.visibility=\"visible\";\r\n speak(currentQuestion.en);\r\n let position = randomMode? Math.floor(Math.random()*3)+1 : 1;\r\n position = Math.min(position, mainQueue.length);\r\n mainQueue.splice(position,0,currentQuestion);\r\n submitBtn.style.display=\"none\";\r\n repeatBtn.style.display=\"inline-block\";\r\n nextBtn.style.display=\"inline-block\";\r\n }\r\n progressEl.textContent=`Poprawnie: ${correctAnswers} \/ Wszystkie pr\u00f3by: ${totalAttempts}`;\r\n}\r\n\r\nrepeatBtn.addEventListener(\"click\",()=> speak(currentQuestion.en));\r\nanswerEl.addEventListener(\"keypress\",e=>{ if(e.key===\"Enter\"){ if(correctBox.style.visibility===\"visible\") speak(currentQuestion.en); else checkAnswer(); }});\r\nsubmitBtn.addEventListener(\"click\",checkAnswer);\r\nnextBtn.addEventListener(\"click\",loadQuestion);\r\n\r\nfunction showListTest(){\r\n document.getElementById('quiz-container').style.display='none';\r\n listContainer.style.display='block';\r\n listForm.innerHTML='';\r\n listFeedback.textContent='';\r\n words.forEach((w,i)=>{\r\n const div=document.createElement('div');\r\n div.innerHTML=`<label>${w.pl}: <\/label><input type=\"text\" data-index=\"${i}\">`;\r\n listForm.appendChild(div);\r\n });\r\n}\r\n\r\nlistCheckBtn.addEventListener('click',e=>{\r\n e.preventDefault();\r\n let correct=0;\r\n const inputs=listForm.querySelectorAll('input');\r\n inputs.forEach(input=>{\r\n const i=parseInt(input.dataset.index);\r\n const ans=input.value.trim().toLowerCase();\r\n input.classList.remove('correct','incorrect');\r\n if(ans===words[i].en.toLowerCase()){ input.classList.add('correct'); correct++; }\r\n else { input.classList.add('incorrect'); }\r\n });\r\n listFeedback.textContent=`Poprawnych odpowiedzi: ${correct} \/ ${words.length}`;\r\n});\r\n\r\nlistRepeatBtn.addEventListener('click',()=>{\r\n listContainer.style.display='none';\r\n document.getElementById('quiz-container').style.display='block';\r\n mainQueue=shuffle([...words]);\r\n totalAttempts=0;\r\n correctAnswers=0;\r\n loadQuestion();\r\n});\r\n\r\nloadQuestion();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Test s\u0142\u00f3wek \u2013 Negatywne przymiotniki Artyku\u0142. 35 \/ Cz.6 Przet\u0142umacz: Sprawd\u017a Enter = powt\u00f3rz lektora Powt\u00f3rz lektora Dalej Pr\u0119dko\u015b\u0107 wymowy: 0.7 Tryb po 1 Wycisz >> Podaj t\u0142umaczenia wszystkich s\u0142\u00f3wek Sprawd\u017a Powt\u00f3rz test<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-pagebuilder-full-width.php","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-1550","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/1550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/comments?post=1550"}],"version-history":[{"count":4,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/1550\/revisions"}],"predecessor-version":[{"id":1555,"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/pages\/1550\/revisions\/1555"}],"wp:attachment":[{"href":"https:\/\/slowka-angielski.you2.pl\/index.php\/wp-json\/wp\/v2\/media?parent=1550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}