{"id":4189,"date":"2024-07-11T20:47:31","date_gmt":"2024-07-11T20:47:31","guid":{"rendered":"https:\/\/prokopidis.sites.sch.gr\/?p=4189"},"modified":"2026-02-01T13:44:26","modified_gmt":"2026-02-01T13:44:26","slug":"%ce%b1%ce%bd%ce%b1%ce%b3%cf%89%ce%b3%ce%ae-%cf%83%cf%84%ce%b7%ce%bd-%ce%ba%ce%bb%ce%b1%cf%83%ce%bc%ce%b1%cf%84%ce%b9%ce%ba%ce%ae-%ce%bc%ce%bf%ce%bd%ce%ac%ce%b4%ce%b1","status":"publish","type":"post","link":"https:\/\/prokopidis.sites.sch.gr\/?p=4189","title":{"rendered":"\u0391\u03bd\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b7\u03bd \u03ba\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03bc\u03bf\u03bd\u03ac\u03b4\u03b1"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a3eafe5aca51&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a3eafe5aca51\" class=\"aligncenter size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-01-24-220407-1024x578.png\" alt=\"\" class=\"wp-image-6035\" srcset=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-01-24-220407-1024x578.png 1024w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-01-24-220407-300x169.png 300w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-01-24-220407-768x434.png 768w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2026-01-24-220407.png 1082w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"\u039c\u03b5\u03b3\u03ad\u03b8\u03c5\u03bd\u03c3\u03b7\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" 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-150x16.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\n\n\n<div class=\"_df_book df-lite\" id=\"df_6034\"  _slug=\"%ce%b1%ce%bd%ce%b1%ce%b3%cf%89%ce%b3%ce%ae-%cf%83%cf%84%ce%b7%ce%bd-%ce%ba%ce%bb%ce%b1%cf%83%ce%bc%ce%b1%cf%84%ce%b9%ce%ba%ce%ae-%ce%bc%ce%bf%ce%bd%ce%ac%ce%b4%ce%b1\" data-title=\"%ce%b1%ce%bd%ce%b1%ce%b3%cf%89%ce%b3%ce%ae-%cf%83%cf%84%ce%b7%ce%bd-%ce%ba%ce%bb%ce%b1%cf%83%ce%bc%ce%b1%cf%84%ce%b9%ce%ba%ce%ae-%ce%bc%ce%bf%ce%bd%ce%ac%ce%b4%ce%b1\" wpoptions=\"true\" thumbtype=\"\" ><\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_6034 = {\"outline\":[],\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"enableDownload\":\"false\",\"direction\":\"1\",\"pageSize\":\"1\",\"source\":\"https:\\\/\\\/prokopidis.sites.sch.gr\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/\\u0391\\u03bd\\u03b1\\u03b3\\u03c9\\u03b3\\u03ae_\\u03c3\\u03c4\\u03b7_\\u039c\\u03bf\\u03bd\\u03ac\\u03b4\\u03b1.pdf\",\"wpOptions\":\"true\"}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n\n\n\n<p class=\"has-small-font-size\">\u03ba\u03bb\u03b9\u03ba \u03c3\u03c4\u03b9\u03c2 \u03c4\u03c1\u03b5\u03b9\u03c2 \u03c4\u03b5\u03bb\u03b5\u03af\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac single Page Mode<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" 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-150x16.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium is-resized\"><a href=\"https:\/\/gemini.google.com\/share\/bc110474ec5a\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"173\" src=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-25-125036-300x173.png\" alt=\"\" class=\"wp-image-5556\" style=\"aspect-ratio:1.7385704989316602;width:552px;height:auto\" srcset=\"https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-25-125036-300x173.png 300w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-25-125036-1024x589.png 1024w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-25-125036-768x442.png 768w, https:\/\/prokopidis.sites.sch.gr\/wp-content\/uploads\/2024\/07\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-\u03bf\u03b8\u03cc\u03bd\u03b7\u03c2-2025-12-25-125036.png 1090w\" sizes=\"auto, (max-width: 300px) 85vw, 300px\" \/><\/a><figcaption class=\"wp-element-caption\">\u0393\u03b9\u03b1 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03bb\u03b9\u03ba \u03c3\u03c4\u03b7\u03bd \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" 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-150x16.png\" alt=\"\" class=\"wp-image-5725\"\/><\/figure>\n<\/div>\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>\u0391\u03bd\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b7\u03bd \u039a\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u039c\u03bf\u03bd\u03ac\u03b4\u03b1 &#8211; \u0395&#8217; \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@400;700&family=Open+Sans:wght@400;600&display=swap');\n        \n        body {\n            font-family: 'Open+Sans', sans-serif;\n            background-color: #f0f9ff;\n        }\n        h1, h2, h3 {\n            font-family: 'Comfortaa', cursive;\n        }\n        .card {\n            background: white;\n            border-radius: 1.5rem;\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n            transition: transform 0.2s;\n        }\n        \n        \/* \u03a3\u03c4\u03c5\u03bb \u03b3\u03b9\u03b1 \u03cc\u03bc\u03bf\u03c1\u03c6\u03b7 \u03b5\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03ba\u03bb\u03b1\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd *\/\n        .fraction {\n            display: inline-flex;\n            flex-direction: column;\n            vertical-align: middle;\n            text-align: center;\n            line-height: 1;\n            padding: 0 4px;\n            font-weight: bold;\n        }\n        .numerator { \n            border-bottom: 2px solid #334155; \n            padding-bottom: 2px;\n        }\n        .denominator { \n            padding-top: 2px;\n        }\n        \n        .btn-check {\n            background-color: #0ea5e9;\n            color: white;\n            padding: 0.5rem 1rem;\n            border-radius: 0.5rem;\n            cursor: pointer;\n        }\n        .btn-check:hover { background-color: #0284c7; }\n        \n        .feedback {\n            display: none;\n            margin-top: 0.5rem;\n            font-weight: bold;\n        }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-8\">\n\n    <div class=\"max-w-4xl mx-auto\">\n        <!-- Header -->\n        <header class=\"text-center mb-10\">\n            <h1 class=\"text-3xl md:text-4xl font-bold text-sky-600 mb-2\">\u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u0395&#8217; \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd<\/h1>\n            <h2 class=\"text-xl md:text-2xl text-slate-700\">\u0391\u03bd\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b7\u03bd \u039a\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u039c\u03bf\u03bd\u03ac\u03b4\u03b1<\/h2>\n            <div class=\"w-24 h-1 bg-sky-400 mx-auto mt-4 rounded-full\"><\/div>\n        <\/header>\n\n        <!-- Theory Section -->\n        <section class=\"card p-6 mb-8 border-l-8 border-sky-500\">\n            <h3 class=\"text-2xl font-bold text-sky-700 mb-4 flex items-center\">\n                <span class=\"mr-2\">\ud83d\udca1<\/span> \u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 &#8220;\u0391\u03bd\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b7\u03bd \u039a\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u039c\u03bf\u03bd\u03ac\u03b4\u03b1&#8221;;\n            <\/h3>\n            <p class=\"text-lg text-slate-700 mb-4 leading-relaxed\">\n                \u038c\u03c4\u03b1\u03bd \u03be\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c4\u03b9\u03bc\u03ae \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1 <strong>\u03bc\u03ad\u03c1\u03bf\u03c2<\/strong> \u03b5\u03bd\u03cc\u03c2 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03bf\u03c2 (\u03c0.\u03c7. \u03c4\u03b1 \n                <span class=\"fraction\"><span class=\"numerator\">3<\/span><span class=\"denominator\">4<\/span><\/span>) \n                \u03ba\u03b1\u03b9 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bc\u03b5 \u03bd\u03b1 \u03b2\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c0\u03cc\u03c3\u03bf \u03ba\u03ac\u03bd\u03b5\u03b9 <strong>\u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03bf<\/strong> \u03c4\u03bf \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1 \u03ae \u03ad\u03bd\u03b1 \u03ac\u03bb\u03bb\u03bf \u03bc\u03ad\u03c1\u03bf\u03c2 \u03c4\u03bf\u03c5, \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03bf\u03cd\u03bc\u03b5 \u03b4\u03cd\u03bf \u03b1\u03c0\u03bb\u03ac \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1:\n            <\/p>\n            <div class=\"bg-sky-50 p-4 rounded-xl border border-sky-100\">\n                <ul class=\"list-none space-y-3\">\n                    <li class=\"flex items-start\">\n                        <span class=\"bg-sky-500 text-white rounded-full h-6 w-6 flex items-center justify-center mr-3 mt-1 text-sm\">1<\/span>\n                        <span><strong>\u0392\u03c1\u03af\u03c3\u03ba\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03ba\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03bc\u03bf\u03bd\u03ac\u03b4\u03b1:<\/strong> \u0394\u03b9\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c4\u03b9\u03bc\u03ae \u03c0\u03bf\u03c5 \u03ad\u03c7\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ae. \u0388\u03c4\u03c3\u03b9 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03cc\u03c3\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \n                        <span class=\"fraction\"><span class=\"numerator\">1<\/span><span class=\"denominator\">&#8230;<\/span><\/span> (\u03c4\u03bf \u03ad\u03bd\u03b1 \u03ba\u03bf\u03bc\u03bc\u03ac\u03c4\u03b9).<\/span>\n                    <\/li>\n                    <li class=\"flex items-start\">\n                        <span class=\"bg-sky-500 text-white rounded-full h-6 w-6 flex items-center justify-center mr-3 mt-1 text-sm\">2<\/span>\n                        <span><strong>\u0392\u03c1\u03af\u03c3\u03ba\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03c3\u03cd\u03bd\u03bf\u03bb\u03bf (\u03ae \u03b1\u03c5\u03c4\u03cc \u03c0\u03bf\u03c5 \u03c8\u03ac\u03c7\u03bd\u03bf\u03c5\u03bc\u03b5):<\/strong> \u03a0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03b1\u03c3\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae (\u03b3\u03b9\u03b1 \u03c4\u03bf \u03cc\u03bb\u03bf) \u03ae \u03bc\u03b5 \u03c4\u03bf\u03bd \u03bd\u03ad\u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ae.<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/section>\n\n        <!-- Example Section -->\n        <section class=\"card p-6 mb-8 border-l-8 border-amber-400\">\n            <h3 class=\"text-2xl font-bold text-amber-600 mb-4\">\ud83d\udcdd \u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1 \u03a0\u03c1\u03bf\u03b2\u03bb\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2<\/h3>\n            <p class=\"italic text-slate-600 mb-4\">&#8220;\u03a4\u03b1 \n                <span class=\"fraction\"><span class=\"numerator\">3<\/span><span class=\"denominator\">5<\/span><\/span> \n                \u03b5\u03bd\u03cc\u03c2 \u03ba\u03b9\u03bb\u03bf\u03cd \u03c4\u03c5\u03c1\u03af \u03ba\u03bf\u03c3\u03c4\u03af\u03b6\u03bf\u03c5\u03bd 9 \u03b5\u03c5\u03c1\u03ce. \u03a0\u03cc\u03c3\u03bf \u03ba\u03bf\u03c3\u03c4\u03af\u03b6\u03b5\u03b9 \u03cc\u03bb\u03bf \u03c4\u03bf \u03ba\u03b9\u03bb\u03cc;&#8221;\n            <\/p>\n            <div class=\"grid md:grid-cols-2 gap-4\">\n                <div class=\"bg-white border-2 border-dashed border-amber-200 p-4 rounded-lg\">\n                    <p class=\"font-bold text-amber-700 mb-2\">\u0392\u03ae\u03bc\u03b1 1: \u03a4\u03bf \u03ad\u03bd\u03b1 \u03bc\u03ad\u03c1\u03bf\u03c2<\/p>\n                    <p>\u0391\u03bd \u03c4\u03b1 3 \u03bc\u03ad\u03c1\u03b7 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bd 9\u20ac,<br>\u03c4\u03bf 1 \u03bc\u03ad\u03c1\u03bf\u03c2 (<span class=\"fraction\"><span class=\"numerator\">1<\/span><span class=\"denominator\">5<\/span><\/span>) \u03ba\u03ac\u03bd\u03b5\u03b9:<br><strong>9 : 3 = 3 \u20ac<\/strong><\/p>\n                <\/div>\n                <div class=\"bg-white border-2 border-dashed border-amber-200 p-4 rounded-lg\">\n                    <p class=\"font-bold text-amber-700 mb-2\">\u0392\u03ae\u03bc\u03b1 2: \u038c\u03bb\u03bf \u03c4\u03bf \u03ba\u03b9\u03bb\u03cc<\/p>\n                    <p>\u0391\u03c6\u03bf\u03cd \u03c4\u03bf <span class=\"fraction\"><span class=\"numerator\">1<\/span><span class=\"denominator\">5<\/span><\/span> \u03ba\u03ac\u03bd\u03b5\u03b9 3\u20ac,<br>\u03c4\u03b1 <span class=\"fraction\"><span class=\"numerator\">5<\/span><span class=\"denominator\">5<\/span><\/span> (\u03cc\u03bb\u03bf) \u03ba\u03ac\u03bd\u03bf\u03c5\u03bd:<br><strong>5 \u00d7 3 = 15 \u20ac<\/strong><\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Practice Section -->\n        <section class=\"mb-8\">\n            <h3 class=\"text-2xl font-bold text-slate-800 mb-6\">\u270f\ufe0f \u038f\u03c1\u03b1 \u03b3\u03b9\u03b1 \u03b5\u03be\u03ac\u03c3\u03ba\u03b7\u03c3\u03b7!<\/h3>\n            \n            <!-- Exercise 1 -->\n            <div class=\"card p-6 mb-4\">\n                <p class=\"font-semibold text-lg mb-4\">1. \u03a4\u03b1 <span class=\"fraction\"><span class=\"numerator\">4<\/span><span class=\"denominator\">7<\/span><\/span> \u03b5\u03bd\u03cc\u03c2 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf 20. \u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2;<\/p>\n                <div class=\"space-y-3\">\n                    <div>\n                        <label class=\"block text-sm text-gray-500\">\u03a0\u03cc\u03c3\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf <span class=\"fraction\"><span class=\"numerator\">1<\/span><span class=\"denominator\">7<\/span><\/span> \u03c4\u03bf\u03c5 \u03b1\u03c1\u03b9\u03b8\u03bc\u03bf\u03cd; (20 : 4)<\/label>\n                        <input type=\"number\" id=\"ex1-step1\" class=\"border-2 border-gray-300 rounded p-2 w-full max-w-xs focus:border-sky-500 outline-none\">\n                    <\/div>\n                    <div>\n                        <label class=\"block text-sm text-gray-500\">\u03a0\u03cc\u03c3\u03bf \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03bf\u03c2 \u03bf \u03b1\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2; (\u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7 \u00d7 7)<\/label>\n                        <input type=\"number\" id=\"ex1-final\" class=\"border-2 border-gray-300 rounded p-2 w-full max-w-xs focus:border-sky-500 outline-none\">\n                    <\/div>\n                    <button onclick=\"checkEx1()\" class=\"btn-check\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n                    <div id=\"feedback1\" class=\"feedback\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Exercise 2 -->\n            <div class=\"card p-6 mb-4\">\n                <p class=\"font-semibold text-lg mb-4\">2. \u0388\u03bd\u03b1 \u03b2\u03b9\u03b2\u03bb\u03af\u03bf \u03ad\u03c7\u03b5\u03b9 200 \u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2. \u0394\u03b9\u03ac\u03b2\u03b1\u03c3\u03b1 \u03c4\u03b1 <span class=\"fraction\"><span class=\"numerator\">2<\/span><span class=\"denominator\">5<\/span><\/span>. \u03a0\u03cc\u03c3\u03b5\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2 \u03b4\u03b9\u03ac\u03b2\u03b1\u03c3\u03b1;<\/p>\n                <p class=\"text-sm text-gray-500 mb-2\">(\u03a0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae: \u0395\u03b4\u03ce \u03be\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03cc\u03bb\u03bf \u03ba\u03b1\u03b9 \u03c8\u03ac\u03c7\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03bc\u03ad\u03c1\u03bf\u03c2!)<\/p>\n                <div class=\"space-y-3\">\n                    <input type=\"number\" id=\"ex2-ans\" placeholder=\"\u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b7...\" class=\"border-2 border-gray-300 rounded p-2 w-full max-w-xs focus:border-sky-500 outline-none\">\n                    <button onclick=\"checkEx2()\" class=\"btn-check\">\u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2<\/button>\n                    <div id=\"feedback2\" class=\"feedback\"><\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Final Quiz Section -->\n        <section class=\"card p-6 mb-8 bg-sky-900 text-white\">\n            <h3 class=\"text-2xl font-bold mb-6 text-sky-300\">\ud83c\udfc6 \u0393\u03c1\u03ae\u03b3\u03bf\u03c1\u03bf Quiz<\/h3>\n            \n            <div id=\"quiz-container\">\n                <div class=\"mb-6\">\n                    <p class=\"text-lg mb-3\">1. \u0391\u03bd \u03c4\u03b1 <span class=\"fraction\"><span class=\"numerator\">2<\/span><span class=\"denominator\">3<\/span><\/span> \u03b5\u03bd\u03cc\u03c2 \u03ba\u03bf\u03c5\u03c4\u03b9\u03bf\u03cd \u03ad\u03c7\u03bf\u03c5\u03bd 12 \u03c3\u03bf\u03ba\u03bf\u03bb\u03b1\u03c4\u03ac\u03ba\u03b9\u03b1, \u03c0\u03cc\u03c3\u03b1 \u03ad\u03c7\u03b5\u03b9 \u03cc\u03bb\u03bf \u03c4\u03bf \u03ba\u03bf\u03c5\u03c4\u03af;<\/p>\n                    <div class=\"grid grid-cols-1 md:grid-cols-3 gap-3\">\n                        <button onclick=\"selectOption(this, 18)\" class=\"option-btn bg-sky-800 p-3 rounded hover:bg-sky-700 border border-sky-600 transition\">18 \u03c3\u03bf\u03ba\u03bf\u03bb\u03b1\u03c4\u03ac\u03ba\u03b9\u03b1<\/button>\n                        <button onclick=\"selectOption(this, 24)\" class=\"option-btn bg-sky-800 p-3 rounded hover:bg-sky-700 border border-sky-600 transition\">24 \u03c3\u03bf\u03ba\u03bf\u03bb\u03b1\u03c4\u03ac\u03ba\u03b9\u03b1<\/button>\n                        <button onclick=\"selectOption(this, 8)\" class=\"option-btn bg-sky-800 p-3 rounded hover:bg-sky-700 border border-sky-600 transition\">8 \u03c3\u03bf\u03ba\u03bf\u03bb\u03b1\u03c4\u03ac\u03ba\u03b9\u03b1<\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mb-6\">\n                    <p class=\"text-lg mb-3\">2. \u03a3\u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b7\u03bd \u03ba\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03bc\u03bf\u03bd\u03ac\u03b4\u03b1, \u03c4\u03b9 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03c1\u03ce\u03c4\u03b1;<\/p>\n                    <div class=\"grid grid-cols-1 gap-3\">\n                        <button onclick=\"selectOption(this, 'correct')\" class=\"option-btn bg-sky-800 p-3 rounded hover:bg-sky-700 border border-sky-600 transition text-left\">\u0394\u03b9\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c4\u03b9\u03bc\u03ae \u03bc\u03b5 \u03c4\u03bf\u03bd \u03b1\u03c1\u03b9\u03b8\u03bc\u03b7\u03c4\u03ae \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b2\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03bf 1 \u03bc\u03ad\u03c1\u03bf\u03c2.<\/button>\n                        <button onclick=\"selectOption(this, 'wrong')\" class=\"option-btn bg-sky-800 p-3 rounded hover:bg-sky-700 border border-sky-600 transition text-left\">\u03a0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03b1\u03c3\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03b1\u03bc\u03ad\u03c3\u03c9\u03c2 \u03bc\u03b5 \u03c4\u03bf\u03bd \u03c0\u03b1\u03c1\u03bf\u03bd\u03bf\u03bc\u03b1\u03c3\u03c4\u03ae.<\/button>\n                    <\/div>\n                <\/div>\n\n                <button onclick=\"submitQuiz()\" class=\"w-full bg-green-500 hover:bg-green-600 text-white font-bold py-3 rounded-xl shadow-lg transition\">\u03a5\u03c0\u03bf\u03b2\u03bf\u03bb\u03ae Quiz<\/button>\n            <\/div>\n            \n            <div id=\"quiz-result\" class=\"hidden mt-6 p-4 rounded-xl text-center text-xl font-bold bg-white text-sky-900\">\n                <!-- Result will appear here -->\n            <\/div>\n        <\/section>\n\n        <footer class=\"text-center text-slate-500 text-sm pb-10\">\n            \u039a\u03b1\u03bb\u03ae \u03bc\u03b5\u03bb\u03ad\u03c4\u03b7! \ud83c\udf1f <br>\n            \u0394\u03ac\u03c3\u03ba\u03b1\u03bb\u03bf\u03c2 \u0395&#8217; \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd\n        <\/footer>\n    <\/div>\n\n    <script>\n        function checkEx1() {\n            const s1 = document.getElementById('ex1-step1').value;\n            const final = document.getElementById('ex1-final').value;\n            const fb = document.getElementById('feedback1');\n            fb.style.display = 'block';\n            \n            if (s1 == 5 && final == 35) {\n                fb.innerHTML = '\u2705 \u039c\u03c0\u03c1\u03ac\u03b2\u03bf! 20:4 = 5 \u03ba\u03b1\u03b9 5x7 = 35.';\n                fb.className = 'feedback text-green-600';\n            } else {\n                fb.innerHTML = '\u274c \u039e\u03b1\u03bd\u03b1\u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b7\u03c3\u03b5! \u0394\u03b9\u03b1\u03b9\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03bf 20 \u03bc\u03b5 \u03c4\u03bf 4 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03b1\u03c3\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b5 \u03c4\u03bf 7.';\n                fb.className = 'feedback text-red-600';\n            }\n        }\n\n        function checkEx2() {\n            const ans = document.getElementById('ex2-ans').value;\n            const fb = document.getElementById('feedback2');\n            fb.style.display = 'block';\n            \n            if (ans == 80) {\n                fb.innerHTML = '\u2705 \u03a3\u03c9\u03c3\u03c4\u03ac! 200:5 = 40 (\u03c4\u03bf 1\/5) \u03ba\u03b1\u03b9 40x2 = 80.';\n                fb.className = 'feedback text-green-600';\n            } else {\n                fb.innerHTML = '\u274c \u039b\u03ac\u03b8\u03bf\u03c2. \u03a0\u03c1\u03ce\u03c4\u03b1 \u03b2\u03c1\u03b5\u03c2 \u03c4\u03bf 1\/5 (200:5) \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03bf 2\/5 (\u03b5\u03c0\u03af 2).';\n                fb.className = 'feedback text-red-600';\n            }\n        }\n\n        function selectOption(btn, val) {\n            const parent = btn.parentElement;\n            parent.querySelectorAll('button').forEach(b => {\n                b.classList.remove('bg-amber-500', 'border-white');\n                b.classList.add('bg-sky-800');\n            });\n            btn.classList.remove('bg-sky-800');\n            btn.classList.add('bg-amber-500', 'border-white');\n            btn.dataset.selected = val;\n        }\n\n        function submitQuiz() {\n            let finalScore = 0;\n            const selections = document.querySelectorAll('.option-btn.bg-amber-500');\n            \n            if (selections.length < 2) {\n                alert(\"\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03c3\u03b5 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2!\");\n                return;\n            }\n\n            selections.forEach(sel => {\n                if (sel.dataset.selected == '18' || sel.dataset.selected == 'correct') {\n                    finalScore++;\n                }\n            });\n\n            const resultDiv = document.getElementById('quiz-result');\n            resultDiv.classList.remove('hidden');\n            resultDiv.innerHTML = `\u03a4\u03bf \u03c3\u03ba\u03bf\u03c1 \u03c3\u03bf\u03c5: ${finalScore} \/ 2! ${finalScore == 2 ? '\u03a4\u03ad\u03bb\u03b5\u03b9\u03b1! \ud83c\udf1f' : '\u03a3\u03c5\u03bd\u03ad\u03c7\u03b9\u03c3\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1! \ud83d\udcaa'}`;\n            window.scrollTo({ top: resultDiv.offsetTop, behavior: 'smooth' });\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u03ba\u03bb\u03b9\u03ba \u03c3\u03c4\u03b9\u03c2 \u03c4\u03c1\u03b5\u03b9\u03c2 \u03c4\u03b5\u03bb\u03b5\u03af\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac single Page Mode . \u0391\u03bd\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b7\u03bd \u039a\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u039c\u03bf\u03bd\u03ac\u03b4\u03b1 &#8211; \u0395&#8217; \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd \u039c\u03b1\u03b8\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u0395&#8217; \u0394\u03b7\u03bc\u03bf\u03c4\u03b9\u03ba\u03bf\u03cd \u0391\u03bd\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b7\u03bd \u039a\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u039c\u03bf\u03bd\u03ac\u03b4\u03b1 \ud83d\udca1 \u03a4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 &#8220;\u0391\u03bd\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b7\u03bd \u039a\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u039c\u03bf\u03bd\u03ac\u03b4\u03b1&#8221;; \u038c\u03c4\u03b1\u03bd \u03be\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c4\u03b9\u03bc\u03ae \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1 \u03bc\u03ad\u03c1\u03bf\u03c2 \u03b5\u03bd\u03cc\u03c2 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03bf\u03c2 (\u03c0.\u03c7. \u03c4\u03b1 34) \u03ba\u03b1\u03b9 \u03b8\u03ad\u03bb\u03bf\u03c5\u03bc\u03b5 \u03bd\u03b1 \u03b2\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c0\u03cc\u03c3\u03bf \u03ba\u03ac\u03bd\u03b5\u03b9 \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03bf \u03c4\u03bf \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1 \u03ae \u03ad\u03bd\u03b1 &hellip; <a href=\"https:\/\/prokopidis.sites.sch.gr\/?p=4189\" 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\"> &#8220;\u0391\u03bd\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b7\u03bd \u03ba\u03bb\u03b1\u03c3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03bc\u03bf\u03bd\u03ac\u03b4\u03b1&#8221;<\/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-4189","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\/4189","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=4189"}],"version-history":[{"count":15,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4189\/revisions"}],"predecessor-version":[{"id":6055,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/4189\/revisions\/6055"}],"wp:attachment":[{"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prokopidis.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}