{"id":6063,"date":"2025-08-10T10:07:50","date_gmt":"2025-08-10T07:07:50","guid":{"rendered":"https:\/\/afedne.info\/?p=6063"},"modified":"2025-08-10T10:07:50","modified_gmt":"2025-08-10T07:07:50","slug":"%d8%aa%d8%b7%d8%a7%d8%a8%d9%82-%d8%a7%d9%84%d8%a3%d8%ad%d9%8a%d8%a7%d8%a1-%d8%a8%d8%b7%d8%a7%d9%82%d8%a7%d8%aa-%d9%85%d8%b7%d8%a7%d8%a8%d9%82%d8%a9-%d8%b9%d8%b6%d9%88-%e2%86%94-%d9%88%d8%b8%d9%8a","status":"publish","type":"post","link":"https:\/\/afedne.info\/?p=6063","title":{"rendered":"\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u062d\u064a\u0627\u0621 (\u0628\u0637\u0627\u0642\u0627\u062a \u0645\u0637\u0627\u0628\u0642\u0629: \u0639\u0636\u0648 \u2194 \u0648\u0638\u064a\u0641\u062a\u0647)"},"content":{"rendered":"\n<!-- \u0644\u0639\u0628\u0629 \u0628\u0637\u0627\u0642\u0627\u062a \u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u0623\u062d\u064a\u0627\u0621 - \u0644\u0644\u0635\u0642 \u062f\u0627\u062e\u0644 \u0628\u0644\u0648\u0643 HTML \u0645\u062e\u0635\u0635 -->\n<section class=\"g3-wrap\" dir=\"rtl\" lang=\"ar\">\n  <style>\n    .g3-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    .g3-container{max-width:960px;margin:auto;padding:18px}\n    .g3-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:18px}\n    .g3-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}\n    .g3-ico{width:40px;height:40px;border-radius:12px;background:#eef2ff;display:grid;place-items:center;font-weight:800;color:#1e40af}\n    .g3-title{margin:0;font-size:1.35rem;font-weight:800}\n    .g3-sub{margin:2px 0 0;color:var(--muted);font-size:.95rem}\n    .g3-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0}\n    .g3-select,.g3-btn{border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:.95rem;background:#fff}\n    .g3-btn{background:var(--accent);color:#fff;border:none;cursor:pointer}\n    .g3-btn:disabled{opacity:.6;cursor:not-allowed}\n    .g3-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    .g3-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}\n    @media(min-width:700px){.g3-grid{grid-template-columns:repeat(4,1fr)}}\n    @media(min-width:980px){.g3-grid{grid-template-columns:repeat(6,1fr)}}\n    .g3-cardbtn{position:relative;min-height:80px;border:1px solid var(--border);border-radius:12px;background:#f3f4f6;cursor:pointer;padding:10px;text-align:center}\n    .g3-cardbtn[disabled]{opacity:.6;cursor:default}\n    .g3-cardbtn.revealed{background:#fff;border-color:#c7d2fe;box-shadow:0 0 0 2px #c7d2fe66 inset}\n    .g3-word{font-weight:700}\n    .g3-muted{color:var(--muted);font-size:.92rem}\n  <\/style>\n\n  <div class=\"g3-container\">\n    <article class=\"g3-card\">\n      <header class=\"g3-head\">\n        <div class=\"g3-ico\">\ud83e\uddec<\/div>\n        <div>\n          <h1 class=\"g3-title\">\u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u062d\u064a\u0627\u0621: \u0639\u0636\u0648 \u2194 \u0648\u0638\u064a\u0641\u062a\u0647<\/h1>\n          <p class=\"g3-sub\">\u0627\u062e\u062a\u0628\u0631 \u0630\u0627\u0643\u0631\u062a\u0643 \u0648\u0641\u0647\u0645\u0643 \u0628\u0645\u0637\u0627\u0628\u0642\u0629 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0636\u0648 \u0645\u0639 \u0648\u0638\u064a\u0641\u062a\u0647.<\/p>\n        <\/div>\n      <\/header>\n\n      <div class=\"g3-row\">\n        <label>\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629:\n          <select class=\"g3-select\" id=\"g3-pack\">\n            <option value=\"organs\">\u0623\u0639\u0636\u0627\u0621 \u0628\u0634\u0631\u064a\u0629<\/option>\n            <option value=\"systems\">\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u062c\u0633\u0645<\/option>\n            <option value=\"cell\">\u0623\u062c\u0632\u0627\u0621 \u0627\u0644\u062e\u0644\u064a\u0629<\/option>\n          <\/select>\n        <\/label>\n        <label>\u0627\u0644\u0623\u0632\u0648\u0627\u062c:\n          <select class=\"g3-select\" id=\"g3-pairs\">\n            <option value=\"4\">4 \u0623\u0632\u0648\u0627\u062c (\u0633\u0647\u0644)<\/option>\n            <option value=\"6\" selected>6 \u0623\u0632\u0648\u0627\u062c (\u0645\u062a\u0648\u0633\u0637)<\/option>\n            <option value=\"8\">8 \u0623\u0632\u0648\u0627\u062c (\u0623\u0635\u0639\u0628)<\/option>\n          <\/select>\n        <\/label>\n        <button id=\"g3-start\" class=\"g3-btn\">\u0627\u0628\u062f\u0623<\/button>\n        <button id=\"g3-reset\" class=\"g3-btn\" disabled>\u0625\u0639\u0627\u062f\u0629<\/button>\n      <\/div>\n\n      <div class=\"g3-hud\">\n        <div>\u23f1\ufe0f \u0627\u0644\u0648\u0642\u062a: <b id=\"g3-time\">0<\/b>s<\/div>\n        <div>\ud83c\udccf \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0627\u062a: <b id=\"g3-moves\">0<\/b><\/div>\n        <div>\ud83c\udfc6 \u0623\u0641\u0636\u0644 \u0632\u0645\u0646: <b id=\"g3-best\">\u2014<\/b><\/div>\n      <\/div>\n\n      <div id=\"g3-grid\" class=\"g3-grid\"><\/div>\n      <p class=\"g3-muted\">\u062a\u0644\u0645\u064a\u062d: \u0627\u0642\u0631\u0623 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0628\u0633\u0631\u0639\u0629 \u0623\u0648\u0644\u064b\u0627 \u062b\u0645 \u0627\u0628\u062f\u0623 \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \ud83d\ude09<\/p>\n    <\/article>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript.closest('.g3-wrap');\n      const packSel = root.querySelector('#g3-pack');\n      const pairsSel = root.querySelector('#g3-pairs');\n      const startBtn = root.querySelector('#g3-start');\n      const resetBtn = root.querySelector('#g3-reset');\n      const timeEl = root.querySelector('#g3-time');\n      const movesEl = root.querySelector('#g3-moves');\n      const bestEl = root.querySelector('#g3-best');\n      const gridEl = root.querySelector('#g3-grid');\n\n      const PACKS = {\n        organs: [\n          ['\u0642\u0644\u0628','\u064a\u0636\u062e \u0627\u0644\u062f\u0645 \u0641\u064a \u0627\u0644\u062c\u0633\u0645'],\n          ['\u0631\u0626\u062a\u0627\u0646','\u0627\u0644\u062a\u0646\u0641\u0633 \u0648\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u063a\u0627\u0632\u0627\u062a'],\n          ['\u0645\u0639\u062f\u0629','\u0628\u062f\u0627\u064a\u0629 \u0647\u0636\u0645 \u0627\u0644\u0637\u0639\u0627\u0645'],\n          ['\u062f\u0645\u0627\u063a','\u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u062c\u0633\u0645 \u0648\u0627\u0644\u062d\u0648\u0627\u0633'],\n          ['\u0643\u0628\u062f','\u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u062f\u0645 \u0648\u0625\u0646\u062a\u0627\u062c \u0639\u0635\u0627\u0631\u0629'],\n          ['\u0643\u0644\u064a\u0629','\u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u062f\u0645 \u0648\u062a\u0643\u0648\u064a\u0646 \u0627\u0644\u0628\u0648\u0644'],\n          ['\u062c\u0644\u062f','\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062c\u0633\u0645 \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u062d\u0631\u0627\u0631\u0629'],\n          ['\u0639\u0638\u0627\u0645','\u062f\u0639\u0645 \u0627\u0644\u062c\u0633\u0645 \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0623\u0639\u0636\u0627\u0621']\n        ],\n        systems: [\n          ['\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062a\u0646\u0641\u0633\u064a','\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0623\u0643\u0633\u062c\u064a\u0646 \u0648\u0625\u062e\u0631\u0627\u062c \u062b\u0627\u0646\u064a \u0623\u0643\u0633\u064a\u062f \u0627\u0644\u0643\u0631\u0628\u0648\u0646'],\n          ['\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0647\u0636\u0645\u064a','\u062a\u0641\u0643\u064a\u0643 \u0648\u0627\u0645\u062a\u0635\u0627\u0635 \u0627\u0644\u063a\u0630\u0627\u0621'],\n          ['\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062f\u0648\u0631\u064a','\u0646\u0642\u0644 \u0627\u0644\u062f\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629'],\n          ['\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0639\u0635\u0628\u064a','\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0625\u0634\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0643\u0645'],\n          ['\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0628\u0648\u0644\u064a','\u062a\u0646\u0642\u064a\u0629 \u0627\u0644\u062f\u0645 \u0648\u0625\u062e\u0631\u0627\u062c \u0627\u0644\u0641\u0636\u0644\u0627\u062a'],\n          ['\u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u062d\u0631\u0643\u064a','\u0627\u0644\u062d\u0631\u0643\u0629 \u0648\u0627\u0644\u062f\u0639\u0645']\n        ],\n        cell: [\n          ['\u0646\u0648\u0627\u0629','\u062a\u062d\u0645\u0644 \u0627\u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0648\u0631\u0627\u062b\u064a\u0629 \u0648\u062a\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0646\u0634\u0627\u0637'],\n          ['\u063a\u0634\u0627\u0621 \u062e\u0644\u0648\u064a','\u062d\u0645\u0627\u064a\u0629 \u0648\u062a\u0646\u0638\u064a\u0645 \u062f\u062e\u0648\u0644 \u0648\u062e\u0631\u0648\u062c \u0627\u0644\u0645\u0648\u0627\u062f'],\n          ['\u0645\u064a\u062a\u0648\u0643\u0646\u062f\u0631\u064a\u0627','\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0637\u0627\u0642\u0629 \u0641\u064a \u0627\u0644\u062e\u0644\u064a\u0629'],\n          ['\u0631\u064a\u0628\u0648\u0633\u0648\u0645','\u0628\u0646\u0627\u0621 \u0627\u0644\u0628\u0631\u0648\u062a\u064a\u0646\u0627\u062a'],\n          ['\u062c\u062f\u0627\u0631 \u062e\u0644\u0648\u064a','\u064a\u062f\u0639\u0645 \u0627\u0644\u062e\u0644\u064a\u0629 \u0627\u0644\u0646\u0628\u0627\u062a\u064a\u0629 \u0648\u064a\u0645\u0646\u062d\u0647\u0627 \u0627\u0644\u0634\u0643\u0644'],\n          ['\u0641\u062c\u0648\u0629 \u0639\u0635\u0627\u0631\u064a\u0629','\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0645\u0627\u0621 \u0648\u0627\u0644\u0645\u0648\u0627\u062f']\n        ]\n      };\n\n      let timer=null,sec=0,moves=0,open=[],done=0,totalPairs=6,started=false,keyBest='bio_match_best_organs_6';\n\n      function setKey(){ keyBest = `bio_match_best_${packSel.value}_${pairsSel.value}`; }\n      function loadBest(){ setKey(); bestEl.textContent = localStorage.getItem(keyBest) || '\u2014'; }\n      loadBest(); packSel.addEventListener('change', loadBest); pairsSel.addEventListener('change', 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        totalPairs = Number(pairsSel.value);\n        setKey(); sec=0; moves=0; open=[]; done=0; started=false;\n        timeEl.textContent=0; movesEl.textContent=0; gridEl.innerHTML='';\n        const base = PACKS[packSel.value].slice(0,totalPairs);\n        \/\/ \u0623\u0646\u0634\u0626 \u0628\u0637\u0627\u0642\u0627\u062a (\u0633\u0624\u0627\u0644\/\u062c\u0648\u0627\u0628) \u0644\u0643\u0644 \u0632\u0648\u062c\n        let cards=[];\n        base.forEach((pair,idx)=>{\n          cards.push({id:idx,txt:pair[0],type:'Q'});\n          cards.push({id:idx,txt:pair[1],type:'A'});\n        });\n        shuffle(cards);\n        cards.forEach((c,i)=>{\n          const btn=document.createElement('button');\n          btn.className='g3-cardbtn';\n          btn.dataset.id=c.id; btn.dataset.type=c.type; btn.dataset.idx=i;\n          btn.innerHTML=`<div class=\"g3-word\">\u061f<\/div>`;\n          btn.addEventListener('click', ()=>reveal(btn,c));\n          gridEl.appendChild(btn);\n        });\n        startBtn.disabled=true; resetBtn.disabled=false;\n        if(timer){ clearInterval(timer); }\n        timer=setInterval(()=>{ if(started){ sec++; timeEl.textContent=sec; } },1000);\n      }\n\n      function reveal(btn,c){\n        if(btn.disabled) return;\n        if(!started){ started=true; } \/\/ \u064a\u0628\u062f\u0623 \u0627\u0644\u0639\u062f \u0639\u0646\u062f \u0623\u0648\u0644 \u0636\u063a\u0637\u0629\n        \/\/ \u0645\u0646\u0639 \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0641\u0633 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0645\u0631\u062a\u064a\u0646\n        if(btn.classList.contains('revealed')) return;\n        btn.classList.add('revealed');\n        btn.querySelector('.g3-word').textContent=c.txt;\n        open.push({btn,c});\n        if(open.length===2){\n          moves++; movesEl.textContent=moves;\n          const [x,y]=open;\n          if(x.c.id===y.c.id && x.c.type!==y.c.type){\n            \/\/ \u062a\u0637\u0627\u0628\u0642\n            setTimeout(()=>{\n              x.btn.disabled=true; y.btn.disabled=true;\n              done++; open=[];\n              if(done===totalPairs){ win(); }\n            },200);\n          }else{\n            \/\/ \u0644\u064a\u0633 \u062a\u0637\u0627\u0628\u0642\n            setTimeout(()=>{\n              x.btn.classList.remove('revealed'); y.btn.classList.remove('revealed');\n              x.btn.querySelector('.g3-word').textContent='\u061f';\n              y.btn.querySelector('.g3-word').textContent='\u061f';\n              open=[];\n            },700);\n          }\n        }\n      }\n\n      function win(){\n        started=false;\n        if(timer){ clearInterval(timer); timer=null; }\n        \/\/ \u062d\u0641\u0638 \u0623\u0641\u0636\u0644 \u0632\u0645\u0646\n        const best = Math.min(sec, Number(localStorage.getItem(keyBest)||Infinity));\n        if(isFinite(best)) localStorage.setItem(keyBest, Math.min(best, sec));\n        else localStorage.setItem(keyBest, sec);\n        loadBest();\n        \/\/ \u0631\u0633\u0627\u0644\u0629 \u0628\u0633\u064a\u0637\u0629\n        const msg = document.createElement('div');\n        msg.className='g3-muted';\n        msg.style.marginTop='8px';\n        msg.textContent=`\u0623\u062d\u0633\u0646\u062a! \u0627\u0646\u062a\u0647\u064a\u062a \u0641\u064a ${sec} \u062b\u0627\u0646\u064a\u0629 \u0648 ${moves} \u0645\u062d\u0627\u0648\u0644\u0629.`;\n        gridEl.after(msg);\n        startBtn.disabled=false;\n      }\n\n      function reset(){\n        if(timer){ clearInterval(timer); timer=null; }\n        gridEl.innerHTML=''; timeEl.textContent=0; movesEl.textContent=0;\n        startBtn.disabled=false; resetBtn.disabled=true;\n      }\n\n      startBtn.addEventListener('click', start);\n      resetBtn.addEventListener('click', reset);\n    })();\n  <\/script>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83e\uddec \u062a\u0637\u0627\u0628\u0642 \u0627\u0644\u0623\u062d\u064a\u0627\u0621: \u0639\u0636\u0648 \u2194 \u0648\u0638\u064a\u0641\u062a\u0647 \u0627\u062e\u062a\u0628\u0631 \u0630\u0627\u0643\u0631\u062a\u0643 \u0648\u0641\u0647\u0645\u0643 \u0628\u0645\u0637\u0627\u0628\u0642\u0629 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0636\u0648 \u0645\u0639 \u0648\u0638\u064a\u0641\u062a\u0647. \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629: \u0623\u0639\u0636\u0627\u0621 \u0628\u0634\u0631\u064a\u0629\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u062c\u0633\u0645\u0623\u062c\u0632\u0627\u0621 \u0627\u0644\u062e\u0644\u064a\u0629 \u0627\u0644\u0623\u0632\u0648\u0627\u062c: 4 \u0623\u0632\u0648\u0627\u062c (\u0633\u0647\u0644)6 \u0623\u0632\u0648\u0627\u062c (\u0645\u062a\u0648\u0633\u0637)8 \u0623\u0632\u0648\u0627\u062c (\u0623\u0635\u0639\u0628) \u0627\u0628\u062f\u0623 \u0625\u0639\u0627\u062f\u0629 \u23f1\ufe0f \u0627\u0644\u0648\u0642\u062a: 0s \ud83c\udccf \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0627\u062a: 0 \ud83c\udfc6 \u0623\u0641\u0636\u0644 \u0632\u0645\u0646: \u2014 \u062a\u0644\u0645\u064a\u062d: \u0627\u0642\u0631\u0623 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0628\u0633\u0631\u0639\u0629 \u0623\u0648\u0644\u064b\u0627 \u062b\u0645 \u0627\u0628\u062f\u0623 \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \ud83d\ude09<\/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-6063","post","type-post","status-publish","format-standard","hentry","category-841"],"_links":{"self":[{"href":"https:\/\/afedne.info\/index.php?rest_route=\/wp\/v2\/posts\/6063","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=6063"}],"version-history":[{"count":1,"href":"https:\/\/afedne.info\/index.php?rest_route=\/wp\/v2\/posts\/6063\/revisions"}],"predecessor-version":[{"id":6064,"href":"https:\/\/afedne.info\/index.php?rest_route=\/wp\/v2\/posts\/6063\/revisions\/6064"}],"wp:attachment":[{"href":"https:\/\/afedne.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/afedne.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/afedne.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}