{"id":6061,"date":"2025-08-10T10:07:08","date_gmt":"2025-08-10T07:07:08","guid":{"rendered":"https:\/\/afedne.info\/?p=6061"},"modified":"2025-08-10T10:07:08","modified_gmt":"2025-08-10T07:07:08","slug":"%d8%b5%d9%86%d9%91%d9%81-%d8%a7%d9%84%d9%85%d8%a7%d8%af%d8%a9-%d8%b5%d9%84%d8%a8-%d8%b3%d8%a7%d8%a6%d9%84-%d8%ba%d8%a7%d8%b2","status":"publish","type":"post","link":"https:\/\/afedne.info\/?p=6061","title":{"rendered":"\u0635\u0646\u0651\u0641 \u0627\u0644\u0645\u0627\u062f\u0629 (\u0635\u0644\u0628 \/ \u0633\u0627\u0626\u0644 \/ \u063a\u0627\u0632)"},"content":{"rendered":"\n<!-- \u0644\u0639\u0628\u0629 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0645\u0627\u062f\u0629 - \u0644\u0644\u0635\u0642 \u062f\u0627\u062e\u0644 \u0628\u0644\u0648\u0643 HTML \u0645\u062e\u0635\u0635 -->\n<section class=\"g2-wrap\" dir=\"rtl\" lang=\"ar\">\n  <style>\n    .g2-wrap{--bg:#fff;--txt:#111827;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--good:#16a34a;--bad:#ef4444;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--txt)}\n    .g2-container{max-width:860px;margin:auto;padding:18px}\n    .g2-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:18px}\n    .g2-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}\n    .g2-ico{width:40px;height:40px;border-radius:12px;background:#eef2ff;display:grid;place-items:center;font-weight:800;color:#1e40af}\n    .g2-title{margin:0;font-size:1.35rem;font-weight:800}\n    .g2-sub{margin:2px 0 0;color:var(--muted);font-size:.95rem}\n    .g2-hud{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:8px 10px;margin:8px 0}\n    .g2-big{font-size:1.8rem;font-weight:800;text-align:center;margin:10px 0}\n    .g2-choices{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}\n    .g2-btn{padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;font-size:1.05rem}\n    .g2-btn--solid{background:#fde68a} .g2-btn--liquid{background:#bae6fd} .g2-btn--gas{background:#e9d5ff}\n    .g2-fb{min-height:26px;margin-top:6px;font-weight:700}\n    .g2-ok{color:var(--good)} .g2-no{color:var(--bad)}\n    .g2-note{color:var(--muted);font-size:.92rem}\n  <\/style>\n\n  <div class=\"g2-container\">\n    <article class=\"g2-card\">\n      <header class=\"g2-head\">\n        <div class=\"g2-ico\">\ud83d\udd2c<\/div>\n        <div>\n          <h1 class=\"g2-title\">\u0635\u0646\u0651\u0641 \u0627\u0644\u0645\u0627\u062f\u0629: \u0635\u0644\u0628 \u0623\u0645 \u0633\u0627\u0626\u0644 \u0623\u0645 \u063a\u0627\u0632\u061f<\/h1>\n          <p class=\"g2-sub\">\u062c\u0648\u0644\u0629 \u0645\u0646 10 \u0639\u0646\u0627\u0635\u0631 \u0645\u0639 \u062a\u0641\u0633\u064a\u0631 \u0645\u0628\u0633\u0651\u0637 \u0628\u0639\u062f \u0643\u0644 \u0627\u062e\u062a\u064a\u0627\u0631.<\/p>\n        <\/div>\n      <\/header>\n\n      <div class=\"g2-hud\">\n        <div>\ud83c\udfaf \u0627\u0644\u0633\u0624\u0627\u0644: <b id=\"g2-num\">0<\/b>\/10<\/div>\n        <div>\u2b50 \u0627\u0644\u0646\u0642\u0627\u0637: <b id=\"g2-score\">0<\/b><\/div>\n        <div>\ud83c\udfc6 \u0623\u0641\u0636\u0644 \u0646\u062a\u064a\u062c\u0629: <b id=\"g2-best\">0<\/b><\/div>\n        <button id=\"g2-start\" class=\"g2-btn\">\u0627\u0628\u062f\u0623 \u0627\u0644\u062c\u0648\u0644\u0629<\/button>\n      <\/div>\n\n      <div class=\"g2-big\" id=\"g2-item\">\u0627\u0636\u063a\u0637 &#8220;\u0627\u0628\u062f\u0623&#8221;\u2026<\/div>\n\n      <div class=\"g2-choices\">\n        <button class=\"g2-btn g2-btn--solid\"  data-ans=\"\u0635\u0644\u0628\">\ud83e\udea8 \u0635\u0644\u0628<\/button>\n        <button class=\"g2-btn g2-btn--liquid\" data-ans=\"\u0633\u0627\u0626\u0644\">\ud83d\udca7 \u0633\u0627\u0626\u0644<\/button>\n        <button class=\"g2-btn g2-btn--gas\"    data-ans=\"\u063a\u0627\u0632\">\ud83c\udf2c\ufe0f \u063a\u0627\u0632<\/button>\n      <\/div>\n\n      <div id=\"g2-fb\" class=\"g2-fb\"><\/div>\n      <p class=\"g2-note\">\u062a\u0644\u0645\u064a\u062d: \u0628\u0639\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u062a\u063a\u064a\u0651\u0631 \u062d\u0627\u0644\u062a\u0647\u0627 \u062d\u0633\u0628 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 (\u0627\u0644\u0645\u0627\u0621: \u062c\u0644\u064a\u062f\/\u0633\u0627\u0626\u0644\/\u0628\u062e\u0627\u0631).<\/p>\n    <\/article>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript.closest('.g2-wrap');\n      const startBtn = root.querySelector('#g2-start');\n      const numEl = root.querySelector('#g2-num');\n      const scoreEl = root.querySelector('#g2-score');\n      const bestEl = root.querySelector('#g2-best');\n      const itemEl = root.querySelector('#g2-item');\n      const fbEl = root.querySelector('#g2-fb');\n      const choiceBtns = root.querySelectorAll('.g2-btn[data-ans]');\n\n      const DATA = [\n        {name:'\u062c\u0644\u064a\u062f',cat:'\u0635\u0644\u0628',fact:'\u0627\u0644\u0645\u0627\u0621 \u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u062c\u0645\u062f \u064a\u0635\u0628\u062d \u0635\u0644\u0628\u064b\u0627 \u0648\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0634\u0643\u0644\u0647.'},\n        {name:'\u0645\u0627\u0621',cat:'\u0633\u0627\u0626\u0644',fact:'\u0627\u0644\u0633\u0627\u0626\u0644 \u064a\u0623\u062e\u0630 \u0634\u0643\u0644 \u0627\u0644\u0648\u0639\u0627\u0621 \u0648\u064a\u0645\u0643\u0646 \u0633\u0643\u0628\u0647.'},\n        {name:'\u0628\u062e\u0627\u0631 \u0645\u0627\u0621',cat:'\u063a\u0627\u0632',fact:'\u063a\u0627\u0632 \u063a\u064a\u0631 \u0645\u0631\u0626\u064a \u063a\u0627\u0644\u0628\u064b\u0627\u061b \u064a\u0646\u062a\u0634\u0631 \u0644\u064a\u0645\u0644\u0623 \u0627\u0644\u062d\u064a\u0632.'},\n        {name:'\u0647\u0648\u0627\u0621',cat:'\u063a\u0627\u0632',fact:'\u062e\u0644\u064a\u0637 \u063a\u0627\u0632\u0627\u062a \u064a\u062d\u064a\u0637 \u0628\u0646\u0627.'},\n        {name:'\u062e\u0634\u0628',cat:'\u0635\u0644\u0628',fact:'\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0634\u0643\u0644\u0647 \u0648\u0644\u0627 \u064a\u062a\u062f\u0641\u0642.'},\n        {name:'\u0632\u064a\u062a',cat:'\u0633\u0627\u0626\u0644',fact:'\u0633\u0627\u0626\u0644 \u0644\u0632\u062c \u064a\u0637\u0641\u0648 \u0641\u0648\u0642 \u0627\u0644\u0645\u0627\u0621.'},\n        {name:'\u062d\u062f\u064a\u062f',cat:'\u0635\u0644\u0628',fact:'\u0635\u0644\u0628 \u0642\u0648\u064a \u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0641\u064a \u0627\u0644\u0628\u0646\u0627\u0621.'},\n        {name:'\u0639\u0635\u064a\u0631',cat:'\u0633\u0627\u0626\u0644',fact:'\u064a\u0633\u0647\u0644 \u0635\u0628\u0651\u0647 \u0648\u064a\u0623\u062e\u0630 \u0634\u0643\u0644 \u0627\u0644\u0643\u0648\u0628.'},\n        {name:'\u0647\u064a\u0644\u064a\u0648\u0645',cat:'\u063a\u0627\u0632',fact:'\u063a\u0627\u0632 \u062e\u0641\u064a\u0641 \u064a\u0645\u0644\u0623 \u0627\u0644\u0628\u0627\u0644\u0648\u0646\u0627\u062a.'},\n        {name:'\u0631\u0645\u0644 \u0631\u0637\u0628',cat:'\u0635\u0644\u0628',fact:'\u062c\u0633\u064a\u0645\u0627\u062a \u0635\u0644\u0628\u0629 \u0631\u063a\u0645 \u0648\u062c\u0648\u062f \u0645\u0627\u0621 \u0628\u064a\u0646\u0647\u0627.'},\n        {name:'\u0639\u0637\u0631',cat:'\u0633\u0627\u0626\u0644',fact:'\u0633\u0627\u0626\u0644 \u064a\u062a\u0628\u062e\u0651\u0631 \u062c\u0632\u0626\u064a\u064b\u0627 \u0641\u064a \u0627\u0644\u0647\u0648\u0627\u0621.'},\n        {name:'\u062b\u0627\u0646\u064a \u0623\u0643\u0633\u064a\u062f \u0627\u0644\u0643\u0631\u0628\u0648\u0646',cat:'\u063a\u0627\u0632',fact:'\u063a\u0627\u0632 \u064a\u062e\u0631\u062c \u0645\u0639 \u0627\u0644\u0632\u0641\u064a\u0631.'}\n      ];\n\n      let round=[],i=0,score=0,playing=false;\n\n      function loadBest(){ bestEl.textContent = localStorage.getItem('science_sort_best')||0; }\n      loadBest();\n\n      function shuffle(a){ for(let j=a.length-1;j>0;j--){const k=Math.floor(Math.random()*(j+1));[a[j],a[k]]=[a[k],a[j]];} return a; }\n\n      function start(){\n        round = shuffle(DATA.slice()).slice(0,10);\n        i=0; score=0; playing=true; scoreEl.textContent=0; numEl.textContent=0; fbEl.textContent='';\n        startBtn.disabled=true;\n        nextItem();\n      }\n\n      function nextItem(){\n        if(i>=round.length){ end(); return; }\n        itemEl.textContent = round[i].name;\n        numEl.textContent = (i+1);\n      }\n\n      function pick(cat){\n        if(!playing) return;\n        const cur=round[i];\n        if(cat===cur.cat){\n          score++; scoreEl.textContent=score;\n          fbEl.textContent='\u0635\u062d\u064a\u062d \u2705 '+cur.fact; fbEl.className='g2-fb g2-ok';\n        }else{\n          fbEl.textContent='\u062e\u0637\u0623 \u274c '+`\u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0635\u062d\u064a\u062d: ${cur.cat}. ${cur.fact}`;\n          fbEl.className='g2-fb g2-no';\n        }\n        i++; setTimeout(nextItem,800);\n      }\n\n      function end(){\n        playing=false; itemEl.textContent='\u0623\u062d\u0633\u0646\u062a! \u0627\u0646\u062a\u0647\u062a \u0627\u0644\u062c\u0648\u0644\u0629.';\n        fbEl.textContent=`\u0646\u062a\u064a\u062c\u062a\u0643: ${score}\/10`;\n        const best=Math.max(score, Number(localStorage.getItem('science_sort_best')||0));\n        localStorage.setItem('science_sort_best',best); loadBest();\n        startBtn.disabled=false;\n      }\n\n      startBtn.addEventListener('click', start);\n      choiceBtns.forEach(b=>b.addEventListener('click', ()=>pick(b.dataset.ans)));\n    })();\n  <\/script>\n<\/section>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd2c \u0635\u0646\u0651\u0641 \u0627\u0644\u0645\u0627\u062f\u0629: \u0635\u0644\u0628 \u0623\u0645 \u0633\u0627\u0626\u0644 \u0623\u0645 \u063a\u0627\u0632\u061f \u062c\u0648\u0644\u0629 \u0645\u0646 10 \u0639\u0646\u0627\u0635\u0631 \u0645\u0639 \u062a\u0641\u0633\u064a\u0631 \u0645\u0628\u0633\u0651\u0637 \u0628\u0639\u062f \u0643\u0644 \u0627\u062e\u062a\u064a\u0627\u0631. \ud83c\udfaf \u0627\u0644\u0633\u0624\u0627\u0644: 0\/10 \u2b50 \u0627\u0644\u0646\u0642\u0627\u0637: 0 \ud83c\udfc6 \u0623\u0641\u0636\u0644 \u0646\u062a\u064a\u062c\u0629: 0 \u0627\u0628\u062f\u0623 \u0627\u0644\u062c\u0648\u0644\u0629 \u0627\u0636\u063a\u0637 &#8220;\u0627\u0628\u062f\u0623&#8221;\u2026 \ud83e\udea8 \u0635\u0644\u0628 \ud83d\udca7 \u0633\u0627\u0626\u0644 \ud83c\udf2c\ufe0f \u063a\u0627\u0632 \u062a\u0644\u0645\u064a\u062d: \u0628\u0639\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u062a\u063a\u064a\u0651\u0631 \u062d\u0627\u0644\u062a\u0647\u0627 \u062d\u0633\u0628 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 (\u0627\u0644\u0645\u0627\u0621: \u062c\u0644\u064a\u062f\/\u0633\u0627\u0626\u0644\/\u0628\u062e\u0627\u0631).<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[841],"tags":[],"class_list":["post-6061","post","type-post","status-publish","format-standard","hentry","category-841"],"_links":{"self":[{"href":"https:\/\/afedne.info\/index.php?rest_route=\/wp\/v2\/posts\/6061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/afedne.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/afedne.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/afedne.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afedne.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6061"}],"version-history":[{"count":1,"href":"https:\/\/afedne.info\/index.php?rest_route=\/wp\/v2\/posts\/6061\/revisions"}],"predecessor-version":[{"id":6062,"href":"https:\/\/afedne.info\/index.php?rest_route=\/wp\/v2\/posts\/6061\/revisions\/6062"}],"wp:attachment":[{"href":"https:\/\/afedne.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/afedne.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/afedne.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}