AI Tutor: \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n .chat-container { height: 400px; overflow-y: auto; scrollbar-width: thin; }\n .theory-section { background-color: #f0f9ff; border-left: 4px solid #0284c7; }\n .message-bubble { max-width: 80%; border-radius: 15px; margin-bottom: 10px; padding: 12px; }\n .user-message { background-color: #0284c7; color: white; align-self: flex-end; margin-left: auto; }\n .bot-message { background-color: #e2e8f0; color: #1e293b; align-self: flex-start; }\n .correction-note { font-size: 0.75rem; color: #ef4444; margin-top: 4px; font-style: italic; }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 p-4 md:p-8 font-sans\">\n\n <div class=\"max-w-4xl mx-auto bg-white rounded-2xl shadow-xl overflow-hidden border border-gray-100\">\n \n <div class=\"bg-gradient-to-r from-blue-600 to-indigo-700 p-6 text-white text-center\">\n <h1 class=\"text-2xl font-bold flex justify-center items-center gap-2\">\n <i class=\"fas fa-robot\"><\/i> \u039f \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03bf\u03c5 \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2\n <\/h1>\n <p class=\"text-blue-100 opacity-90\">\u039c\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd)<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2\">\n \n <div class=\"p-6 border-b md:border-b-0 md:border-r border-gray-100\">\n <h2 class=\"text-xl font-bold text-gray-800 mb-4 flex items-center gap-2 text-indigo-600\">\n <i class=\"fas fa-book-open\"><\/i> \u0398\u03b5\u03c9\u03c1\u03af\u03b1 \u03bc\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1\n <\/h2>\n <div class=\"theory-section p-4 rounded-lg space-y-4 text-gray-700 leading-relaxed\">\n <p><strong>\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7;<\/strong><br>\u0395\u03af\u03bd\u03b1\u03b9 \u03cc\u03c4\u03b1\u03bd “\u03ba\u03bb\u03ad\u03b2\u03bf\u03c5\u03bc\u03b5” \u03bb\u03af\u03b3\u03bf \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03b9\u03bf \u03b1\u03c0\u03bb\u03cc \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03b8\u03c5\u03bc\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1!<\/p>\n \n <div>\n <p class=\"font-bold\">\u03a4\u03b1 3 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1:<\/p>\n <ol class=\"list-decimal ml-5 mt-2 space-y-2\">\n <li>\u0392\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b9\u03b1 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae \u03c3\u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03c0\u03bf\u03c5 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bc\u03b5 \u03bd\u03b1 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 (\u03c0.\u03c7. \u03c3\u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1).<\/li>\n <li>\u039a\u03bf\u03b9\u03c4\u03ac\u03bc\u03b5 \u03c4\u03bf <strong>\u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf<\/strong> \u03c8\u03b7\u03c6\u03af\u03bf \u03c3\u03c4\u03b1 \u03b4\u03b5\u03be\u03b9\u03ac.<\/li>\n <li>\u0391\u03bd \u03c4\u03bf \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 <strong>0, 1, 2, 3, 4<\/strong> \u2192 \u03a4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03bc\u03ad\u03bd\u03b5\u03b9 \u03c4\u03bf \u03af\u03b4\u03b9\u03bf.<\/li>\n <li>\u0391\u03bd \u03c4\u03bf \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 <strong>5, 6, 7, 8, 9<\/strong> \u2192 \u03a4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03bc\u03b5\u03b3\u03b1\u03bb\u03ce\u03bd\u03b5\u03b9 \u03ba\u03b1\u03c4\u03ac 1.<\/li>\n <\/ol>\n <\/div>\n\n <div class=\"bg-blue-50 border border-blue-200 p-2 rounded\">\n <p class=\"text-sm italic\"><strong>\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:<\/strong> 12,3<strong>6<\/strong> \u2192 \u0391\u03bd \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1, \u03c4\u03bf 6 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf, \u03bf\u03c0\u03cc\u03c4\u03b5 \u03c4\u03bf 3 \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 4. \u0386\u03c1\u03b1: <strong>12,4<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"p-6 flex flex-col\">\n <h2 class=\"text-xl font-bold text-gray-800 mb-4 flex items-center gap-2 text-green-600\">\n <i class=\"fas fa-comment-dots\"><\/i> \u03a1\u03ce\u03c4\u03b7\u03c3\u03b5 \u03bc\u03b5 \u03cc,\u03c4\u03b9 \u03b8\u03ad\u03bb\u03b5\u03b9\u03c2!\n <\/h2>\n \n <div id=\"chatWindow\" class=\"chat-container flex flex-col p-2 space-y-2 mb-4 bg-gray-50 rounded-lg border border-gray-200\">\n <div class=\"message-bubble bot-message\">\n \u0393\u03b5\u03b9\u03b1 \u03c3\u03bf\u03c5! \u0395\u03af\u03bc\u03b1\u03b9 \u03bf \u03b2\u03bf\u03b7\u03b8\u03cc\u03c2 \u03c3\u03bf\u03c5. \u0388\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c1\u03af\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03ae \u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2;\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col gap-2\">\n <div class=\"flex gap-2\">\n <input type=\"text\" id=\"userInput\" placeholder=\"\u0393\u03c1\u03ac\u03c8\u03b5 \u03c4\u03b7\u03bd \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5 \u03b5\u03b4\u03ce...\" \n class=\"flex-1 p-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 outline-none\">\n <button onclick=\"handleSendMessage()\" id=\"sendBtn\"\n class=\"bg-blue-600 text-white px-5 py-3 rounded-xl hover:bg-blue-700 transition duration-200 shadow-md\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <\/button>\n <\/div>\n <p class=\"text-[10px] text-gray-400 text-center italic mt-1\">\n \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03c3\u03c9\u03c3\u03c4\u03ac, \u03b1\u03bb\u03bb\u03ac \u03bc\u03b7\u03bd \u03b1\u03bd\u03b7\u03c3\u03c5\u03c7\u03b5\u03af\u03c2, \u03bc\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03c9!\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const apiKey = \"AIzaSyAww5b0mgRJH7TNZBgm_VgC6TNaH0n5w9I\"; \/\/ \u0397 \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1 \u03c0\u03b1\u03c1\u03ad\u03c7\u03b5\u03b9 \u03c4\u03bf \u03ba\u03bb\u03b5\u03b9\u03b4\u03af \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1\n const appId = typeof __app_id !== 'undefined' ? __app_id : 'math-tutor-v1';\n\n \/\/ \u039b\u03b5\u03be\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03b1\u03c0\u03bb\u03ae \u03b4\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03b7 \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1\u03c2 (\u03b5\u03c0\u03b5\u03ba\u03c4\u03ac\u03c3\u03b9\u03bc\u03bf)\n const spellCheckMap = {\n \"\u03c4\u03b7\": \"\u03c4\u03b9\",\n \"\u03af\u03bd\u03b1\u03b9\": \"\u03b5\u03af\u03bd\u03b1\u03b9\",\n \"\u03b9\": \"\u03b7\",\n \"\u03b4\u03b9\u03b1\u03c4\u03b1\u03be\u03b9\": \"\u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7\",\n \"\u03ba\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03bf\u03bd\": \"\u03ba\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd\",\n \"\u03c3\u03c4\u03c1\u03bf\u03b3\u03b9\u03bb\u03bf\u03c0\u03b9\u03b7\u03c3\u03b7\": \"\u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\",\n \"\u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03bd\": \"\u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd\",\n \"\u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03bd\": \"\u03b1\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd\",\n \"\u03c0\u03c9\u03c2\": \"\u03c0\u03ce\u03c2\",\n \"\u03b3\u03b9\u03bd\u03b7\u03c4\u03b1\u03b9\": \"\u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9\",\n \"\u03bc\u03b1\u03b8\u03b7\u03bc\u03b1\": \"\u03bc\u03ac\u03b8\u03b7\u03bc\u03b1\"\n };\n\n function autocorrect(text) {\n let words = text.toLowerCase().split(\/\\s+\/);\n let correctionsMade = [];\n \n let correctedWords = words.map(word => {\n \/\/ \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c3\u03b7\u03bc\u03b5\u03af\u03c9\u03bd \u03c3\u03c4\u03af\u03be\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03ad\u03bb\u03b5\u03b3\u03c7\u03bf\n let cleanWord = word.replace(\/[.,\\\/#!$%\\^&\\*;:{}=\\-_`~()]\/g,\"\");\n if (spellCheckMap[cleanWord]) {\n correctionsMade.push(`${word} -> ${spellCheckMap[cleanWord]}`);\n return spellCheckMap[cleanWord];\n }\n return word;\n });\n\n return {\n text: correctedWords.join(\" \"),\n corrections: correctionsMade\n };\n }\n\n async function handleSendMessage() {\n const input = document.getElementById('userInput');\n const chatWindow = document.getElementById('chatWindow');\n const sendBtn = document.getElementById('sendBtn');\n const originalText = input.value.trim();\n\n if (!originalText) return;\n\n \/\/ 1. \u0394\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03b7 \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1\u03c2\n const correctionResult = autocorrect(originalText);\n \n \/\/ \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03bc\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7\n appendMessage('user', originalText, correctionResult.corrections);\n input.value = '';\n \n \/\/ Loading indicator\n const loadingId = 'loading-' + Date.now();\n appendMessage('bot', '\u03a3\u03ba\u03ad\u03c6\u03c4\u03bf\u03bc\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7...', [], loadingId);\n\n \/\/ 2. \u039a\u03bb\u03ae\u03c3\u03b7 Gemini API\n try {\n const response = await callGemini(correctionResult.text);\n const loadingElement = document.getElementById(loadingId);\n if (loadingElement) loadingElement.parentElement.remove();\n \n appendMessage('bot', response);\n } catch (error) {\n console.error(error);\n const loadingElement = document.getElementById(loadingId);\n if (loadingElement) loadingElement.innerText = \"\u03a9\u03c7! \u039a\u03ac\u03c4\u03b9 \u03c0\u03ae\u03b3\u03b5 \u03c3\u03c4\u03c1\u03b1\u03b2\u03ac. \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u03c0\u03ac\u03bb\u03b9 \u03c3\u03b5 \u03bb\u03af\u03b3\u03bf.\";\n }\n }\n\n function appendMessage(role, text, corrections = [], id = null) {\n const chatWindow = document.getElementById('chatWindow');\n const wrapper = document.createElement('div');\n wrapper.className = 'flex flex-col w-full';\n \n const bubble = document.createElement('div');\n bubble.className = `message-bubble ${role === 'user' ? 'user-message' : 'bot-message'}`;\n if (id) bubble.id = id;\n bubble.innerText = text;\n\n wrapper.appendChild(bubble);\n\n if (role === 'user' && corrections.length > 0) {\n const note = document.createElement('div');\n note.className = 'correction-note text-right mr-2';\n note.innerText = \"\u0394\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03b1 \u03c4\u03b7\u03bd \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03c3\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03c9 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1!\";\n wrapper.appendChild(note);\n }\n\n chatWindow.appendChild(wrapper);\n chatWindow.scrollTop = chatWindow.scrollHeight;\n }\n\n async function callGemini(query) {\n const systemPrompt = \"\u0395\u03af\u03c3\u03b1\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03ad\u03bc\u03c0\u03b5\u03b9\u03c1\u03bf\u03c2 \u03b4\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u0395' \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd \u03c3\u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1. \u0391\u03c0\u03b1\u03bd\u03c4\u03ac\u03c2 \u03c3\u03b5 \u03bc\u03b1\u03b8\u03b7\u03c4\u03ad\u03c2 \u03bc\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1, \u03c5\u03c0\u03bf\u03bc\u03bf\u03bd\u03ae \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b8\u03ac\u03c1\u03c1\u03c5\u03bd\u03c3\u03b7. \u03a4\u03bf \u03b8\u03ad\u03bc\u03b1 \u03c3\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03af \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03af \u03b3\u03b5\u03bd\u03b9\u03ba\u03cc\u03c4\u03b5\u03c1\u03b1. \u0391\u03bd \u03bf \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae\u03c2 \u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9 \u03ba\u03ac\u03c4\u03b9 \u03b5\u03ba\u03c4\u03cc\u03c2 \u03b8\u03ad\u03bc\u03b1\u03c4\u03bf\u03c2, \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03b5\u03c5\u03b3\u03b5\u03bd\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03bd\u03ac\u03c6\u03b5\u03c1\u03ad \u03c4\u03bf\u03bd \u03c3\u03c4\u03bf \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1. \u0391\u03bd \u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9 '\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7 \u03ba\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd', \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03ad \u03c4\u03bf \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b1 \u03b1\u03bb\u03bb\u03ac \u03c0\u03b5\u03c2 \u03c4\u03bf\u03c5 \u03cc\u03c4\u03b9 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1 \u03b5\u03c3\u03c4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2.\";\n \n let retries = 0;\n const maxRetries = 5;\n \n while (retries < maxRetries) {\n try {\n const response = await fetch(`https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n contents: [{ parts: [{ text: query }] }],\n systemInstruction: { parts: [{ text: systemPrompt }] }\n })\n });\n\n if (!response.ok) throw new Error('API Error');\n \n const data = await response.json();\n return data.candidates?.[0]?.content?.parts?.[0]?.text || \"\u0394\u03b5\u03bd \u03bc\u03c0\u03cc\u03c1\u03b5\u03c3\u03b1 \u03bd\u03b1 \u03b2\u03c1\u03c9 \u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7. \u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03be\u03b1\u03bd\u03b1\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2;\";\n \n } catch (e) {\n retries++;\n const delay = Math.pow(2, retries) * 500;\n await new Promise(res => setTimeout(res, delay));\n }\n }\n throw new Error('All retries failed');\n }\n\n \/\/ \u0395\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c4\u03bf Enter \u03b3\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae\n document.getElementById('userInput').addEventListener('keypress', function (e) {\n if (e.key === 'Enter') handleSendMessage();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"193\" height=\"16\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/06\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-30-203202.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\n\n\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.2225%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\n src=\"https:\/\/www.canva.com\/design\/DAG9QM1lJ7I\/FrD8aug66b5PwZW9kr_v6g\/view?embed\" allowfullscreen=\"allowfullscreen\" allow=\"fullscreen\">\n <\/iframe>\n<\/div>\n<a href=\"https://www.canva.com/design/DAG9QM1lJ7I/FrD8aug66b5PwZW9kr_v6g/view?utm_content=DAG9QM1lJ7I&utm_campaign=designshare&utm_medium=embeds&utm_source=link\" target=\"_blank\" rel=\"noopener\">Copy of \u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u03b3\u03b9\u03b1 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd<\/a> by \u039d\u03b9\u03ba\u03cc\u03bb\u03b1\u03bf\u03c2 \u03a0\u03c1\u03bf\u03ba\u03bf\u03c0\u03af\u03b4\u03b7\u03c2\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<!doctype html>\n<html lang=\"el\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n }\n \n * {\n box-sizing: border-box;\n }\n\n html, body {\n height: 100%;\n margin: 0;\n padding: 0;\n }\n\n .app-container {\n width: 100%;\n height: 100%;\n overflow-auto;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n padding: 40px 20px;\n }\n\n .content-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .header {\n text-align: center;\n margin-bottom: 40px;\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .main-title {\n font-size: 42px;\n font-weight: bold;\n margin: 0 0 10px 0;\n color: #1e3a8a;\n }\n\n .subtitle {\n font-size: 18px;\n color: #64748b;\n margin: 0;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .card {\n background: white;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n }\n\n .card-title {\n font-size: 24px;\n font-weight: bold;\n color: #1e293b;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .card-icon {\n font-size: 28px;\n }\n\n .theory-text {\n color: #475569;\n line-height: 1.8;\n font-size: 16px;\n margin-bottom: 15px;\n }\n\n .example-box {\n background: #f1f5f9;\n border-left: 4px solid #3b82f6;\n padding: 15px;\n margin: 10px 0;\n border-radius: 5px;\n }\n\n .example-text {\n font-size: 18px;\n color: #1e293b;\n font-weight: 500;\n }\n\n .quiz-question {\n font-size: 18px;\n color: #1e293b;\n margin-bottom: 15px;\n font-weight: 500;\n }\n\n .quiz-options {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .quiz-option {\n background: #f8fafc;\n border: 2px solid #e2e8f0;\n border-radius: 10px;\n padding: 15px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 16px;\n }\n\n .quiz-option:hover {\n background: #e0e7ff;\n border-color: #6366f1;\n }\n\n .quiz-option.correct {\n background: #dcfce7;\n border-color: #22c55e;\n }\n\n .quiz-option.incorrect {\n background: #fee2e2;\n border-color: #ef4444;\n }\n\n .quiz-feedback {\n margin-top: 15px;\n padding: 15px;\n border-radius: 10px;\n font-weight: 500;\n display: none;\n }\n\n .quiz-feedback.show {\n display: block;\n }\n\n .quiz-feedback.correct {\n background: #dcfce7;\n color: #166534;\n }\n\n .quiz-feedback.incorrect {\n background: #fee2e2;\n color: #991b1b;\n }\n\n .exercise-input {\n display: flex;\n gap: 10px;\n align-items: center;\n margin: 15px 0;\n }\n\n .exercise-input input {\n flex: 1;\n padding: 12px;\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n font-size: 16px;\n }\n\n .btn {\n background: #3b82f6;\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n transition: background 0.3s ease;\n }\n\n .btn:hover {\n background: #2563eb;\n }\n\n .btn:disabled {\n background: #94a3b8;\n cursor: not-allowed;\n }\n\n .reset-btn {\n background: #64748b;\n margin-left: 10px;\n }\n\n .reset-btn:hover {\n background: #475569;\n }\n\n .number-line {\n margin: 20px 0;\n padding: 20px;\n background: #f8fafc;\n border-radius: 10px;\n }\n\n .number-line-visual {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 15px 0;\n position: relative;\n }\n\n .number-line-bar {\n position: absolute;\n width: 100%;\n height: 3px;\n background: #cbd5e1;\n top: 50%;\n }\n\n .number-marker {\n background: white;\n border: 3px solid #3b82f6;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n position: relative;\n z-index: 1;\n font-size: 14px;\n }\n\n @media (max-width: 768px) {\n .cards-grid {\n grid-template-columns: 1fr;\n }\n\n .main-title {\n font-size: 32px;\n }\n\n .card-title {\n font-size: 20px;\n }\n }\n <\/style>\n <style>@view-transition { navigation: auto; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <script src=\"https:\/\/cdn.tailwindcss.com\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body>\n <div class=\"app-container\">\n <div class=\"content-wrapper\">\n <div class=\"header\">\n <h1 class=\"main-title\" id=\"mainTitle\">\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd<\/h1>\n <p class=\"subtitle\" id=\"subtitle\">\u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u0391\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u0395’ \u03a4\u03ac\u03be\u03b7<\/p>\n <\/div>\n <div class=\"cards-grid\">\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83d\udcda<\/span> \u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7;<\/h2>\n <p class=\"theory-text\">\u0397 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03c0\u03bf\u03af\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03bf\u03c5\u03bc\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b1\u03c0\u03bb\u03bf\u03cd\u03c3\u03c4\u03b5\u03c1\u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc \u03c0\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03ba\u03ae \u03c4\u03bf\u03c5 \u03c4\u03b9\u03bc\u03ae.<\/p>\n <div class=\"example-box\">\n <p class=\"example-text\">\ud83d\udca1 \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 3,7 \u2192 4 (\u03ba\u03bf\u03bd\u03c4\u03b9\u03bd\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf\u03c2)<\/p>\n <\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83d\udccf<\/span> \u0392\u03b1\u03c3\u03b9\u03ba\u03bf\u03af \u039a\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2<\/h2>\n <p class=\"theory-text\"><strong>\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 1:<\/strong> \u0391\u03bd \u03c4\u03bf \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03c8\u03b7\u03c6\u03af\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 0, 1, 2, 3 \u03ae 4 \u2192 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9<\/p>\n <p class=\"theory-text\"><strong>\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 2:<\/strong> \u0391\u03bd \u03c4\u03bf \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03c8\u03b7\u03c6\u03af\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 5, 6, 7, 8 \u03ae 9 \u2192 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03c0\u03ac\u03bd\u03c9<\/p>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\u270f\ufe0f<\/span> \u0386\u03c3\u03ba\u03b7\u03c3\u03b7 1: \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7<\/h2>\n <p class=\"quiz-question\">\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc 7,3 \u03c3\u03c4\u03bf\u03bd \u03ba\u03bf\u03bd\u03c4\u03b9\u03bd\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf:<\/p>\n <div class=\"number-line\">\n <div class=\"number-line-visual\">\n <div class=\"number-line-bar\"><\/div>\n <div class=\"number-marker\">\n 7\n <\/div>\n <div class=\"number-marker\" style=\"background: #fef3c7; border-color: #f59e0b;\">\n 7,3\n <\/div>\n <div class=\"number-marker\">\n 8\n <\/div>\n <\/div>\n <\/div>\n <div class=\"exercise-input\"><input type=\"number\" id=\"exercise1\" placeholder=\"\u0397 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5...\"> <button class=\"btn\" onclick=\"checkExercise1()\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n <\/div>\n <div class=\"quiz-feedback\" id=\"feedback1\"><\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83c\udfaf<\/span> \u039a\u03bf\u03c5\u03af\u03b6 1<\/h2>\n <p class=\"quiz-question\">\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c4\u03bf\u03c5 5,8;<\/p>\n <div class=\"quiz-options\" id=\"quiz1\">\n <div class=\"quiz-option\" onclick=\"checkQuiz1(5)\">\n 5\n <\/div>\n <div class=\"quiz-option\" onclick=\"checkQuiz1(6)\">\n 6\n <\/div>\n <div class=\"quiz-option\" onclick=\"checkQuiz1(5.5)\">\n 5,5\n <\/div>\n <\/div>\n <div class=\"quiz-feedback\" id=\"feedback-quiz1\"><\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83d\udd22<\/span> \u0386\u03c3\u03ba\u03b7\u03c3\u03b7 2: \u0394\u03cd\u03c3\u03ba\u03bf\u03bb\u03b7!<\/h2>\n <p class=\"quiz-question\">\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc 12,56 \u03c3\u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1:<\/p>\n <div class=\"example-box\">\n <p class=\"example-text\">\ud83d\udcad \u03a3\u03ba\u03ad\u03c8\u03bf\u03c5: \u03a0\u03bf\u03b9\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03c3\u03c4\u03b1 \u03b5\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac;<\/p>\n <\/div>\n <div class=\"exercise-input\"><input type=\"text\" id=\"exercise2\" placeholder=\"\u03c0.\u03c7. 12,6\"> <button class=\"btn\" onclick=\"checkExercise2()\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n <\/div>\n <div class=\"quiz-feedback\" id=\"feedback2\"><\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83c\udf1f<\/span> \u039a\u03bf\u03c5\u03af\u03b6 2<\/h2>\n <p class=\"quiz-question\">\u03a0\u03bf\u03b9\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc 9,4;<\/p>\n <div class=\"quiz-options\" id=\"quiz2\">\n <div class=\"quiz-option\" onclick=\"checkQuiz2('down')\">\n \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9\n <\/div>\n <div class=\"quiz-option\" onclick=\"checkQuiz2('up')\">\n \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03c0\u03ac\u03bd\u03c9\n <\/div>\n <\/div>\n <div class=\"quiz-feedback\" id=\"feedback-quiz2\"><\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83d\uded2<\/span> \u03a0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03cc \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1<\/h2>\n <p class=\"theory-text\">\u03a3\u03c4\u03bf \u03c3\u03bf\u03cd\u03c0\u03b5\u03c1 \u03bc\u03ac\u03c1\u03ba\u03b5\u03c4, \u03ad\u03bd\u03b1 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd \u03ba\u03bf\u03c3\u03c4\u03af\u03b6\u03b5\u03b9 3,45\u20ac. \u0398\u03ad\u03bb\u03bf\u03c5\u03bc\u03b5 \u03bd\u03b1 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03af\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c0\u03b5\u03c1\u03af\u03c0\u03bf\u03c5 \u03c0\u03cc\u03c3\u03b1 \u03c7\u03c1\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c7\u03c1\u03b5\u03b9\u03b1\u03b6\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5.<\/p>\n <div class=\"example-box\">\n <p class=\"example-text\">3,45\u20ac \u2248 3\u20ac (\u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9)<\/p>\n <p class=\"example-text\" style=\"margin-top: 10px;\">\u03ae 3,45\u20ac \u2248 3,5\u20ac (\u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c3\u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1)<\/p>\n <\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83c\udfc6<\/span> \u03a4\u03b5\u03bb\u03b9\u03ba\u03ae \u03a0\u03c1\u03cc\u03ba\u03bb\u03b7\u03c3\u03b7!<\/h2>\n <p class=\"quiz-question\">\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc 18,95 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b1\u03ba\u03b5\u03c1\u03b1\u03af\u03bf\u03c5\u03c2:<\/p>\n <div class=\"exercise-input\"><input type=\"number\" id=\"exercise3\" placeholder=\"\u0397 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5...\"> <button class=\"btn\" onclick=\"checkExercise3()\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n <\/div>\n <div class=\"quiz-feedback\" id=\"feedback3\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n const defaultConfig = {\n main_title: \"\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd\",\n subtitle: \"\u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u0391\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u0395' \u03a4\u03ac\u03be\u03b7\",\n title_color: \"#1e3a8a\"\n };\n\n let config = { ...defaultConfig };\n let quiz1Answered = false;\n let quiz2Answered = false;\n\n async function onConfigChange(newConfig) {\n config = newConfig;\n const mainTitle = document.getElementById('mainTitle');\n const subtitle = document.getElementById('subtitle');\n \n if (mainTitle) {\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n mainTitle.style.color = config.title_color || defaultConfig.title_color;\n }\n \n if (subtitle) {\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\n }\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [{\n get: () => config.title_color || defaultConfig.title_color,\n set: (value) => {\n config.title_color = value;\n if (window.elementSdk) {\n window.elementSdk.setConfig({ title_color: value });\n }\n }\n }],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n [\"main_title\", config.main_title || defaultConfig.main_title],\n [\"subtitle\", config.subtitle || defaultConfig.subtitle]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n\n function checkExercise1() {\n const input = document.getElementById('exercise1');\n const feedback = document.getElementById('feedback1');\n const answer = parseInt(input.value);\n\n if (answer === 7) {\n feedback.className = 'quiz-feedback show correct';\n feedback.textContent = '\ud83c\udf89 \u039c\u03c0\u03c1\u03ac\u03b2\u03bf! \u03a3\u03c9\u03c3\u03c4\u03ae \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7! \u03a4\u03bf 7,3 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03b9\u03bf \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03c4\u03bf 7.';\n } else if (input.value) {\n feedback.className = 'quiz-feedback show incorrect';\n feedback.textContent = '\u274c \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03be\u03b1\u03bd\u03ac! \u03a3\u03ba\u03ad\u03c8\u03bf\u03c5 \u03c0\u03bf\u03b9\u03bf\u03c2 \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03b9\u03bf \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03c4\u03bf 7,3.';\n }\n }\n\n function checkQuiz1(answer) {\n if (quiz1Answered) return;\n \n const options = document.querySelectorAll('#quiz1 .quiz-option');\n const feedback = document.getElementById('feedback-quiz1');\n \n options.forEach(option => {\n option.style.pointerEvents = 'none';\n if (parseFloat(option.textContent.replace(',', '.')) === answer) {\n if (answer === 6) {\n option.classList.add('correct');\n feedback.className = 'quiz-feedback show correct';\n feedback.textContent = '\ud83c\udf89 \u03a3\u03c9\u03c3\u03c4\u03ac! \u03a4\u03bf 5,8 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf 6 \u03b3\u03b9\u03b1\u03c4\u03af \u03c4\u03bf 8 \u2265 5.';\n } else {\n option.classList.add('incorrect');\n feedback.className = 'quiz-feedback show incorrect';\n feedback.textContent = '\u274c \u039b\u03ac\u03b8\u03bf\u03c2! \u0397 \u03c3\u03c9\u03c3\u03c4\u03ae \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 6. \u03a4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf 8 \u03bc\u03b1\u03c2 \u03bb\u03ad\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03c0\u03ac\u03bd\u03c9.';\n }\n }\n });\n \n quiz1Answered = true;\n }\n\n function checkExercise2() {\n const input = document.getElementById('exercise2');\n const feedback = document.getElementById('feedback2');\n const answer = input.value.replace(',', '.');\n\n if (answer === '12.6' || answer === '12,6') {\n feedback.className = 'quiz-feedback show correct';\n feedback.textContent = '\ud83c\udf89 \u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac! \u03a4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03c3\u03c4\u03b1 \u03b5\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac \u03b5\u03af\u03bd\u03b1\u03b9 6, \u03ac\u03c1\u03b1 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03c0\u03ac\u03bd\u03c9!';\n } else if (input.value) {\n feedback.className = 'quiz-feedback show incorrect';\n feedback.textContent = '\u274c \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03be\u03b1\u03bd\u03ac! \u039a\u03bf\u03af\u03c4\u03b1\u03be\u03b5 \u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03c3\u03c4\u03b1 \u03b5\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac (6) \u03ba\u03b1\u03b9 \u03b5\u03c6\u03ac\u03c1\u03bc\u03bf\u03c3\u03b5 \u03c4\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1.';\n }\n }\n\n function checkQuiz2(answer) {\n if (quiz2Answered) return;\n \n const options = document.querySelectorAll('#quiz2 .quiz-option');\n const feedback = document.getElementById('feedback-quiz2');\n \n options.forEach(option => {\n option.style.pointerEvents = 'none';\n const optionValue = option.textContent.includes('\u03ba\u03ac\u03c4\u03c9') ? 'down' : 'up';\n if (optionValue === answer) {\n if (answer === 'down') {\n option.classList.add('correct');\n feedback.className = 'quiz-feedback show correct';\n feedback.textContent = '\ud83c\udf89 \u03a3\u03c9\u03c3\u03c4\u03ac! \u03a4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf 4 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03c0\u03cc 5, \u03ac\u03c1\u03b1 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9 \u03c3\u03c4\u03bf 9.';\n } else {\n option.classList.add('incorrect');\n feedback.className = 'quiz-feedback show incorrect';\n feedback.textContent = '\u274c \u038c\u03c7\u03b9 \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2! \u03a4\u03bf 4 < 5, \u03ac\u03c1\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9.';\n }\n }\n });\n \n quiz2Answered = true;\n }\n\n function checkExercise3() {\n const input = document.getElementById('exercise3');\n const feedback = document.getElementById('feedback3');\n const answer = parseInt(input.value);\n\n if (answer === 19) {\n feedback.className = 'quiz-feedback show correct';\n feedback.textContent = '\ud83c\udfc6 \u03a6\u03b1\u03bd\u03c4\u03b1\u03c3\u03c4\u03b9\u03ba\u03ac! \u039a\u03b1\u03c4\u03b1\u03ba\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7! \u03a4\u03bf 18,95 \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 19 \u03b3\u03b9\u03b1\u03c4\u03af \u03c4\u03bf 9 \u2265 5.';\n } else if (input.value) {\n feedback.className = 'quiz-feedback show incorrect';\n feedback.textContent = '\u274c \u03a3\u03c7\u03b5\u03b4\u03cc\u03bd! \u039a\u03bf\u03af\u03c4\u03b1\u03be\u03b5 \u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae (9) \u03ba\u03b1\u03b9 \u03c3\u03ba\u03ad\u03c8\u03bf\u03c5 \u03c4\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1.';\n }\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9b790afac5b96f67',t:'MTc2NzM0NDE4My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TYPE html> AI Tutor: \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u039f \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03bf\u03c5 \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u039c\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd) \u0398\u03b5\u03c9\u03c1\u03af\u03b1 \u03bc\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1 \u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7;\u0395\u03af\u03bd\u03b1\u03b9 \u03cc\u03c4\u03b1\u03bd “\u03ba\u03bb\u03ad\u03b2\u03bf\u03c5\u03bc\u03b5” \u03bb\u03af\u03b3\u03bf \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03b9\u03bf \u03b1\u03c0\u03bb\u03cc \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03b8\u03c5\u03bc\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1! \u03a4\u03b1 3 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1: \u0392\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b9\u03b1 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae \u03c3\u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03c0\u03bf\u03c5 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bc\u03b5 \u03bd\u03b1 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 (\u03c0.\u03c7. \u03c3\u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1). … <a href=\"https:\/\/prokopidis.sites.sch.gr\/?p=4201\" class=\"more-link\">\u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<span class=\"screen-reader-text\"> “\u0397 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4201","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"nikos","author_link":"https:\/\/prokopidis.sites.sch.gr\/?author=1"},"_links":{"self":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4201"}],"version-history":[{"count":7,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4201\/revisions"}],"predecessor-version":[{"id":5858,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4201\/revisions\/5858"}],"wp:attachment":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4201,"date":"2024-07-11T20:56:53","date_gmt":"2024-07-11T20:56:53","guid":{"rendered":"https:\/\/prokopidis.sites.sch.gr\/?p=4201"},"modified":"2026-01-02T09:24:51","modified_gmt":"2026-01-02T09:24:51","slug":"%ce%b7-%cf%83%cf%84%cf%81%ce%bf%ce%b3%ce%b3%cf%85%ce%bb%ce%bf%cf%80%ce%bf%ce%af%ce%b7%cf%83%ce%b7-%cf%83%cf%84%ce%bf%cf%85%cf%82-%ce%b4%ce%b5%ce%ba%ce%b1%ce%b4%ce%b9%ce%ba%ce%bf%cf%8d%cf%82-%ce%b1","status":"publish","type":"post","link":"https:\/\/prokopidis.sites.sch.gr\/?p=4201","title":{"rendered":"\u0397 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2"},"content":{"rendered":"\nTYPE html>\n\n\n \n \n AI Tutor: \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n .chat-container { height: 400px; overflow-y: auto; scrollbar-width: thin; }\n .theory-section { background-color: #f0f9ff; border-left: 4px solid #0284c7; }\n .message-bubble { max-width: 80%; border-radius: 15px; margin-bottom: 10px; padding: 12px; }\n .user-message { background-color: #0284c7; color: white; align-self: flex-end; margin-left: auto; }\n .bot-message { background-color: #e2e8f0; color: #1e293b; align-self: flex-start; }\n .correction-note { font-size: 0.75rem; color: #ef4444; margin-top: 4px; font-style: italic; }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 p-4 md:p-8 font-sans\">\n\n <div class=\"max-w-4xl mx-auto bg-white rounded-2xl shadow-xl overflow-hidden border border-gray-100\">\n \n <div class=\"bg-gradient-to-r from-blue-600 to-indigo-700 p-6 text-white text-center\">\n <h1 class=\"text-2xl font-bold flex justify-center items-center gap-2\">\n <i class=\"fas fa-robot\"><\/i> \u039f \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03bf\u03c5 \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2\n <\/h1>\n <p class=\"text-blue-100 opacity-90\">\u039c\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd)<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2\">\n \n <div class=\"p-6 border-b md:border-b-0 md:border-r border-gray-100\">\n <h2 class=\"text-xl font-bold text-gray-800 mb-4 flex items-center gap-2 text-indigo-600\">\n <i class=\"fas fa-book-open\"><\/i> \u0398\u03b5\u03c9\u03c1\u03af\u03b1 \u03bc\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1\n <\/h2>\n <div class=\"theory-section p-4 rounded-lg space-y-4 text-gray-700 leading-relaxed\">\n <p><strong>\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7;<\/strong><br>\u0395\u03af\u03bd\u03b1\u03b9 \u03cc\u03c4\u03b1\u03bd “\u03ba\u03bb\u03ad\u03b2\u03bf\u03c5\u03bc\u03b5” \u03bb\u03af\u03b3\u03bf \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03b9\u03bf \u03b1\u03c0\u03bb\u03cc \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03b8\u03c5\u03bc\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1!<\/p>\n \n <div>\n <p class=\"font-bold\">\u03a4\u03b1 3 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1:<\/p>\n <ol class=\"list-decimal ml-5 mt-2 space-y-2\">\n <li>\u0392\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b9\u03b1 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae \u03c3\u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03c0\u03bf\u03c5 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bc\u03b5 \u03bd\u03b1 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 (\u03c0.\u03c7. \u03c3\u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1).<\/li>\n <li>\u039a\u03bf\u03b9\u03c4\u03ac\u03bc\u03b5 \u03c4\u03bf <strong>\u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf<\/strong> \u03c8\u03b7\u03c6\u03af\u03bf \u03c3\u03c4\u03b1 \u03b4\u03b5\u03be\u03b9\u03ac.<\/li>\n <li>\u0391\u03bd \u03c4\u03bf \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 <strong>0, 1, 2, 3, 4<\/strong> \u2192 \u03a4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03bc\u03ad\u03bd\u03b5\u03b9 \u03c4\u03bf \u03af\u03b4\u03b9\u03bf.<\/li>\n <li>\u0391\u03bd \u03c4\u03bf \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 <strong>5, 6, 7, 8, 9<\/strong> \u2192 \u03a4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03bc\u03b5\u03b3\u03b1\u03bb\u03ce\u03bd\u03b5\u03b9 \u03ba\u03b1\u03c4\u03ac 1.<\/li>\n <\/ol>\n <\/div>\n\n <div class=\"bg-blue-50 border border-blue-200 p-2 rounded\">\n <p class=\"text-sm italic\"><strong>\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1:<\/strong> 12,3<strong>6<\/strong> \u2192 \u0391\u03bd \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1, \u03c4\u03bf 6 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf, \u03bf\u03c0\u03cc\u03c4\u03b5 \u03c4\u03bf 3 \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 4. \u0386\u03c1\u03b1: <strong>12,4<\/strong><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"p-6 flex flex-col\">\n <h2 class=\"text-xl font-bold text-gray-800 mb-4 flex items-center gap-2 text-green-600\">\n <i class=\"fas fa-comment-dots\"><\/i> \u03a1\u03ce\u03c4\u03b7\u03c3\u03b5 \u03bc\u03b5 \u03cc,\u03c4\u03b9 \u03b8\u03ad\u03bb\u03b5\u03b9\u03c2!\n <\/h2>\n \n <div id=\"chatWindow\" class=\"chat-container flex flex-col p-2 space-y-2 mb-4 bg-gray-50 rounded-lg border border-gray-200\">\n <div class=\"message-bubble bot-message\">\n \u0393\u03b5\u03b9\u03b1 \u03c3\u03bf\u03c5! \u0395\u03af\u03bc\u03b1\u03b9 \u03bf \u03b2\u03bf\u03b7\u03b8\u03cc\u03c2 \u03c3\u03bf\u03c5. \u0388\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c1\u03af\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03ae \u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2;\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col gap-2\">\n <div class=\"flex gap-2\">\n <input type=\"text\" id=\"userInput\" placeholder=\"\u0393\u03c1\u03ac\u03c8\u03b5 \u03c4\u03b7\u03bd \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5 \u03b5\u03b4\u03ce...\" \n class=\"flex-1 p-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 outline-none\">\n <button onclick=\"handleSendMessage()\" id=\"sendBtn\"\n class=\"bg-blue-600 text-white px-5 py-3 rounded-xl hover:bg-blue-700 transition duration-200 shadow-md\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <\/button>\n <\/div>\n <p class=\"text-[10px] text-gray-400 text-center italic mt-1\">\n \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03bd\u03b1 \u03b3\u03c1\u03ac\u03c6\u03b5\u03b9\u03c2 \u03c3\u03c9\u03c3\u03c4\u03ac, \u03b1\u03bb\u03bb\u03ac \u03bc\u03b7\u03bd \u03b1\u03bd\u03b7\u03c3\u03c5\u03c7\u03b5\u03af\u03c2, \u03bc\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03c9!\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const apiKey = \"AIzaSyAww5b0mgRJH7TNZBgm_VgC6TNaH0n5w9I\"; \/\/ \u0397 \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1 \u03c0\u03b1\u03c1\u03ad\u03c7\u03b5\u03b9 \u03c4\u03bf \u03ba\u03bb\u03b5\u03b9\u03b4\u03af \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1\n const appId = typeof __app_id !== 'undefined' ? __app_id : 'math-tutor-v1';\n\n \/\/ \u039b\u03b5\u03be\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03b1\u03c0\u03bb\u03ae \u03b4\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03b7 \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1\u03c2 (\u03b5\u03c0\u03b5\u03ba\u03c4\u03ac\u03c3\u03b9\u03bc\u03bf)\n const spellCheckMap = {\n \"\u03c4\u03b7\": \"\u03c4\u03b9\",\n \"\u03af\u03bd\u03b1\u03b9\": \"\u03b5\u03af\u03bd\u03b1\u03b9\",\n \"\u03b9\": \"\u03b7\",\n \"\u03b4\u03b9\u03b1\u03c4\u03b1\u03be\u03b9\": \"\u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7\",\n \"\u03ba\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03bf\u03bd\": \"\u03ba\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd\",\n \"\u03c3\u03c4\u03c1\u03bf\u03b3\u03b9\u03bb\u03bf\u03c0\u03b9\u03b7\u03c3\u03b7\": \"\u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\",\n \"\u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03bd\": \"\u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd\",\n \"\u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03bd\": \"\u03b1\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd\",\n \"\u03c0\u03c9\u03c2\": \"\u03c0\u03ce\u03c2\",\n \"\u03b3\u03b9\u03bd\u03b7\u03c4\u03b1\u03b9\": \"\u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9\",\n \"\u03bc\u03b1\u03b8\u03b7\u03bc\u03b1\": \"\u03bc\u03ac\u03b8\u03b7\u03bc\u03b1\"\n };\n\n function autocorrect(text) {\n let words = text.toLowerCase().split(\/\\s+\/);\n let correctionsMade = [];\n \n let correctedWords = words.map(word => {\n \/\/ \u0391\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 \u03c3\u03b7\u03bc\u03b5\u03af\u03c9\u03bd \u03c3\u03c4\u03af\u03be\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03ad\u03bb\u03b5\u03b3\u03c7\u03bf\n let cleanWord = word.replace(\/[.,\\\/#!$%\\^&\\*;:{}=\\-_`~()]\/g,\"\");\n if (spellCheckMap[cleanWord]) {\n correctionsMade.push(`${word} -> ${spellCheckMap[cleanWord]}`);\n return spellCheckMap[cleanWord];\n }\n return word;\n });\n\n return {\n text: correctedWords.join(\" \"),\n corrections: correctionsMade\n };\n }\n\n async function handleSendMessage() {\n const input = document.getElementById('userInput');\n const chatWindow = document.getElementById('chatWindow');\n const sendBtn = document.getElementById('sendBtn');\n const originalText = input.value.trim();\n\n if (!originalText) return;\n\n \/\/ 1. \u0394\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03b7 \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1\u03c2\n const correctionResult = autocorrect(originalText);\n \n \/\/ \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03bc\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2 \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7\n appendMessage('user', originalText, correctionResult.corrections);\n input.value = '';\n \n \/\/ Loading indicator\n const loadingId = 'loading-' + Date.now();\n appendMessage('bot', '\u03a3\u03ba\u03ad\u03c6\u03c4\u03bf\u03bc\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7...', [], loadingId);\n\n \/\/ 2. \u039a\u03bb\u03ae\u03c3\u03b7 Gemini API\n try {\n const response = await callGemini(correctionResult.text);\n const loadingElement = document.getElementById(loadingId);\n if (loadingElement) loadingElement.parentElement.remove();\n \n appendMessage('bot', response);\n } catch (error) {\n console.error(error);\n const loadingElement = document.getElementById(loadingId);\n if (loadingElement) loadingElement.innerText = \"\u03a9\u03c7! \u039a\u03ac\u03c4\u03b9 \u03c0\u03ae\u03b3\u03b5 \u03c3\u03c4\u03c1\u03b1\u03b2\u03ac. \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u03c0\u03ac\u03bb\u03b9 \u03c3\u03b5 \u03bb\u03af\u03b3\u03bf.\";\n }\n }\n\n function appendMessage(role, text, corrections = [], id = null) {\n const chatWindow = document.getElementById('chatWindow');\n const wrapper = document.createElement('div');\n wrapper.className = 'flex flex-col w-full';\n \n const bubble = document.createElement('div');\n bubble.className = `message-bubble ${role === 'user' ? 'user-message' : 'bot-message'}`;\n if (id) bubble.id = id;\n bubble.innerText = text;\n\n wrapper.appendChild(bubble);\n\n if (role === 'user' && corrections.length > 0) {\n const note = document.createElement('div');\n note.className = 'correction-note text-right mr-2';\n note.innerText = \"\u0394\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03b1 \u03c4\u03b7\u03bd \u03bf\u03c1\u03b8\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03c3\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03c4\u03b1\u03bb\u03ac\u03b2\u03c9 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1!\";\n wrapper.appendChild(note);\n }\n\n chatWindow.appendChild(wrapper);\n chatWindow.scrollTop = chatWindow.scrollHeight;\n }\n\n async function callGemini(query) {\n const systemPrompt = \"\u0395\u03af\u03c3\u03b1\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03ad\u03bc\u03c0\u03b5\u03b9\u03c1\u03bf\u03c2 \u03b4\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u0395' \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd \u03c3\u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1. \u0391\u03c0\u03b1\u03bd\u03c4\u03ac\u03c2 \u03c3\u03b5 \u03bc\u03b1\u03b8\u03b7\u03c4\u03ad\u03c2 \u03bc\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1, \u03c5\u03c0\u03bf\u03bc\u03bf\u03bd\u03ae \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b8\u03ac\u03c1\u03c1\u03c5\u03bd\u03c3\u03b7. \u03a4\u03bf \u03b8\u03ad\u03bc\u03b1 \u03c3\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd \u03ba\u03b1\u03b9 \u03bf\u03b9 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03af \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03af \u03b3\u03b5\u03bd\u03b9\u03ba\u03cc\u03c4\u03b5\u03c1\u03b1. \u0391\u03bd \u03bf \u03bc\u03b1\u03b8\u03b7\u03c4\u03ae\u03c2 \u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9 \u03ba\u03ac\u03c4\u03b9 \u03b5\u03ba\u03c4\u03cc\u03c2 \u03b8\u03ad\u03bc\u03b1\u03c4\u03bf\u03c2, \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03b5\u03c5\u03b3\u03b5\u03bd\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03bd\u03ac\u03c6\u03b5\u03c1\u03ad \u03c4\u03bf\u03bd \u03c3\u03c4\u03bf \u03bc\u03ac\u03b8\u03b7\u03bc\u03b1. \u0391\u03bd \u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9 '\u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7 \u03ba\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd', \u03b5\u03be\u03ae\u03b3\u03b7\u03c3\u03ad \u03c4\u03bf \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b1 \u03b1\u03bb\u03bb\u03ac \u03c0\u03b5\u03c2 \u03c4\u03bf\u03c5 \u03cc\u03c4\u03b9 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1 \u03b5\u03c3\u03c4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2.\";\n \n let retries = 0;\n const maxRetries = 5;\n \n while (retries < maxRetries) {\n try {\n const response = await fetch(`https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`, {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n contents: [{ parts: [{ text: query }] }],\n systemInstruction: { parts: [{ text: systemPrompt }] }\n })\n });\n\n if (!response.ok) throw new Error('API Error');\n \n const data = await response.json();\n return data.candidates?.[0]?.content?.parts?.[0]?.text || \"\u0394\u03b5\u03bd \u03bc\u03c0\u03cc\u03c1\u03b5\u03c3\u03b1 \u03bd\u03b1 \u03b2\u03c1\u03c9 \u03c4\u03b7\u03bd \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7. \u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03be\u03b1\u03bd\u03b1\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2;\";\n \n } catch (e) {\n retries++;\n const delay = Math.pow(2, retries) * 500;\n await new Promise(res => setTimeout(res, delay));\n }\n }\n throw new Error('All retries failed');\n }\n\n \/\/ \u0395\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c4\u03bf Enter \u03b3\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae\n document.getElementById('userInput').addEventListener('keypress', function (e) {\n if (e.key === 'Enter') handleSendMessage();\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"193\" height=\"16\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/06\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-30-203202.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\n\n\n<div style=\"position: relative; width: 100%; height: 0; padding-top: 56.2225%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\n src=\"https:\/\/www.canva.com\/design\/DAG9QM1lJ7I\/FrD8aug66b5PwZW9kr_v6g\/view?embed\" allowfullscreen=\"allowfullscreen\" allow=\"fullscreen\">\n <\/iframe>\n<\/div>\n<a href=\"https://www.canva.com/design/DAG9QM1lJ7I/FrD8aug66b5PwZW9kr_v6g/view?utm_content=DAG9QM1lJ7I&utm_campaign=designshare&utm_medium=embeds&utm_source=link\" target=\"_blank\" rel=\"noopener\">Copy of \u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03cc \u0393\u03bb\u03c9\u03c3\u03c3\u03ac\u03c1\u03b9 \u03b3\u03b9\u03b1 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd<\/a> by \u039d\u03b9\u03ba\u03cc\u03bb\u03b1\u03bf\u03c2 \u03a0\u03c1\u03bf\u03ba\u03bf\u03c0\u03af\u03b4\u03b7\u03c2\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<!doctype html>\n<html lang=\"el\">\n <head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd<\/title>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n }\n \n * {\n box-sizing: border-box;\n }\n\n html, body {\n height: 100%;\n margin: 0;\n padding: 0;\n }\n\n .app-container {\n width: 100%;\n height: 100%;\n overflow-auto;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n padding: 40px 20px;\n }\n\n .content-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .header {\n text-align: center;\n margin-bottom: 40px;\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n }\n\n .main-title {\n font-size: 42px;\n font-weight: bold;\n margin: 0 0 10px 0;\n color: #1e3a8a;\n }\n\n .subtitle {\n font-size: 18px;\n color: #64748b;\n margin: 0;\n }\n\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .card {\n background: white;\n border-radius: 15px;\n padding: 25px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n }\n\n .card-title {\n font-size: 24px;\n font-weight: bold;\n color: #1e293b;\n margin: 0 0 15px 0;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .card-icon {\n font-size: 28px;\n }\n\n .theory-text {\n color: #475569;\n line-height: 1.8;\n font-size: 16px;\n margin-bottom: 15px;\n }\n\n .example-box {\n background: #f1f5f9;\n border-left: 4px solid #3b82f6;\n padding: 15px;\n margin: 10px 0;\n border-radius: 5px;\n }\n\n .example-text {\n font-size: 18px;\n color: #1e293b;\n font-weight: 500;\n }\n\n .quiz-question {\n font-size: 18px;\n color: #1e293b;\n margin-bottom: 15px;\n font-weight: 500;\n }\n\n .quiz-options {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .quiz-option {\n background: #f8fafc;\n border: 2px solid #e2e8f0;\n border-radius: 10px;\n padding: 15px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 16px;\n }\n\n .quiz-option:hover {\n background: #e0e7ff;\n border-color: #6366f1;\n }\n\n .quiz-option.correct {\n background: #dcfce7;\n border-color: #22c55e;\n }\n\n .quiz-option.incorrect {\n background: #fee2e2;\n border-color: #ef4444;\n }\n\n .quiz-feedback {\n margin-top: 15px;\n padding: 15px;\n border-radius: 10px;\n font-weight: 500;\n display: none;\n }\n\n .quiz-feedback.show {\n display: block;\n }\n\n .quiz-feedback.correct {\n background: #dcfce7;\n color: #166534;\n }\n\n .quiz-feedback.incorrect {\n background: #fee2e2;\n color: #991b1b;\n }\n\n .exercise-input {\n display: flex;\n gap: 10px;\n align-items: center;\n margin: 15px 0;\n }\n\n .exercise-input input {\n flex: 1;\n padding: 12px;\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n font-size: 16px;\n }\n\n .btn {\n background: #3b82f6;\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n transition: background 0.3s ease;\n }\n\n .btn:hover {\n background: #2563eb;\n }\n\n .btn:disabled {\n background: #94a3b8;\n cursor: not-allowed;\n }\n\n .reset-btn {\n background: #64748b;\n margin-left: 10px;\n }\n\n .reset-btn:hover {\n background: #475569;\n }\n\n .number-line {\n margin: 20px 0;\n padding: 20px;\n background: #f8fafc;\n border-radius: 10px;\n }\n\n .number-line-visual {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 15px 0;\n position: relative;\n }\n\n .number-line-bar {\n position: absolute;\n width: 100%;\n height: 3px;\n background: #cbd5e1;\n top: 50%;\n }\n\n .number-marker {\n background: white;\n border: 3px solid #3b82f6;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n position: relative;\n z-index: 1;\n font-size: 14px;\n }\n\n @media (max-width: 768px) {\n .cards-grid {\n grid-template-columns: 1fr;\n }\n\n .main-title {\n font-size: 32px;\n }\n\n .card-title {\n font-size: 20px;\n }\n }\n <\/style>\n <style>@view-transition { navigation: auto; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <script src=\"https:\/\/cdn.tailwindcss.com\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body>\n <div class=\"app-container\">\n <div class=\"content-wrapper\">\n <div class=\"header\">\n <h1 class=\"main-title\" id=\"mainTitle\">\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd<\/h1>\n <p class=\"subtitle\" id=\"subtitle\">\u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u0391\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u0395’ \u03a4\u03ac\u03be\u03b7<\/p>\n <\/div>\n <div class=\"cards-grid\">\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83d\udcda<\/span> \u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7;<\/h2>\n <p class=\"theory-text\">\u0397 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03c0\u03bf\u03af\u03b1 \u03bc\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03bf\u03c5\u03bc\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b1\u03c0\u03bb\u03bf\u03cd\u03c3\u03c4\u03b5\u03c1\u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc \u03c0\u03bf\u03c5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03ba\u03ae \u03c4\u03bf\u03c5 \u03c4\u03b9\u03bc\u03ae.<\/p>\n <div class=\"example-box\">\n <p class=\"example-text\">\ud83d\udca1 \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: 3,7 \u2192 4 (\u03ba\u03bf\u03bd\u03c4\u03b9\u03bd\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf\u03c2)<\/p>\n <\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83d\udccf<\/span> \u0392\u03b1\u03c3\u03b9\u03ba\u03bf\u03af \u039a\u03b1\u03bd\u03cc\u03bd\u03b5\u03c2<\/h2>\n <p class=\"theory-text\"><strong>\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 1:<\/strong> \u0391\u03bd \u03c4\u03bf \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03c8\u03b7\u03c6\u03af\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 0, 1, 2, 3 \u03ae 4 \u2192 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9<\/p>\n <p class=\"theory-text\"><strong>\u039a\u03b1\u03bd\u03cc\u03bd\u03b1\u03c2 2:<\/strong> \u0391\u03bd \u03c4\u03bf \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03cc \u03c8\u03b7\u03c6\u03af\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 5, 6, 7, 8 \u03ae 9 \u2192 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03c0\u03ac\u03bd\u03c9<\/p>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\u270f\ufe0f<\/span> \u0386\u03c3\u03ba\u03b7\u03c3\u03b7 1: \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7<\/h2>\n <p class=\"quiz-question\">\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc 7,3 \u03c3\u03c4\u03bf\u03bd \u03ba\u03bf\u03bd\u03c4\u03b9\u03bd\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf:<\/p>\n <div class=\"number-line\">\n <div class=\"number-line-visual\">\n <div class=\"number-line-bar\"><\/div>\n <div class=\"number-marker\">\n 7\n <\/div>\n <div class=\"number-marker\" style=\"background: #fef3c7; border-color: #f59e0b;\">\n 7,3\n <\/div>\n <div class=\"number-marker\">\n 8\n <\/div>\n <\/div>\n <\/div>\n <div class=\"exercise-input\"><input type=\"number\" id=\"exercise1\" placeholder=\"\u0397 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5...\"> <button class=\"btn\" onclick=\"checkExercise1()\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n <\/div>\n <div class=\"quiz-feedback\" id=\"feedback1\"><\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83c\udfaf<\/span> \u039a\u03bf\u03c5\u03af\u03b6 1<\/h2>\n <p class=\"quiz-question\">\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u03c4\u03bf\u03c5 5,8;<\/p>\n <div class=\"quiz-options\" id=\"quiz1\">\n <div class=\"quiz-option\" onclick=\"checkQuiz1(5)\">\n 5\n <\/div>\n <div class=\"quiz-option\" onclick=\"checkQuiz1(6)\">\n 6\n <\/div>\n <div class=\"quiz-option\" onclick=\"checkQuiz1(5.5)\">\n 5,5\n <\/div>\n <\/div>\n <div class=\"quiz-feedback\" id=\"feedback-quiz1\"><\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83d\udd22<\/span> \u0386\u03c3\u03ba\u03b7\u03c3\u03b7 2: \u0394\u03cd\u03c3\u03ba\u03bf\u03bb\u03b7!<\/h2>\n <p class=\"quiz-question\">\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc 12,56 \u03c3\u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1:<\/p>\n <div class=\"example-box\">\n <p class=\"example-text\">\ud83d\udcad \u03a3\u03ba\u03ad\u03c8\u03bf\u03c5: \u03a0\u03bf\u03b9\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03c3\u03c4\u03b1 \u03b5\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac;<\/p>\n <\/div>\n <div class=\"exercise-input\"><input type=\"text\" id=\"exercise2\" placeholder=\"\u03c0.\u03c7. 12,6\"> <button class=\"btn\" onclick=\"checkExercise2()\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n <\/div>\n <div class=\"quiz-feedback\" id=\"feedback2\"><\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83c\udf1f<\/span> \u039a\u03bf\u03c5\u03af\u03b6 2<\/h2>\n <p class=\"quiz-question\">\u03a0\u03bf\u03b9\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc 9,4;<\/p>\n <div class=\"quiz-options\" id=\"quiz2\">\n <div class=\"quiz-option\" onclick=\"checkQuiz2('down')\">\n \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9\n <\/div>\n <div class=\"quiz-option\" onclick=\"checkQuiz2('up')\">\n \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03c0\u03ac\u03bd\u03c9\n <\/div>\n <\/div>\n <div class=\"quiz-feedback\" id=\"feedback-quiz2\"><\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83d\uded2<\/span> \u03a0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03cc \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1<\/h2>\n <p class=\"theory-text\">\u03a3\u03c4\u03bf \u03c3\u03bf\u03cd\u03c0\u03b5\u03c1 \u03bc\u03ac\u03c1\u03ba\u03b5\u03c4, \u03ad\u03bd\u03b1 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd \u03ba\u03bf\u03c3\u03c4\u03af\u03b6\u03b5\u03b9 3,45\u20ac. \u0398\u03ad\u03bb\u03bf\u03c5\u03bc\u03b5 \u03bd\u03b1 \u03c5\u03c0\u03bf\u03bb\u03bf\u03b3\u03af\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c0\u03b5\u03c1\u03af\u03c0\u03bf\u03c5 \u03c0\u03cc\u03c3\u03b1 \u03c7\u03c1\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c7\u03c1\u03b5\u03b9\u03b1\u03b6\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5.<\/p>\n <div class=\"example-box\">\n <p class=\"example-text\">3,45\u20ac \u2248 3\u20ac (\u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9)<\/p>\n <p class=\"example-text\" style=\"margin-top: 10px;\">\u03ae 3,45\u20ac \u2248 3,5\u20ac (\u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c3\u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1)<\/p>\n <\/div>\n <\/div>\n <div class=\"card\">\n <h2 class=\"card-title\"><span class=\"card-icon\">\ud83c\udfc6<\/span> \u03a4\u03b5\u03bb\u03b9\u03ba\u03ae \u03a0\u03c1\u03cc\u03ba\u03bb\u03b7\u03c3\u03b7!<\/h2>\n <p class=\"quiz-question\">\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc 18,95 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b1\u03ba\u03b5\u03c1\u03b1\u03af\u03bf\u03c5\u03c2:<\/p>\n <div class=\"exercise-input\"><input type=\"number\" id=\"exercise3\" placeholder=\"\u0397 \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03ae \u03c3\u03bf\u03c5...\"> <button class=\"btn\" onclick=\"checkExercise3()\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n <\/div>\n <div class=\"quiz-feedback\" id=\"feedback3\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <script>\n const defaultConfig = {\n main_title: \"\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u0391\u03c1\u03b9\u03b8\u03bc\u03ce\u03bd\",\n subtitle: \"\u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u0391\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u0395' \u03a4\u03ac\u03be\u03b7\",\n title_color: \"#1e3a8a\"\n };\n\n let config = { ...defaultConfig };\n let quiz1Answered = false;\n let quiz2Answered = false;\n\n async function onConfigChange(newConfig) {\n config = newConfig;\n const mainTitle = document.getElementById('mainTitle');\n const subtitle = document.getElementById('subtitle');\n \n if (mainTitle) {\n mainTitle.textContent = config.main_title || defaultConfig.main_title;\n mainTitle.style.color = config.title_color || defaultConfig.title_color;\n }\n \n if (subtitle) {\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\n }\n }\n\n function mapToCapabilities(config) {\n return {\n recolorables: [{\n get: () => config.title_color || defaultConfig.title_color,\n set: (value) => {\n config.title_color = value;\n if (window.elementSdk) {\n window.elementSdk.setConfig({ title_color: value });\n }\n }\n }],\n borderables: [],\n fontEditable: undefined,\n fontSizeable: undefined\n };\n }\n\n function mapToEditPanelValues(config) {\n return new Map([\n [\"main_title\", config.main_title || defaultConfig.main_title],\n [\"subtitle\", config.subtitle || defaultConfig.subtitle]\n ]);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange,\n mapToCapabilities,\n mapToEditPanelValues\n });\n }\n\n function checkExercise1() {\n const input = document.getElementById('exercise1');\n const feedback = document.getElementById('feedback1');\n const answer = parseInt(input.value);\n\n if (answer === 7) {\n feedback.className = 'quiz-feedback show correct';\n feedback.textContent = '\ud83c\udf89 \u039c\u03c0\u03c1\u03ac\u03b2\u03bf! \u03a3\u03c9\u03c3\u03c4\u03ae \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7! \u03a4\u03bf 7,3 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03b9\u03bf \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03c4\u03bf 7.';\n } else if (input.value) {\n feedback.className = 'quiz-feedback show incorrect';\n feedback.textContent = '\u274c \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03be\u03b1\u03bd\u03ac! \u03a3\u03ba\u03ad\u03c8\u03bf\u03c5 \u03c0\u03bf\u03b9\u03bf\u03c2 \u03b1\u03ba\u03ad\u03c1\u03b1\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03b9\u03bf \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03c4\u03bf 7,3.';\n }\n }\n\n function checkQuiz1(answer) {\n if (quiz1Answered) return;\n \n const options = document.querySelectorAll('#quiz1 .quiz-option');\n const feedback = document.getElementById('feedback-quiz1');\n \n options.forEach(option => {\n option.style.pointerEvents = 'none';\n if (parseFloat(option.textContent.replace(',', '.')) === answer) {\n if (answer === 6) {\n option.classList.add('correct');\n feedback.className = 'quiz-feedback show correct';\n feedback.textContent = '\ud83c\udf89 \u03a3\u03c9\u03c3\u03c4\u03ac! \u03a4\u03bf 5,8 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf 6 \u03b3\u03b9\u03b1\u03c4\u03af \u03c4\u03bf 8 \u2265 5.';\n } else {\n option.classList.add('incorrect');\n feedback.className = 'quiz-feedback show incorrect';\n feedback.textContent = '\u274c \u039b\u03ac\u03b8\u03bf\u03c2! \u0397 \u03c3\u03c9\u03c3\u03c4\u03ae \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7 \u03b5\u03af\u03bd\u03b1\u03b9 6. \u03a4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf 8 \u03bc\u03b1\u03c2 \u03bb\u03ad\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03c0\u03ac\u03bd\u03c9.';\n }\n }\n });\n \n quiz1Answered = true;\n }\n\n function checkExercise2() {\n const input = document.getElementById('exercise2');\n const feedback = document.getElementById('feedback2');\n const answer = input.value.replace(',', '.');\n\n if (answer === '12.6' || answer === '12,6') {\n feedback.className = 'quiz-feedback show correct';\n feedback.textContent = '\ud83c\udf89 \u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac! \u03a4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03c3\u03c4\u03b1 \u03b5\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac \u03b5\u03af\u03bd\u03b1\u03b9 6, \u03ac\u03c1\u03b1 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03c0\u03ac\u03bd\u03c9!';\n } else if (input.value) {\n feedback.className = 'quiz-feedback show incorrect';\n feedback.textContent = '\u274c \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5 \u03be\u03b1\u03bd\u03ac! \u039a\u03bf\u03af\u03c4\u03b1\u03be\u03b5 \u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03c3\u03c4\u03b1 \u03b5\u03ba\u03b1\u03c4\u03bf\u03c3\u03c4\u03ac (6) \u03ba\u03b1\u03b9 \u03b5\u03c6\u03ac\u03c1\u03bc\u03bf\u03c3\u03b5 \u03c4\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1.';\n }\n }\n\n function checkQuiz2(answer) {\n if (quiz2Answered) return;\n \n const options = document.querySelectorAll('#quiz2 .quiz-option');\n const feedback = document.getElementById('feedback-quiz2');\n \n options.forEach(option => {\n option.style.pointerEvents = 'none';\n const optionValue = option.textContent.includes('\u03ba\u03ac\u03c4\u03c9') ? 'down' : 'up';\n if (optionValue === answer) {\n if (answer === 'down') {\n option.classList.add('correct');\n feedback.className = 'quiz-feedback show correct';\n feedback.textContent = '\ud83c\udf89 \u03a3\u03c9\u03c3\u03c4\u03ac! \u03a4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf 4 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03c0\u03cc 5, \u03ac\u03c1\u03b1 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9 \u03c3\u03c4\u03bf 9.';\n } else {\n option.classList.add('incorrect');\n feedback.className = 'quiz-feedback show incorrect';\n feedback.textContent = '\u274c \u038c\u03c7\u03b9 \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2! \u03a4\u03bf 4 < 5, \u03ac\u03c1\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9.';\n }\n }\n });\n \n quiz2Answered = true;\n }\n\n function checkExercise3() {\n const input = document.getElementById('exercise3');\n const feedback = document.getElementById('feedback3');\n const answer = parseInt(input.value);\n\n if (answer === 19) {\n feedback.className = 'quiz-feedback show correct';\n feedback.textContent = '\ud83c\udfc6 \u03a6\u03b1\u03bd\u03c4\u03b1\u03c3\u03c4\u03b9\u03ba\u03ac! \u039a\u03b1\u03c4\u03b1\u03ba\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7! \u03a4\u03bf 18,95 \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 19 \u03b3\u03b9\u03b1\u03c4\u03af \u03c4\u03bf 9 \u2265 5.';\n } else if (input.value) {\n feedback.className = 'quiz-feedback show incorrect';\n feedback.textContent = '\u274c \u03a3\u03c7\u03b5\u03b4\u03cc\u03bd! \u039a\u03bf\u03af\u03c4\u03b1\u03be\u03b5 \u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7\u03bd \u03c5\u03c0\u03bf\u03b4\u03b9\u03b1\u03c3\u03c4\u03bf\u03bb\u03ae (9) \u03ba\u03b1\u03b9 \u03c3\u03ba\u03ad\u03c8\u03bf\u03c5 \u03c4\u03bf\u03bd \u03ba\u03b1\u03bd\u03cc\u03bd\u03b1.';\n }\n }\n <\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9b790afac5b96f67',t:'MTc2NzM0NDE4My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TYPE html> AI Tutor: \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd \u039f \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03cc\u03c2 \u03c3\u03bf\u03c5 \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u039c\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u0394\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03ce\u03bd (\u0395’ \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd) \u0398\u03b5\u03c9\u03c1\u03af\u03b1 \u03bc\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1 \u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7;\u0395\u03af\u03bd\u03b1\u03b9 \u03cc\u03c4\u03b1\u03bd “\u03ba\u03bb\u03ad\u03b2\u03bf\u03c5\u03bc\u03b5” \u03bb\u03af\u03b3\u03bf \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03b9\u03bf \u03b1\u03c0\u03bb\u03cc \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03c4\u03bf\u03bd \u03b8\u03c5\u03bc\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1! \u03a4\u03b1 3 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1: \u0392\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b9\u03b1 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae \u03c3\u03c4\u03bf \u03c8\u03b7\u03c6\u03af\u03bf \u03c0\u03bf\u03c5 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bc\u03b5 \u03bd\u03b1 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 (\u03c0.\u03c7. \u03c3\u03c4\u03b1 \u03b4\u03ad\u03ba\u03b1\u03c4\u03b1). … <a href=\"https:\/\/prokopidis.sites.sch.gr\/?p=4201\" class=\"more-link\">\u0394\u03b9\u03b1\u03b2\u03ac\u03c3\u03c4\u03b5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1<span class=\"screen-reader-text\"> “\u0397 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b4\u03b5\u03ba\u03b1\u03b4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd\u03c2”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4201","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"nikos","author_link":"https:\/\/prokopidis.sites.sch.gr\/?author=1"},"_links":{"self":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4201"}],"version-history":[{"count":7,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4201\/revisions"}],"predecessor-version":[{"id":5858,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4201\/revisions\/5858"}],"wp:attachment":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}