\u0388\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03b4\u03c1\u03cc\u03bc\u03bf;<\/title>\r\n<style>\r\n :root{\r\n --accent:#1d4ed8; \/* \u03bc\u03c0\u03bb\u03b5 *\/\r\n --line:#e6e8ef;\r\n --chip:#ffffff;\r\n --chip-border:#d1d5db;\r\n --chip-text:#111827;\r\n }\r\n *{box-sizing:border-box}\r\n body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f7f8ff;color:#111}\r\n .quiz-container{max-width:880px;margin:24px auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.06)}\r\n h2{margin:.2rem 0 .8rem}\r\n .start-btn,.submit-btn{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:700}\r\n .start-btn:hover,.submit-btn:hover{filter:brightness(.96)}\r\n .blink-text{color:#1e40af;font-weight:700;font-size:14px;animation:blink 1s linear infinite;margin:.5rem 0 1rem}\r\n @keyframes blink{50%{opacity:.35}}\r\n\r\n .question{margin-bottom:16px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}\r\n .question p{margin:0 0 8px;font-weight:800}\r\n\r\n .answers{display:flex;gap:8px;flex-wrap:wrap}\r\n .chip{position:relative;display:inline-block}\r\n .chip input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}\r\n .chip .box{\r\n display:inline-block;padding:10px 14px;border:1px solid var(--chip-border);\r\n border-radius:12px;background:var(--chip);color:var(--chip-text);font-weight:600;transition:.15s\r\n }\r\n .chip:hover .box{border-color:#9aa4b2}\r\n .chip input:focus + .box{outline:2px solid #bcc6ff;outline-offset:2px}\r\n .chip input:checked + .box{background:var(--accent);color:#fff;border-color:var(--accent)}\r\n\r\n #warn{display:none;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;padding:10px 12px;border-radius:10px;margin-top:12px}\r\n\r\n \/* \u0391\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1 *\/\r\n #results{display:none;margin-top:20px}\r\n .meter{margin:8px 0 14px}\r\n .meter .row{display:flex;justify-content:space-between;align-items:baseline}\r\n .meter .label{font-weight:900}\r\n .meter .pct{font-weight:900}\r\n .bar{width:100%;height:24px;background:#e7efff;border:1px solid #d8def0;border-radius:14px;overflow:hidden;margin-top:6px}\r\n .bar>span{display:block;height:100%;width:0%;background:var(--accent);transition:width .6s}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"quiz-container\">\r\n <h2>\u0391\u03bd\u03b1\u03ba\u03ac\u03bb\u03c5\u03c8\u03b5 \u03c0\u03cc\u03c3\u03bf \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03b7 \u03b5\u03af\u03c3\u03b1\u03b9 \u03bd\u03b1 \u03c7\u03b1\u03c1\u03ac\u03be\u03b5\u03b9\u03c2 \u03c4\u03bf\u03bd \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03b4\u03c1\u03cc\u03bc\u03bf!<\/h2>\r\n <button id=\"startBtn\" class=\"start-btn\">\u039e\u03b5\u03ba\u03af\u03bd\u03b1 \u03c4\u03ce\u03c1\u03b1<\/button>\r\n\r\n <p id=\"instruction\" class=\"blink-text\" style=\"display:none;\">\r\n \u0391\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 \u03cc\u03c3\u03bf \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bc\u03b5 \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b5\u03b9\u03bb\u03b9\u03ba\u03c1\u03af\u03bd\u03b5\u03b9\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03b1\u03bd \u03b5\u03af\u03c3\u03b1\u03b9 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03b7 \u03bd\u03b1 \u03c3\u03ba\u03b5\u03c6\u03c4\u03b5\u03af\u03c2 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2! \u0394\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03c3\u03c9\u03c3\u03c4\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03bb\u03ac\u03b8\u03bf\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2.\r\n <\/p>\r\n\r\n <form id=\"quizForm\" style=\"display:none;\">\r\n <div id=\"questions\"><\/div>\r\n <button type=\"submit\" class=\"submit-btn\">\u0394\u03b5\u03c2 \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1<\/button>\r\n <\/form>\r\n\r\n <div id=\"warn\">\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03c4\u03b5 \u03c3\u03b5 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03b5\u03af \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1<\/div>\r\n\r\n <div id=\"results\">\r\n \r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* === \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd (\u0391\u039a\u03a1\u0399\u0392\u03a9\u03a3 \u03cc\u03c0\u03c9\u03c2 \u03c3\u03c4\u03bf \u03b1\u03c1\u03c7\u03b9\u03ba\u03cc) === *\/\r\nconst questions = [\r\n \"\u0388\u03c7\u03b5\u03b9\u03c2 \u03ae\u03b4\u03b7 \u03c3\u03ba\u03b5\u03c6\u03c4\u03b5\u03af \u03c4\u03b9 \u03b5\u03c0\u03ac\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1 \u03b8\u03b1 \u03ae\u03b8\u03b5\u03bb\u03b5\u03c2 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b1\u03bd \u03c4\u03b5\u03bb\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c4\u03bf \u03c3\u03c7\u03bf\u03bb\u03b5\u03af\u03bf;\",\r\n \"\u03a3\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03bd\u03b1 \u03bc\u03ac\u03b8\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03b5\u03c0\u03ac\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1 \u03b1\u03c0\u03cc \u03bd\u03c9\u03c1\u03af\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03b9\u03bf \u03ac\u03bc\u03b5\u03c3\u03b1 \u03bd\u03b1 \u03b5\u03c1\u03b3\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9;\",\r\n \"\u0398\u03b1 \u03c3\u03bf\u03c5 \u03ac\u03c1\u03b5\u03c3\u03b5 \u03c3\u03c4\u03bf \u039b\u03cd\u03ba\u03b5\u03b9\u03bf \u03bd\u03b1 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1\u03bd \u03c4\u03bf\u03bc\u03ad\u03b1 \u03c0\u03bf\u03c5 \u03bd\u03b1 \u03c3\u03bf\u03c5 \u03b4\u03af\u03bd\u03b5\u03b9 \u03b5\u03b9\u03b4\u03b9\u03ba\u03ad\u03c2 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b1 \u03b5\u03c0\u03b1\u03b3\u03b3\u03ad\u03bb\u03bc\u03b1\u03c4\u03b1;\",\r\n \"\u03a6\u03b1\u03bd\u03c4\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9 \u03c4\u03bf\u03bd \u03b5\u03b1\u03c5\u03c4\u03cc \u03c3\u03bf\u03c5 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03b5\u03b9 \u03c3\u03c0\u03bf\u03c5\u03b4\u03ad\u03c2 \u03c3\u03c4\u03bf \u03c0\u03b1\u03bd\u03b5\u03c0\u03b9\u03c3\u03c4\u03ae\u03bc\u03b9\u03bf \u03b3\u03b9\u03b1 \u03b1\u03c1\u03ba\u03b5\u03c4\u03ac \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1;\",\r\n \"\u03a0\u03b9\u03c3\u03c4\u03b5\u03cd\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b9 \u03b8\u03b1 \u03ae\u03b8\u03b5\u03bb\u03b5\u03c2 \u03ad\u03bd\u03b1 \u03b5\u03c0\u03ac\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03b8\u03b1 '\u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03c4\u03bf \u03bc\u03c5\u03b1\u03bb\u03cc \u03c3\u03bf\u03c5' \u03ba\u03b1\u03b9 \u03cc\u03c7\u03b9 \u03bc\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 '\u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03c4\u03b1 \u03c7\u03ad\u03c1\u03b9\u03b1 \u03c3\u03bf\u03c5';\",\r\n \"\u03a3\u03bf\u03c5 \u03b1\u03ba\u03bf\u03cd\u03b3\u03b5\u03c4\u03b1\u03b9 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03bd \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af\u03c2 \u03bc\u03b1\u03b8\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03b5 \u03c0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03ac\u03b6\u03bf\u03c5\u03bd \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ae \u03ac\u03c3\u03ba\u03b7\u03c3\u03b7 \u03ae \u03bc\u03b1\u03b8\u03b7\u03c4\u03b5\u03af\u03b1;\",\r\n \"\u039d\u03b9\u03ce\u03b8\u03b5\u03b9\u03c2 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03ad\u03c4\u03bf\u03b9\u03bc\u03b7 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1\u03bd \u03c4\u03bf\u03bc\u03ad\u03b1 (\u03c0.\u03c7. \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae, \u03a5\u03b3\u03b5\u03af\u03b1) \u03c0\u03bf\u03c5 \u03bd\u03b1 \u03c3\u03b5 \u03bf\u03b4\u03b7\u03b3\u03ae\u03c3\u03b5\u03b9 \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03c4\u03bf\u03bc\u03ad\u03b1 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03ac\u03c4\u03c9\u03bd;\",\r\n \"\u03a3\u03b5 \u03b5\u03bd\u03b8\u03bf\u03c5\u03c3\u03b9\u03ac\u03b6\u03b5\u03b9 \u03b7 \u03b9\u03b4\u03ad\u03b1 \u03bd\u03b1 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bd\u03c9\u03c1\u03af\u03c4\u03b5\u03c1\u03b1 \u03ad\u03bd\u03b1\u03bd \u03c4\u03af\u03c4\u03bb\u03bf \u03c3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd \u03c0\u03bf\u03c5 \u03c3\u03bf\u03c5 \u03b5\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03ad\u03c8\u03b5\u03b9\u03c2 \u03c0\u03b9\u03bf \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1;\",\r\n \"\u0388\u03c7\u03b5\u03b9\u03c2 \u03b1\u03c1\u03c7\u03af\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03ba\u03ad\u03c6\u03c4\u03b5\u03c3\u03b1\u03b9 \u03c4\u03b9 \u03b8\u03ad\u03bb\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03bc\u03b5\u03c4\u03ac \u03c4\u03bf \u03c3\u03c7\u03bf\u03bb\u03b5\u03af\u03bf;\",\r\n \"\u039e\u03ad\u03c1\u03b5\u03b9\u03c2 \u03c0\u03bf\u03b9\u03b1 \u03b5\u03c0\u03b1\u03b3\u03b3\u03ad\u03bb\u03bc\u03b1\u03c4\u03b1 \u03c3\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c0\u03b9\u03bf \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1;\",\r\n \"\u03a3\u03c5\u03b6\u03b7\u03c4\u03ac\u03c2 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03b9\u03ba\u03bf\u03b3\u03ad\u03bd\u03b5\u03b9\u03ac \u03c3\u03bf\u03c5 \u03ae \u03c6\u03af\u03bb\u03bf\u03c5\u03c2 \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2;\",\r\n \"\u0388\u03c7\u03b5\u03b9\u03c2 \u03c6\u03b1\u03bd\u03c4\u03b1\u03c3\u03c4\u03b5\u03af \u03c0\u03ce\u03c2 \u03b8\u03b1 \u03ae\u03b8\u03b5\u03bb\u03b5\u03c2 \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03ac \u03c3\u03bf\u03c5 \u03c9\u03c2 \u03b5\u03bd\u03ae\u03bb\u03b9\u03ba\u03b1\u03c2 \u03c0.\u03c7. \u03c3\u03b5 10 \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b1\u03c0\u03cc \u03c4\u03ce\u03c1\u03b1;\",\r\n \"\u0391\u03bd\u03b1\u03c1\u03c9\u03c4\u03b9\u03ad\u03c3\u03b1\u03b9 \u03b1\u03bd \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03c3\u03c7\u03bf\u03bb\u03ae \u03c0\u03bf\u03c5 \u03c3\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03ae \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u00ab\u03c3\u03af\u03b3\u03bf\u03c5\u03c1\u03b7 \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac\u00bb;\",\r\n \"\u0388\u03c7\u03b5\u03b9\u03c2 \u03bc\u03c0\u03b5\u03b9 \u03c0\u03bf\u03c4\u03ad \u03c3\u03b5 \u03c3\u03ba\u03ad\u03c8\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03b1\u03bd \u03b8\u03b5\u03c2 \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2 \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03bf\u03c5\u03c2 \u03ae \u03bc\u03cc\u03bd\u03bf\u03c2\/\u03bc\u03cc\u03bd\u03b7 \u03c3\u03bf\u03c5;\",\r\n \"\u03a3\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03ae \u03b1\u03b3\u03c7\u03c9\u03c4\u03b9\u03ba\u03cc \u03bd\u03b1 \u03b1\u03c0\u03bf\u03c6\u03b1\u03c3\u03af\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bf\u03b9\u03b1 \u03ba\u03b1\u03c4\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7 \u03b8\u03b1 \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03bf \u039b\u03cd\u03ba\u03b5\u03b9\u03bf;\"\r\n];\r\n\r\n\/* === \u03a1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 UI === *\/\r\nconst SCALE = [\r\n {label:'\u039d\u03b1\u03b9', value:2},\r\n {label:'\u038c\u03c7\u03b9', value:0},\r\n {label:'\u0394\u03b5\u03bd \u03be\u03ad\u03c1\u03c9', value:0}\r\n];\r\n\r\nconst startBtn = document.getElementById('startBtn');\r\nconst instruction = document.getElementById('instruction');\r\nconst form = document.getElementById('quizForm');\r\nconst qWrap = document.getElementById('questions');\r\nconst results = document.getElementById('results');\r\nconst warn = document.getElementById('warn');\r\n\r\nstartBtn.addEventListener('click', ()=>{\r\n startBtn.style.display='none';\r\n instruction.style.display='block';\r\n form.style.display='block';\r\n renderQuestions();\r\n});\r\n\r\nfunction chip(name,label,val){\r\n const id = `${name}_${label.replace(\/\\s+\/g,'_')}`;\r\n return `<label class=\"chip\" for=\"${id}\">\r\n <input id=\"${id}\" type=\"radio\" name=\"${name}\" value=\"${val}\">\r\n <span class=\"box\">${label}<\/span>\r\n <\/label>`;\r\n}\r\n\r\nfunction renderQuestions(){\r\n qWrap.innerHTML = '';\r\n questions.forEach((q,i)=>{\r\n const name = `q${i}`;\r\n const div = document.createElement('div');\r\n div.className = 'question';\r\n div.innerHTML = `\r\n <p><strong>${q}<\/strong><\/p>\r\n <div class=\"answers\">\r\n ${SCALE.map(s=>chip(name,s.label,s.value)).join('')}\r\n <\/div>\r\n `;\r\n qWrap.appendChild(div);\r\n });\r\n}\r\n\r\n\/* === Submit === *\/\r\nform.addEventListener('submit', (e)=>{\r\n e.preventDefault();\r\n\r\n \/\/ \u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u03c0\u03bb\u03ae\u03c1\u03bf\u03c5\u03c2 \u03c3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7\u03c2\r\n const answered = questions.filter((_,i)=>document.querySelector(`input[name=\"q${i}\"]:checked`)).length;\r\n if(answered < questions.length){\r\n warn.style.display='block';\r\n results.style.display='block';\r\n results.innerHTML = \"\u2757 \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 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03b5\u03af \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1.\";\r\n return;\r\n }else{\r\n warn.style.display='none';\r\n }\r\n\r\n \/\/ \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c3\u03ba\u03bf\u03c1\/\u03c0\u03bf\u03c3\u03bf\u03c3\u03c4\u03bf\u03cd\r\n let score = 0;\r\n questions.forEach((_,i)=>{\r\n const el = document.querySelector(`input[name=\"q${i}\"]:checked`);\r\n score += Number(el.value);\r\n });\r\n const percentage = Math.round(100 * score \/ (questions.length * 2));\r\n\r\n \/\/ \u039c\u03ae\u03bd\u03c5\u03bc\u03b1 (\u0391\u039a\u03a1\u0399\u0392\u03a9\u03a3 \u03cc\u03c0\u03c9\u03c2 \u03c3\u03c4\u03bf \u03b1\u03c1\u03c7\u03b9\u03ba\u03cc)\r\n let message = \"\";\r\n if (percentage > 75) {\r\n message = `\u0394\u03b5\u03af\u03c7\u03bd\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b9 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b1\u03c1\u03c7\u03af\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03ba\u03ad\u03c6\u03c4\u03b5\u03c3\u03b1\u03b9 \u03c3\u03bf\u03b2\u03b1\u03c1\u03ac \u03c4\u03bf \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03bc\u03ad\u03bb\u03bb\u03bf\u03bd. \u0398\u03ad\u03bb\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03c3\u03b5 \u03bf\u03b4\u03b7\u03b3\u03ae\u03c3\u03bf\u03c5\u03bd \u03c0\u03b9\u03bf \u03ac\u03bc\u03b5\u03c3\u03b1 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03b4\u03c1\u03cc\u03bc\u03bf \u03ba\u03b1\u03b9 \u03bd\u03b9\u03ce\u03b8\u03b5\u03b9\u03c2 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03ad\u03c4\u03bf\u03b9\u03bc\u03b7 \u03bd\u03b1 \u03c0\u03ac\u03c1\u03b5\u03b9\u03c2 \u03b1\u03c0\u03bf\u03c6\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03ae \u03c3\u03bf\u03c5. \u0397 \u03b9\u03b4\u03ad\u03b1 \u03bd\u03b1 \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03b5 \u03c0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf \u03b5\u03c0\u03ac\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1 \u03c3\u03b5 \u03b5\u03bb\u03ba\u03cd\u03b5\u03b9, \u03b5\u03bd\u03ce \u03b4\u03b5\u03bd \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03af\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03c3\u03c5\u03bd\u03ad\u03c7\u03b9\u03c3\u03b7 \u03c3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd. \u0395\u03af\u03c3\u03b1\u03b9 \u03c3\u03b5 \u03c0\u03bf\u03bb\u03cd \u03ba\u03b1\u03bb\u03cc \u03b4\u03c1\u03cc\u03bc\u03bf!`;\r\n } else if (percentage > 50) {\r\n message = `\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b5\u03c2 \u03b9\u03b4\u03ad\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03bc\u03ad\u03bb\u03bb\u03bf\u03bd, \u03b1\u03bb\u03bb\u03ac \u03af\u03c3\u03c9\u03c2 \u03b1\u03ba\u03cc\u03bc\u03b1 \u03c8\u03ac\u03c7\u03bd\u03b5\u03c3\u03b1\u03b9. \u038a\u03c3\u03c9\u03c2 \u03b4\u03b5\u03bd \u03b5\u03af\u03c3\u03b1\u03b9 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03ad\u03c4\u03bf\u03b9\u03bc\u03b7 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03ba\u03b1\u03c4\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7, \u03b1\u03bb\u03bb\u03ac \u03c3\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03c7\u03c1\u03ae\u03c3\u03b9\u03bc\u03bf \u03bd\u03b1 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b5\u03c6\u03cc\u03b4\u03b9\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03bc\u03ad\u03bb\u03bb\u03bf\u03bd. \u0395\u03af\u03bd\u03b1\u03b9 \u03ba\u03b1\u03bb\u03cc \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03c3\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03bd\u03b5\u03c3\u03b1\u03b9, \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b1\u03c4\u03b7\u03c1\u03b5\u03af\u03c2 \u03c4\u03bf\u03bd \u03b5\u03b1\u03c5\u03c4\u03cc \u03c3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1.`;\r\n } else {\r\n message = `\u039c\u03ac\u03bb\u03bb\u03bf\u03bd \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9\u03c2 \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03b5\u03c2 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03bf \u03c0\u03b1\u03c1\u03cc\u03bd \u2013 \u03ba\u03b1\u03b9 \u03b1\u03c5\u03c4\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03bf\u03bb\u03cd\u03c4\u03c9\u03c2 \u03c6\u03c5\u03c3\u03b9\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b7\u03bb\u03b9\u03ba\u03af\u03b1 \u03c3\u03bf\u03c5. \u038a\u03c3\u03c9\u03c2 \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b2\u03c1\u03b5\u03b9 \u03b1\u03ba\u03cc\u03bc\u03b7 \u03c4\u03b9 \u03c3\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03ae \u03b4\u03b5\u03bd \u03c3\u03b5 \u03b1\u03c0\u03b1\u03c3\u03c7\u03bf\u03bb\u03b5\u03af \u03c4\u03cc\u03c3\u03bf \u03b1\u03c5\u03c4\u03ae \u03c4\u03b7 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ae. \u039c\u03b5 \u03c4\u03bf\u03bd \u03ba\u03b1\u03b9\u03c1\u03cc \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b7 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7, \u03b8\u03b1 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03c4\u03b7 \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1 \u03bd\u03b1 \u03c0\u03ac\u03c1\u03b5\u03b9\u03c2 \u03c0\u03b9\u03bf \u03ce\u03c1\u03b9\u03bc\u03b5\u03c2 \u03b1\u03c0\u03bf\u03c6\u03ac\u03c3\u03b5\u03b9\u03c2.`;\r\n }\r\n\r\n \/\/ \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd \u03bc\u03b5 \u03bc\u03c0\u03ac\u03c1\u03b1\r\n results.style.display='block';\r\n results.innerHTML = `\r\n <div class=\"meter\">\r\n <div class=\"row\">\r\n <div class=\"label\">\u03a0\u03bf\u03c3\u03bf\u03c3\u03c4\u03cc \u03b5\u03c4\u03bf\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/div>\r\n <div class=\"pct\">${percentage}%<\/div>\r\n <\/div>\r\n <div class=\"bar\"><span style=\"width:${percentage}%\"><\/span><\/div>\r\n <\/div>\r\n <p style=\"white-space: pre-line; margin-top:12px;\">${message}<\/p>\r\n `;\r\n\r\n \/\/ animation \u03bc\u03c0\u03ac\u03c1\u03b1\u03c2\r\n const bar = results.querySelector('.bar>span');\r\n const w = bar.style.width;\r\n bar.style.width = '0%';\r\n setTimeout(()=>{ bar.style.width = w; }, 0);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\n","protected":false},"excerpt":{"rendered":"<p>\u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03bc\u03b5 \u03b5\u03b9\u03bb\u03b9\u03ba\u03c1\u03af\u03bd\u03b5\u03b9\u03b1 \u2013 \u03b4\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03c3\u03c9\u03c3\u03c4\u03ad\u03c2 \u03ae \u03bb\u03ac\u03b8\u03bf\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2. \u03a4\u03bf \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c4\u03bf\u03bd \u03b5\u03b1\u03c5\u03c4\u03cc \u03c3\u03bf\u03c5!<\/p>\n","protected":false},"author":2,"featured_media":134168,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[108,279],"tags":[],"class_list":["post-134167","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-108","category-279"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mysep.gr\/wp-content\/uploads\/2025\/06\/\u03a0\u03bf\u03c3\u03bf-\u03b5\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2-\u03b5\u03b9\u03c3\u03b1\u03b9-\u03bd\u03b1-\u03b1\u03c0\u03bf\u03c6\u03b1\u03c3\u03af\u03c3\u03b5\u03b9\u03c2.jpg","_links":{"self":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=134167"}],"version-history":[{"count":1,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134167\/revisions"}],"predecessor-version":[{"id":149034,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134167\/revisions\/149034"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/media\/134168"}],"wp:attachment":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=134167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=134167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=134167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":134167,"date":"2023-04-16T18:05:06","date_gmt":"2023-04-16T16:05:06","guid":{"rendered":"https:\/\/www.mysep.gr\/?p=134167"},"modified":"2026-03-04T11:49:36","modified_gmt":"2026-03-04T09:49:36","slug":"%ce%b1%ce%bd%ce%b1%ce%ba%ce%ac%ce%bb%cf%85%cf%88%ce%b5-%cf%80%cf%8c%cf%83%ce%bf-%ce%ad%cf%84%ce%bf%ce%b9%ce%bc%ce%bf%cf%82-%ce%b7-%ce%b5%ce%af%cf%83%ce%b1%ce%b9-%ce%b3%ce%b9%ce%b1-%ce%bd%ce%b1-%cf%87","status":"publish","type":"post","link":"https:\/\/www.mysep.gr\/?p=134167","title":{"rendered":"\u0391\u03bd\u03b1\u03ba\u03ac\u03bb\u03c5\u03c8\u03b5 \u03c0\u03cc\u03c3\u03bf \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03b7 \u03b5\u03af\u03c3\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c7\u03b1\u03c1\u03ac\u03be\u03b5\u03b9\u03c2 \u03c4\u03bf\u03bd \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03b4\u03c1\u03cc\u03bc\u03bf"},"content":{"rendered":"

\n
\u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03bc\u03b5 \u03b5\u03b9\u03bb\u03b9\u03ba\u03c1\u03af\u03bd\u03b5\u03b9\u03b1 \u2013 \u03b4\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03c3\u03c9\u03c3\u03c4\u03ad\u03c2 \u03ae \u03bb\u03ac\u03b8\u03bf\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2. \u03a4\u03bf \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c4\u03bf\u03bd \u03b5\u03b1\u03c5\u03c4\u03cc \u03c3\u03bf\u03c5!<\/p>\n<\/blockquote>\n\r\n\r\n\r\n\r\n\r\n\u0388\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03bf\u03bd \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03b4\u03c1\u03cc\u03bc\u03bf;<\/title>\r\n<style>\r\n :root{\r\n --accent:#1d4ed8; \/* \u03bc\u03c0\u03bb\u03b5 *\/\r\n --line:#e6e8ef;\r\n --chip:#ffffff;\r\n --chip-border:#d1d5db;\r\n --chip-text:#111827;\r\n }\r\n *{box-sizing:border-box}\r\n body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f7f8ff;color:#111}\r\n .quiz-container{max-width:880px;margin:24px auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.06)}\r\n h2{margin:.2rem 0 .8rem}\r\n .start-btn,.submit-btn{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;font-weight:700}\r\n .start-btn:hover,.submit-btn:hover{filter:brightness(.96)}\r\n .blink-text{color:#1e40af;font-weight:700;font-size:14px;animation:blink 1s linear infinite;margin:.5rem 0 1rem}\r\n @keyframes blink{50%{opacity:.35}}\r\n\r\n .question{margin-bottom:16px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}\r\n .question p{margin:0 0 8px;font-weight:800}\r\n\r\n .answers{display:flex;gap:8px;flex-wrap:wrap}\r\n .chip{position:relative;display:inline-block}\r\n .chip input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}\r\n .chip .box{\r\n display:inline-block;padding:10px 14px;border:1px solid var(--chip-border);\r\n border-radius:12px;background:var(--chip);color:var(--chip-text);font-weight:600;transition:.15s\r\n }\r\n .chip:hover .box{border-color:#9aa4b2}\r\n .chip input:focus + .box{outline:2px solid #bcc6ff;outline-offset:2px}\r\n .chip input:checked + .box{background:var(--accent);color:#fff;border-color:var(--accent)}\r\n\r\n #warn{display:none;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;padding:10px 12px;border-radius:10px;margin-top:12px}\r\n\r\n \/* \u0391\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1 *\/\r\n #results{display:none;margin-top:20px}\r\n .meter{margin:8px 0 14px}\r\n .meter .row{display:flex;justify-content:space-between;align-items:baseline}\r\n .meter .label{font-weight:900}\r\n .meter .pct{font-weight:900}\r\n .bar{width:100%;height:24px;background:#e7efff;border:1px solid #d8def0;border-radius:14px;overflow:hidden;margin-top:6px}\r\n .bar>span{display:block;height:100%;width:0%;background:var(--accent);transition:width .6s}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"quiz-container\">\r\n <h2>\u0391\u03bd\u03b1\u03ba\u03ac\u03bb\u03c5\u03c8\u03b5 \u03c0\u03cc\u03c3\u03bf \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03b7 \u03b5\u03af\u03c3\u03b1\u03b9 \u03bd\u03b1 \u03c7\u03b1\u03c1\u03ac\u03be\u03b5\u03b9\u03c2 \u03c4\u03bf\u03bd \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03b4\u03c1\u03cc\u03bc\u03bf!<\/h2>\r\n <button id=\"startBtn\" class=\"start-btn\">\u039e\u03b5\u03ba\u03af\u03bd\u03b1 \u03c4\u03ce\u03c1\u03b1<\/button>\r\n\r\n <p id=\"instruction\" class=\"blink-text\" style=\"display:none;\">\r\n \u0391\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 \u03cc\u03c3\u03bf \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bc\u03b5 \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b5\u03b9\u03bb\u03b9\u03ba\u03c1\u03af\u03bd\u03b5\u03b9\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b5\u03b9\u03c2 \u03b1\u03bd \u03b5\u03af\u03c3\u03b1\u03b9 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03b7 \u03bd\u03b1 \u03c3\u03ba\u03b5\u03c6\u03c4\u03b5\u03af\u03c2 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2! \u0394\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03c3\u03c9\u03c3\u03c4\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03bb\u03ac\u03b8\u03bf\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2.\r\n <\/p>\r\n\r\n <form id=\"quizForm\" style=\"display:none;\">\r\n <div id=\"questions\"><\/div>\r\n <button type=\"submit\" class=\"submit-btn\">\u0394\u03b5\u03c2 \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1<\/button>\r\n <\/form>\r\n\r\n <div id=\"warn\">\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03c4\u03b5 \u03c3\u03b5 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03b5\u03af \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1<\/div>\r\n\r\n <div id=\"results\">\r\n \r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* === \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd (\u0391\u039a\u03a1\u0399\u0392\u03a9\u03a3 \u03cc\u03c0\u03c9\u03c2 \u03c3\u03c4\u03bf \u03b1\u03c1\u03c7\u03b9\u03ba\u03cc) === *\/\r\nconst questions = [\r\n \"\u0388\u03c7\u03b5\u03b9\u03c2 \u03ae\u03b4\u03b7 \u03c3\u03ba\u03b5\u03c6\u03c4\u03b5\u03af \u03c4\u03b9 \u03b5\u03c0\u03ac\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1 \u03b8\u03b1 \u03ae\u03b8\u03b5\u03bb\u03b5\u03c2 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b1\u03bd \u03c4\u03b5\u03bb\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c4\u03bf \u03c3\u03c7\u03bf\u03bb\u03b5\u03af\u03bf;\",\r\n \"\u03a3\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03bd\u03b1 \u03bc\u03ac\u03b8\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03b5\u03c0\u03ac\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1 \u03b1\u03c0\u03cc \u03bd\u03c9\u03c1\u03af\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03b9\u03bf \u03ac\u03bc\u03b5\u03c3\u03b1 \u03bd\u03b1 \u03b5\u03c1\u03b3\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9;\",\r\n \"\u0398\u03b1 \u03c3\u03bf\u03c5 \u03ac\u03c1\u03b5\u03c3\u03b5 \u03c3\u03c4\u03bf \u039b\u03cd\u03ba\u03b5\u03b9\u03bf \u03bd\u03b1 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1\u03bd \u03c4\u03bf\u03bc\u03ad\u03b1 \u03c0\u03bf\u03c5 \u03bd\u03b1 \u03c3\u03bf\u03c5 \u03b4\u03af\u03bd\u03b5\u03b9 \u03b5\u03b9\u03b4\u03b9\u03ba\u03ad\u03c2 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b1 \u03b5\u03c0\u03b1\u03b3\u03b3\u03ad\u03bb\u03bc\u03b1\u03c4\u03b1;\",\r\n \"\u03a6\u03b1\u03bd\u03c4\u03ac\u03b6\u03b5\u03c3\u03b1\u03b9 \u03c4\u03bf\u03bd \u03b5\u03b1\u03c5\u03c4\u03cc \u03c3\u03bf\u03c5 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03b5\u03b9 \u03c3\u03c0\u03bf\u03c5\u03b4\u03ad\u03c2 \u03c3\u03c4\u03bf \u03c0\u03b1\u03bd\u03b5\u03c0\u03b9\u03c3\u03c4\u03ae\u03bc\u03b9\u03bf \u03b3\u03b9\u03b1 \u03b1\u03c1\u03ba\u03b5\u03c4\u03ac \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1;\",\r\n \"\u03a0\u03b9\u03c3\u03c4\u03b5\u03cd\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b9 \u03b8\u03b1 \u03ae\u03b8\u03b5\u03bb\u03b5\u03c2 \u03ad\u03bd\u03b1 \u03b5\u03c0\u03ac\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03b8\u03b1 '\u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03c4\u03bf \u03bc\u03c5\u03b1\u03bb\u03cc \u03c3\u03bf\u03c5' \u03ba\u03b1\u03b9 \u03cc\u03c7\u03b9 \u03bc\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 '\u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03c4\u03b1 \u03c7\u03ad\u03c1\u03b9\u03b1 \u03c3\u03bf\u03c5';\",\r\n \"\u03a3\u03bf\u03c5 \u03b1\u03ba\u03bf\u03cd\u03b3\u03b5\u03c4\u03b1\u03b9 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03bd \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03b5\u03af\u03c2 \u03bc\u03b1\u03b8\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03b5 \u03c0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03ac\u03b6\u03bf\u03c5\u03bd \u03b3\u03b9\u03b1 \u03bc\u03b9\u03b1 \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ae \u03ac\u03c3\u03ba\u03b7\u03c3\u03b7 \u03ae \u03bc\u03b1\u03b8\u03b7\u03c4\u03b5\u03af\u03b1;\",\r\n \"\u039d\u03b9\u03ce\u03b8\u03b5\u03b9\u03c2 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03ad\u03c4\u03bf\u03b9\u03bc\u03b7 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1\u03bd \u03c4\u03bf\u03bc\u03ad\u03b1 (\u03c0.\u03c7. \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae, \u03a5\u03b3\u03b5\u03af\u03b1) \u03c0\u03bf\u03c5 \u03bd\u03b1 \u03c3\u03b5 \u03bf\u03b4\u03b7\u03b3\u03ae\u03c3\u03b5\u03b9 \u03c3\u03b5 \u03ad\u03bd\u03b1 \u03c4\u03bf\u03bc\u03ad\u03b1 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03ac\u03c4\u03c9\u03bd;\",\r\n \"\u03a3\u03b5 \u03b5\u03bd\u03b8\u03bf\u03c5\u03c3\u03b9\u03ac\u03b6\u03b5\u03b9 \u03b7 \u03b9\u03b4\u03ad\u03b1 \u03bd\u03b1 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03bd\u03c9\u03c1\u03af\u03c4\u03b5\u03c1\u03b1 \u03ad\u03bd\u03b1\u03bd \u03c4\u03af\u03c4\u03bb\u03bf \u03c3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd \u03c0\u03bf\u03c5 \u03c3\u03bf\u03c5 \u03b5\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03ad\u03c8\u03b5\u03b9\u03c2 \u03c0\u03b9\u03bf \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1;\",\r\n \"\u0388\u03c7\u03b5\u03b9\u03c2 \u03b1\u03c1\u03c7\u03af\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03ba\u03ad\u03c6\u03c4\u03b5\u03c3\u03b1\u03b9 \u03c4\u03b9 \u03b8\u03ad\u03bb\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03bc\u03b5\u03c4\u03ac \u03c4\u03bf \u03c3\u03c7\u03bf\u03bb\u03b5\u03af\u03bf;\",\r\n \"\u039e\u03ad\u03c1\u03b5\u03b9\u03c2 \u03c0\u03bf\u03b9\u03b1 \u03b5\u03c0\u03b1\u03b3\u03b3\u03ad\u03bb\u03bc\u03b1\u03c4\u03b1 \u03c3\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c0\u03b9\u03bf \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1;\",\r\n \"\u03a3\u03c5\u03b6\u03b7\u03c4\u03ac\u03c2 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03bf\u03b9\u03ba\u03bf\u03b3\u03ad\u03bd\u03b5\u03b9\u03ac \u03c3\u03bf\u03c5 \u03ae \u03c6\u03af\u03bb\u03bf\u03c5\u03c2 \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2;\",\r\n \"\u0388\u03c7\u03b5\u03b9\u03c2 \u03c6\u03b1\u03bd\u03c4\u03b1\u03c3\u03c4\u03b5\u03af \u03c0\u03ce\u03c2 \u03b8\u03b1 \u03ae\u03b8\u03b5\u03bb\u03b5\u03c2 \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03ac \u03c3\u03bf\u03c5 \u03c9\u03c2 \u03b5\u03bd\u03ae\u03bb\u03b9\u03ba\u03b1\u03c2 \u03c0.\u03c7. \u03c3\u03b5 10 \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b1\u03c0\u03cc \u03c4\u03ce\u03c1\u03b1;\",\r\n \"\u0391\u03bd\u03b1\u03c1\u03c9\u03c4\u03b9\u03ad\u03c3\u03b1\u03b9 \u03b1\u03bd \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03c3\u03c7\u03bf\u03bb\u03ae \u03c0\u03bf\u03c5 \u03c3\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03ae \u03c0\u03bf\u03c5 \u03ad\u03c7\u03b5\u03b9 \u00ab\u03c3\u03af\u03b3\u03bf\u03c5\u03c1\u03b7 \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac\u00bb;\",\r\n \"\u0388\u03c7\u03b5\u03b9\u03c2 \u03bc\u03c0\u03b5\u03b9 \u03c0\u03bf\u03c4\u03ad \u03c3\u03b5 \u03c3\u03ba\u03ad\u03c8\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03b1\u03bd \u03b8\u03b5\u03c2 \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9\u03c2 \u03bc\u03b5 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2 \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03bf\u03c5\u03c2 \u03ae \u03bc\u03cc\u03bd\u03bf\u03c2\/\u03bc\u03cc\u03bd\u03b7 \u03c3\u03bf\u03c5;\",\r\n \"\u03a3\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf \u03ae \u03b1\u03b3\u03c7\u03c9\u03c4\u03b9\u03ba\u03cc \u03bd\u03b1 \u03b1\u03c0\u03bf\u03c6\u03b1\u03c3\u03af\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bf\u03b9\u03b1 \u03ba\u03b1\u03c4\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7 \u03b8\u03b1 \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03bf \u039b\u03cd\u03ba\u03b5\u03b9\u03bf;\"\r\n];\r\n\r\n\/* === \u03a1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 UI === *\/\r\nconst SCALE = [\r\n {label:'\u039d\u03b1\u03b9', value:2},\r\n {label:'\u038c\u03c7\u03b9', value:0},\r\n {label:'\u0394\u03b5\u03bd \u03be\u03ad\u03c1\u03c9', value:0}\r\n];\r\n\r\nconst startBtn = document.getElementById('startBtn');\r\nconst instruction = document.getElementById('instruction');\r\nconst form = document.getElementById('quizForm');\r\nconst qWrap = document.getElementById('questions');\r\nconst results = document.getElementById('results');\r\nconst warn = document.getElementById('warn');\r\n\r\nstartBtn.addEventListener('click', ()=>{\r\n startBtn.style.display='none';\r\n instruction.style.display='block';\r\n form.style.display='block';\r\n renderQuestions();\r\n});\r\n\r\nfunction chip(name,label,val){\r\n const id = `${name}_${label.replace(\/\\s+\/g,'_')}`;\r\n return `<label class=\"chip\" for=\"${id}\">\r\n <input id=\"${id}\" type=\"radio\" name=\"${name}\" value=\"${val}\">\r\n <span class=\"box\">${label}<\/span>\r\n <\/label>`;\r\n}\r\n\r\nfunction renderQuestions(){\r\n qWrap.innerHTML = '';\r\n questions.forEach((q,i)=>{\r\n const name = `q${i}`;\r\n const div = document.createElement('div');\r\n div.className = 'question';\r\n div.innerHTML = `\r\n <p><strong>${q}<\/strong><\/p>\r\n <div class=\"answers\">\r\n ${SCALE.map(s=>chip(name,s.label,s.value)).join('')}\r\n <\/div>\r\n `;\r\n qWrap.appendChild(div);\r\n });\r\n}\r\n\r\n\/* === Submit === *\/\r\nform.addEventListener('submit', (e)=>{\r\n e.preventDefault();\r\n\r\n \/\/ \u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u03c0\u03bb\u03ae\u03c1\u03bf\u03c5\u03c2 \u03c3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7\u03c2\r\n const answered = questions.filter((_,i)=>document.querySelector(`input[name=\"q${i}\"]:checked`)).length;\r\n if(answered < questions.length){\r\n warn.style.display='block';\r\n results.style.display='block';\r\n results.innerHTML = \"\u2757 \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 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03b5\u03af \u03c4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1.\";\r\n return;\r\n }else{\r\n warn.style.display='none';\r\n }\r\n\r\n \/\/ \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c3\u03ba\u03bf\u03c1\/\u03c0\u03bf\u03c3\u03bf\u03c3\u03c4\u03bf\u03cd\r\n let score = 0;\r\n questions.forEach((_,i)=>{\r\n const el = document.querySelector(`input[name=\"q${i}\"]:checked`);\r\n score += Number(el.value);\r\n });\r\n const percentage = Math.round(100 * score \/ (questions.length * 2));\r\n\r\n \/\/ \u039c\u03ae\u03bd\u03c5\u03bc\u03b1 (\u0391\u039a\u03a1\u0399\u0392\u03a9\u03a3 \u03cc\u03c0\u03c9\u03c2 \u03c3\u03c4\u03bf \u03b1\u03c1\u03c7\u03b9\u03ba\u03cc)\r\n let message = \"\";\r\n if (percentage > 75) {\r\n message = `\u0394\u03b5\u03af\u03c7\u03bd\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b9 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b1\u03c1\u03c7\u03af\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03ba\u03ad\u03c6\u03c4\u03b5\u03c3\u03b1\u03b9 \u03c3\u03bf\u03b2\u03b1\u03c1\u03ac \u03c4\u03bf \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03bc\u03ad\u03bb\u03bb\u03bf\u03bd. \u0398\u03ad\u03bb\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03bd\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bf\u03c5 \u03b8\u03b1 \u03c3\u03b5 \u03bf\u03b4\u03b7\u03b3\u03ae\u03c3\u03bf\u03c5\u03bd \u03c0\u03b9\u03bf \u03ac\u03bc\u03b5\u03c3\u03b1 \u03c3\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03b4\u03c1\u03cc\u03bc\u03bf \u03ba\u03b1\u03b9 \u03bd\u03b9\u03ce\u03b8\u03b5\u03b9\u03c2 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03ad\u03c4\u03bf\u03b9\u03bc\u03b7 \u03bd\u03b1 \u03c0\u03ac\u03c1\u03b5\u03b9\u03c2 \u03b1\u03c0\u03bf\u03c6\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03ae \u03c3\u03bf\u03c5. \u0397 \u03b9\u03b4\u03ad\u03b1 \u03bd\u03b1 \u03b1\u03ba\u03bf\u03bb\u03bf\u03c5\u03b8\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ad\u03bd\u03b1 \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03b5 \u03c0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03c0\u03bf\u03b9\u03bf \u03b5\u03c0\u03ac\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1 \u03c3\u03b5 \u03b5\u03bb\u03ba\u03cd\u03b5\u03b9, \u03b5\u03bd\u03ce \u03b4\u03b5\u03bd \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03af\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03c3\u03c5\u03bd\u03ad\u03c7\u03b9\u03c3\u03b7 \u03c3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd. \u0395\u03af\u03c3\u03b1\u03b9 \u03c3\u03b5 \u03c0\u03bf\u03bb\u03cd \u03ba\u03b1\u03bb\u03cc \u03b4\u03c1\u03cc\u03bc\u03bf!`;\r\n } else if (percentage > 50) {\r\n message = `\u03a6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03cc\u03c4\u03b9 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03ba\u03ac\u03c0\u03bf\u03b9\u03b5\u03c2 \u03b9\u03b4\u03ad\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03bf\u03c5 \u03bc\u03ad\u03bb\u03bb\u03bf\u03bd, \u03b1\u03bb\u03bb\u03ac \u03af\u03c3\u03c9\u03c2 \u03b1\u03ba\u03cc\u03bc\u03b1 \u03c8\u03ac\u03c7\u03bd\u03b5\u03c3\u03b1\u03b9. \u038a\u03c3\u03c9\u03c2 \u03b4\u03b5\u03bd \u03b5\u03af\u03c3\u03b1\u03b9 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2\/\u03ad\u03c4\u03bf\u03b9\u03bc\u03b7 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03b5\u03b9\u03c2 \u03ba\u03b1\u03c4\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7, \u03b1\u03bb\u03bb\u03ac \u03c3\u03bf\u03c5 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03c7\u03c1\u03ae\u03c3\u03b9\u03bc\u03bf \u03bd\u03b1 \u03b1\u03c0\u03bf\u03ba\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b5\u03c6\u03cc\u03b4\u03b9\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03bc\u03ad\u03bb\u03bb\u03bf\u03bd. \u0395\u03af\u03bd\u03b1\u03b9 \u03ba\u03b1\u03bb\u03cc \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03c3\u03b5\u03b9\u03c2 \u03bd\u03b1 \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03bd\u03b5\u03c3\u03b1\u03b9, \u03bd\u03b1 \u03c0\u03b1\u03c1\u03b1\u03c4\u03b7\u03c1\u03b5\u03af\u03c2 \u03c4\u03bf\u03bd \u03b5\u03b1\u03c5\u03c4\u03cc \u03c3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ac\u03b6\u03b5\u03b9\u03c2 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1.`;\r\n } else {\r\n message = `\u039c\u03ac\u03bb\u03bb\u03bf\u03bd \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9\u03c2 \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03b5\u03c2 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03bf \u03c0\u03b1\u03c1\u03cc\u03bd \u2013 \u03ba\u03b1\u03b9 \u03b1\u03c5\u03c4\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03bf\u03bb\u03cd\u03c4\u03c9\u03c2 \u03c6\u03c5\u03c3\u03b9\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b7\u03bb\u03b9\u03ba\u03af\u03b1 \u03c3\u03bf\u03c5. \u038a\u03c3\u03c9\u03c2 \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9\u03c2 \u03b2\u03c1\u03b5\u03b9 \u03b1\u03ba\u03cc\u03bc\u03b7 \u03c4\u03b9 \u03c3\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03ae \u03b4\u03b5\u03bd \u03c3\u03b5 \u03b1\u03c0\u03b1\u03c3\u03c7\u03bf\u03bb\u03b5\u03af \u03c4\u03cc\u03c3\u03bf \u03b1\u03c5\u03c4\u03ae \u03c4\u03b7 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ae. \u039c\u03b5 \u03c4\u03bf\u03bd \u03ba\u03b1\u03b9\u03c1\u03cc \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b7 \u03b5\u03bd\u03b7\u03bc\u03ad\u03c1\u03c9\u03c3\u03b7, \u03b8\u03b1 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03c4\u03b7 \u03b4\u03c5\u03bd\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1 \u03bd\u03b1 \u03c0\u03ac\u03c1\u03b5\u03b9\u03c2 \u03c0\u03b9\u03bf \u03ce\u03c1\u03b9\u03bc\u03b5\u03c2 \u03b1\u03c0\u03bf\u03c6\u03ac\u03c3\u03b5\u03b9\u03c2.`;\r\n }\r\n\r\n \/\/ \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd \u03bc\u03b5 \u03bc\u03c0\u03ac\u03c1\u03b1\r\n results.style.display='block';\r\n results.innerHTML = `\r\n <div class=\"meter\">\r\n <div class=\"row\">\r\n <div class=\"label\">\u03a0\u03bf\u03c3\u03bf\u03c3\u03c4\u03cc \u03b5\u03c4\u03bf\u03b9\u03bc\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2<\/div>\r\n <div class=\"pct\">${percentage}%<\/div>\r\n <\/div>\r\n <div class=\"bar\"><span style=\"width:${percentage}%\"><\/span><\/div>\r\n <\/div>\r\n <p style=\"white-space: pre-line; margin-top:12px;\">${message}<\/p>\r\n `;\r\n\r\n \/\/ animation \u03bc\u03c0\u03ac\u03c1\u03b1\u03c2\r\n const bar = results.querySelector('.bar>span');\r\n const w = bar.style.width;\r\n bar.style.width = '0%';\r\n setTimeout(()=>{ bar.style.width = w; }, 0);\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\n","protected":false},"excerpt":{"rendered":"<p>\u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03bc\u03b5 \u03b5\u03b9\u03bb\u03b9\u03ba\u03c1\u03af\u03bd\u03b5\u03b9\u03b1 \u2013 \u03b4\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03c3\u03c9\u03c3\u03c4\u03ad\u03c2 \u03ae \u03bb\u03ac\u03b8\u03bf\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2. \u03a4\u03bf \u03c3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc \u03b5\u03af\u03bd\u03b1\u03b9 \u03bd\u03b1 \u03b3\u03bd\u03c9\u03c1\u03af\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c4\u03bf\u03bd \u03b5\u03b1\u03c5\u03c4\u03cc \u03c3\u03bf\u03c5!<\/p>\n","protected":false},"author":2,"featured_media":134168,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[108,279],"tags":[],"class_list":["post-134167","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-108","category-279"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mysep.gr\/wp-content\/uploads\/2025\/06\/\u03a0\u03bf\u03c3\u03bf-\u03b5\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2-\u03b5\u03b9\u03c3\u03b1\u03b9-\u03bd\u03b1-\u03b1\u03c0\u03bf\u03c6\u03b1\u03c3\u03af\u03c3\u03b5\u03b9\u03c2.jpg","_links":{"self":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=134167"}],"version-history":[{"count":1,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134167\/revisions"}],"predecessor-version":[{"id":149034,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/134167\/revisions\/149034"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/media\/134168"}],"wp:attachment":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=134167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=134167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=134167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}