\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0631\u0627\u0628\u0639: \u0642\u0627\u0646\u0648\u0646 \u062c\u0627\u064a-\u0644\u0648\u0633\u0627\u0643<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@100;400;700&display=swap');\n \n body {\n font-family: 'Vazirmatn', sans-serif;\n background-color: #0f172a;\n color: #e2e8f0;\n font-size: 20px; \/* \u0627\u0644\u0646\u0635 \u0627\u0644\u0645\u0648\u062d\u062f 20px *\/\n line-height: 1.6;\n }\n\n \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 *\/\n h1 { font-size: 30px !important; font-weight: 800; color: #a78bfa; margin-bottom: 20px; }\n h2 { font-size: 26px !important; font-weight: 700; color: #f8fafc; margin-top: 30px; margin-bottom: 15px; }\n \n p, li, label, span, button, div, text { font-size: 20px; }\n\n canvas {\n background: #020617;\n border-radius: 12px;\n border: 2px solid rgba(255,255,255,0.1);\n }\n\n input[type=range] {\n accent-color: #a78bfa;\n height: 10px;\n cursor: pointer;\n }\n\n .math-formula {\n font-family: 'Courier New', Courier, monospace;\n font-size: 26px;\n background: rgba(167, 139, 250, 0.1);\n padding: 15px 40px;\n border-radius: 15px;\n border: 1px dashed #a78bfa;\n display: inline-block;\n direction: ltr;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 sm:p-10\">\n\n<div class=\"max-w-5xl mx-auto space-y-12\" dir=\"rtl\">\n \n <header class=\"text-center border-b border-white\/10 pb-8\">\n <h1>\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0631\u0627\u0628\u0639: \u0642\u0627\u0646\u0648\u0646 \u062c\u0627\u064a-\u0644\u0648\u0633\u0627\u0643 (Gay-Lussac’s Law)<\/h1>\n <p class=\"text-slate-400 italic\">\u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0637\u0631\u062f\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0636\u063a\u0637 \u0648\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0639\u0646\u062f \u062b\u0628\u0648\u062a \u0627\u0644\u062d\u062c\u0645<\/p>\n <\/header>\n\n <section class=\"bg-slate-800\/30 p-8 rounded-3xl border border-white\/5 space-y-6\">\n <h2 class=\"border-r-4 border-purple-500 pr-4\">\u0644\u0645\u0627\u0630\u0627 \u064a\u0632\u062f\u0627\u062f \u0627\u0644\u0636\u063a\u0637 \u0628\u0627\u0644\u062a\u0633\u062e\u064a\u0646\u061f<\/h2>\n <p>\n \u0639\u0646\u062f\u0645\u0627 \u0646\u0642\u0648\u0645 \u0628\u062a\u0633\u062e\u064a\u0646 \u063a\u0627\u0632 \u0641\u064a \u0648\u0639\u0627\u0621 \u0645\u063a\u0644\u0642 (\u062d\u062c\u0645 \u062b\u0627\u0628\u062a)\u060c \u062a\u0643\u062a\u0633\u0628 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0637\u0627\u0642\u0629 \u062d\u0631\u0643\u064a\u0629 \u0648\u062a\u062a\u062d\u0631\u0643 \u0628\u0633\u0631\u0639\u0629 \u0623\u0643\u0628\u0631. \u0647\u0630\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0627\u0635\u0637\u062f\u0627\u0645\u0627\u062a \u0623\u0642\u0648\u0649 \u0648\u0623\u0643\u062b\u0631 \u062a\u0643\u0631\u0627\u0631\u0627\u064b \u0628\u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0648\u0639\u0627\u0621\u060c \u0645\u0645\u0627 \u064a\u0631\u0641\u0639 \u0627\u0644\u0636\u063a\u0637.\n <\/p>\n <div class=\"text-center\">\n <div class=\"math-formula text-purple-300 font-bold\">P\u2081 \/ T\u2081 = P\u2082 \/ T\u2082<\/div>\n <\/div>\n <\/section>\n\n <section class=\"bg-black\/40 p-6 sm:p-10 rounded-3xl border border-white\/10 shadow-2xl\">\n <div class=\"flex justify-between items-center mb-8\">\n <h2 class=\"m-0 text-white\/90\">\u0645\u062d\u0627\u0643\u0627\u0629 \u0645\u062c\u0647\u0631\u064a\u0629 (\u062b\u0628\u0648\u062a \u0627\u0644\u062d\u062c\u0645)<\/h2>\n <button id=\"resetSim\" class=\"bg-slate-700 hover:bg-slate-600 p-3 rounded-full transition-all text-white\">\u27f3<\/button>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row justify-center items-stretch gap-8\">\n <div class=\"flex flex-col items-center justify-center bg-slate-800\/40 p-4 rounded-2xl border border-white\/5\">\n <div class=\"relative w-10 h-40 bg-slate-700\/50 rounded-lg overflow-hidden border-2 border-slate-600\">\n <div id=\"pGaugeFill\" class=\"absolute bottom-0 w-full transition-all duration-200\" style=\"height: 30%; background: #22c55e;\"><\/div>\n <\/div>\n <span class=\"mt-2 text-sm text-slate-400\">\u0627\u0644\u0636\u063a\u0637<\/span>\n <\/div>\n\n <canvas id=\"gayLussacCanvas\" width=\"300\" height=\"250\"><\/canvas>\n\n <div class=\"flex flex-col items-center justify-center bg-slate-800\/40 p-4 rounded-2xl border border-white\/5\">\n <svg width=\"40\" height=\"160\" viewBox=\"0 0 40 160\">\n <rect x=\"15\" y=\"10\" width=\"10\" height=\"130\" rx=\"5\" fill=\"#334155\" \/>\n <circle cx=\"20\" cy=\"140\" r=\"12\" fill=\"#334155\" \/>\n <rect id=\"tGaugeFill\" x=\"18\" y=\"100\" width=\"4\" height=\"40\" fill=\"#3b82f6\" \/>\n <circle id=\"tGaugeBulb\" cx=\"20\" cy=\"140\" r=\"8\" fill=\"#3b82f6\" \/>\n <\/svg>\n <span class=\"mt-2 text-sm text-slate-400\">\u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mt-10 max-w-md mx-auto space-y-6\">\n <label class=\"block text-center text-purple-300 font-bold\">\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 (K)<\/label>\n <div class=\"flex items-center gap-4\">\n <button id=\"tempDown\" class=\"w-12 h-12 bg-slate-700 rounded-lg hover:bg-red-500 text-white text-2xl font-bold\">–<\/button>\n <input id=\"tempSlider\" type=\"range\" min=\"100\" max=\"500\" step=\"1\" value=\"300\" class=\"flex-grow\">\n <button id=\"tempUp\" class=\"w-12 h-12 bg-slate-700 rounded-lg hover:bg-red-500 text-white text-2xl font-bold\">+<\/button>\n <\/div>\n <div class=\"grid grid-cols-2 gap-4 bg-slate-900\/80 p-4 rounded-xl text-center font-mono\">\n <div class=\"text-purple-300\">\u0627\u0644\u062d\u0631\u0627\u0631\u0629: <span id=\"valK\">300<\/span> K<\/div>\n <div class=\"text-teal-300\">\u0627\u0644\u0636\u063a\u0637: <span id=\"valP\">30.0<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"bg-black\/40 p-6 sm:p-10 rounded-3xl border border-white\/10\">\n <h2 class=\"m-0 text-white\/90 mb-8\">\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0644\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0637\u0631\u062f\u064a\u0629<\/h2>\n <div class=\"flex flex-col items-center\">\n <svg id=\"chartSVG\" width=\"100%\" height=\"300\" viewBox=\"0 0 400 300\" class=\"max-w-[500px]\">\n <line x1=\"40\" y1=\"260\" x2=\"360\" y2=\"260\" stroke=\"#6b7280\" stroke-width=\"2\" \/>\n <line x1=\"40\" y1=\"260\" x2=\"40\" y2=\"40\" stroke=\"#6b7280\" stroke-width=\"2\" \/>\n <text x=\"200\" y=\"295\" fill=\"#9ca3af\" text-anchor=\"middle\" style=\"font-size: 14px;\">\u0627\u0644\u062d\u0631\u0627\u0631\u0629 (T)<\/text>\n <text x=\"15\" y=\"150\" fill=\"#9ca3af\" text-anchor=\"middle\" transform=\"rotate(-90, 15, 150)\" style=\"font-size: 14px;\">\u0627\u0644\u0636\u063a\u0637 (P)<\/text>\n <line id=\"trendLine\" stroke=\"#a78bfa\" stroke-width=\"3\" \/>\n <circle id=\"chartPoint\" r=\"6\" fill=\"#c4b5fd\" stroke=\"#a78bfa\" stroke-width=\"2\" \/>\n <\/svg>\n <\/div>\n <\/section>\n\n<\/div>\n\n\n\n<script>\n \/\/ --- \u0645\u0646\u0637\u0642 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 ---\n const canvas = document.getElementById('gayLussacCanvas');\n const ctx = canvas.getContext('2d');\n const tempSlider = document.getElementById('tempSlider');\n const valKDisp = document.getElementById('valK');\n const valPDisp = document.getElementById('valP');\n const pGaugeFill = document.getElementById('pGaugeFill');\n const tGaugeFill = document.getElementById('tGaugeFill');\n const tGaugeBulb = document.getElementById('tGaugeBulb');\n const trendLine = document.getElementById('trendLine');\n const chartPoint = document.getElementById('chartPoint');\n\n let temperature = 300;\n const k_const = 0.1; \n let particles = [];\n\n function initParticles() {\n particles = [];\n for (let i = 0; i < 40; i++) {\n particles.push({\n x: Math.random() * 300,\n y: Math.random() * 250,\n vx: (Math.random() - 0.5) * 2,\n vy: (Math.random() - 0.5) * 2,\n radius: 3\n });\n }\n }\n\n function updateVisuals() {\n const pressure = temperature * k_const;\n valKDisp.innerText = Math.round(temperature);\n valPDisp.innerText = pressure.toFixed(1);\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0642\u064a\u0627\u0633 \u0627\u0644\u0636\u063a\u0637\n const pRatio = pressure \/ (500 * k_const);\n pGaugeFill.style.height = (pRatio * 100) + '%';\n pGaugeFill.style.background = `rgb(${Math.floor(255 * pRatio)}, ${Math.floor(255 * (1 - pRatio))}, 80)`;\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0642\u064a\u0627\u0633 \u0627\u0644\u062d\u0631\u0627\u0631\u0629\n const tRatio = (temperature - 100) \/ 400;\n const tHeight = 130 * tRatio;\n tGaugeFill.setAttribute('y', 140 - tHeight);\n tGaugeFill.setAttribute('height', tHeight);\n const tColor = `rgb(${Math.floor(255 * tRatio)}, 80, ${Math.floor(255 * (1 - tRatio))})`;\n tGaugeFill.setAttribute('fill', tColor);\n tGaugeBulb.setAttribute('fill', tColor);\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a\n const x = 40 + ((temperature - 100) \/ 400) * 320;\n const y = 260 - (pressure \/ 50) * 220;\n chartPoint.setAttribute('cx', x);\n chartPoint.setAttribute('cy', y);\n \n trendLine.setAttribute('x1', 40); trendLine.setAttribute('y1', 260 - (10\/50)*220);\n trendLine.setAttribute('x2', 360); trendLine.setAttribute('y2', 260 - (50\/50)*220);\n }\n\n function render() {\n ctx.clearRect(0, 0, 300, 250);\n ctx.fillStyle = 'rgba(15, 23, 42, 0.8)';\n ctx.fillRect(0, 0, 300, 250);\n ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';\n ctx.strokeRect(0, 0, 300, 250);\n\n const speed = Math.sqrt(temperature \/ 100);\n\n particles.forEach(p => {\n p.x += p.vx * speed;\n p.y += p.vy * speed;\n\n if (p.x < 3 || p.x > 297) p.vx *= -1;\n if (p.y < 3 || p.y > 247) p.vy *= -1;\n\n ctx.beginPath();\n ctx.arc(p.x, p.y, 3, 0, Math.PI * 2);\n ctx.fillStyle = '#c4b5fd';\n ctx.fill();\n });\n requestAnimationFrame(render);\n }\n\n tempSlider.oninput = (e) => { temperature = parseFloat(e.target.value); updateVisuals(); };\n document.getElementById('tempUp').onclick = () => { if(temperature < 500) { temperature += 10; tempSlider.value = temperature; updateVisuals(); }};\n document.getElementById('tempDown').onclick = () => { if(temperature > 100) { temperature -= 10; tempSlider.value = temperature; updateVisuals(); }};\n document.getElementById('resetSim').onclick = () => { temperature = 300; tempSlider.value = 300; updateVisuals(); };\n\n initParticles();\n updateVisuals();\n render();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0631\u0627\u0628\u0639: \u0642\u0627\u0646\u0648\u0646 \u062c\u0627\u064a-\u0644\u0648\u0633\u0627\u0643 \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0631\u0627\u0628\u0639: \u0642\u0627\u0646\u0648\u0646 \u062c\u0627\u064a-\u0644\u0648\u0633\u0627\u0643 (Gay-Lussac’s Law) \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0637\u0631\u062f\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0636\u063a\u0637 \u0648\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0639\u0646\u062f \u062b\u0628\u0648\u062a \u0627\u0644\u062d\u062c\u0645 \u0644\u0645\u0627\u0630\u0627 \u064a\u0632\u062f\u0627\u062f \u0627\u0644\u0636\u063a\u0637 \u0628\u0627\u0644\u062a\u0633\u062e\u064a\u0646\u061f \u0639\u0646\u062f\u0645\u0627 \u0646\u0642\u0648\u0645 \u0628\u062a\u0633\u062e\u064a\u0646 \u063a\u0627\u0632 \u0641\u064a \u0648\u0639\u0627\u0621 \u0645\u063a\u0644\u0642 (\u062d\u062c\u0645 \u062b\u0627\u0628\u062a)\u060c \u062a\u0643\u062a\u0633\u0628 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0637\u0627\u0642\u0629 \u062d\u0631\u0643\u064a\u0629 \u0648\u062a\u062a\u062d\u0631\u0643 \u0628\u0633\u0631\u0639\u0629 \u0623\u0643\u0628\u0631. \u0647\u0630\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0627\u0635\u0637\u062f\u0627\u0645\u0627\u062a \u0623\u0642\u0648\u0649 \u0648\u0623\u0643\u062b\u0631 \u062a\u0643\u0631\u0627\u0631\u0627\u064b \u0628\u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0648\u0639\u0627\u0621\u060c \u0645\u0645\u0627 \u064a\u0631\u0641\u0639 \u0627\u0644\u0636\u063a\u0637. P\u2081 \/ T\u2081 = P\u2082 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16892","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=16892"}],"version-history":[{"count":2,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16892\/revisions"}],"predecessor-version":[{"id":16897,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16892\/revisions\/16897"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=16892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":16892,"date":"2026-01-26T14:30:21","date_gmt":"2026-01-26T14:30:21","guid":{"rendered":"https:\/\/smartedujo.com\/?page_id=16892"},"modified":"2026-01-26T14:51:08","modified_gmt":"2026-01-26T14:51:08","slug":"%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%b1%d8%a7%d8%a8%d8%b9-%d9%80-%d8%ac%d8%a7%d9%8a-%d9%84%d9%88%d8%b3%d9%83","status":"publish","type":"page","link":"https:\/\/smartedujo.com\/ar\/%d8%a7%d9%84%d8%af%d8%b1%d8%b3-%d8%a7%d9%84%d8%b1%d8%a7%d8%a8%d8%b9-%d9%80-%d8%ac%d8%a7%d9%8a-%d9%84%d9%88%d8%b3%d9%83\/","title":{"rendered":"\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0631\u0627\u0628\u0639 \u0640 \u062c\u0627\u064a – \u0644\u0648\u0633\u0627\u0643"},"content":{"rendered":"\n\n\n\n \n \n \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0631\u0627\u0628\u0639: \u0642\u0627\u0646\u0648\u0646 \u062c\u0627\u064a-\u0644\u0648\u0633\u0627\u0643<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@100;400;700&display=swap');\n \n body {\n font-family: 'Vazirmatn', sans-serif;\n background-color: #0f172a;\n color: #e2e8f0;\n font-size: 20px; \/* \u0627\u0644\u0646\u0635 \u0627\u0644\u0645\u0648\u062d\u062f 20px *\/\n line-height: 1.6;\n }\n\n \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 *\/\n h1 { font-size: 30px !important; font-weight: 800; color: #a78bfa; margin-bottom: 20px; }\n h2 { font-size: 26px !important; font-weight: 700; color: #f8fafc; margin-top: 30px; margin-bottom: 15px; }\n \n p, li, label, span, button, div, text { font-size: 20px; }\n\n canvas {\n background: #020617;\n border-radius: 12px;\n border: 2px solid rgba(255,255,255,0.1);\n }\n\n input[type=range] {\n accent-color: #a78bfa;\n height: 10px;\n cursor: pointer;\n }\n\n .math-formula {\n font-family: 'Courier New', Courier, monospace;\n font-size: 26px;\n background: rgba(167, 139, 250, 0.1);\n padding: 15px 40px;\n border-radius: 15px;\n border: 1px dashed #a78bfa;\n display: inline-block;\n direction: ltr;\n }\n <\/style>\n<\/head>\n<body class=\"p-4 sm:p-10\">\n\n<div class=\"max-w-5xl mx-auto space-y-12\" dir=\"rtl\">\n \n <header class=\"text-center border-b border-white\/10 pb-8\">\n <h1>\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0631\u0627\u0628\u0639: \u0642\u0627\u0646\u0648\u0646 \u062c\u0627\u064a-\u0644\u0648\u0633\u0627\u0643 (Gay-Lussac’s Law)<\/h1>\n <p class=\"text-slate-400 italic\">\u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0637\u0631\u062f\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0636\u063a\u0637 \u0648\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0639\u0646\u062f \u062b\u0628\u0648\u062a \u0627\u0644\u062d\u062c\u0645<\/p>\n <\/header>\n\n <section class=\"bg-slate-800\/30 p-8 rounded-3xl border border-white\/5 space-y-6\">\n <h2 class=\"border-r-4 border-purple-500 pr-4\">\u0644\u0645\u0627\u0630\u0627 \u064a\u0632\u062f\u0627\u062f \u0627\u0644\u0636\u063a\u0637 \u0628\u0627\u0644\u062a\u0633\u062e\u064a\u0646\u061f<\/h2>\n <p>\n \u0639\u0646\u062f\u0645\u0627 \u0646\u0642\u0648\u0645 \u0628\u062a\u0633\u062e\u064a\u0646 \u063a\u0627\u0632 \u0641\u064a \u0648\u0639\u0627\u0621 \u0645\u063a\u0644\u0642 (\u062d\u062c\u0645 \u062b\u0627\u0628\u062a)\u060c \u062a\u0643\u062a\u0633\u0628 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0637\u0627\u0642\u0629 \u062d\u0631\u0643\u064a\u0629 \u0648\u062a\u062a\u062d\u0631\u0643 \u0628\u0633\u0631\u0639\u0629 \u0623\u0643\u0628\u0631. \u0647\u0630\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0627\u0635\u0637\u062f\u0627\u0645\u0627\u062a \u0623\u0642\u0648\u0649 \u0648\u0623\u0643\u062b\u0631 \u062a\u0643\u0631\u0627\u0631\u0627\u064b \u0628\u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0648\u0639\u0627\u0621\u060c \u0645\u0645\u0627 \u064a\u0631\u0641\u0639 \u0627\u0644\u0636\u063a\u0637.\n <\/p>\n <div class=\"text-center\">\n <div class=\"math-formula text-purple-300 font-bold\">P\u2081 \/ T\u2081 = P\u2082 \/ T\u2082<\/div>\n <\/div>\n <\/section>\n\n <section class=\"bg-black\/40 p-6 sm:p-10 rounded-3xl border border-white\/10 shadow-2xl\">\n <div class=\"flex justify-between items-center mb-8\">\n <h2 class=\"m-0 text-white\/90\">\u0645\u062d\u0627\u0643\u0627\u0629 \u0645\u062c\u0647\u0631\u064a\u0629 (\u062b\u0628\u0648\u062a \u0627\u0644\u062d\u062c\u0645)<\/h2>\n <button id=\"resetSim\" class=\"bg-slate-700 hover:bg-slate-600 p-3 rounded-full transition-all text-white\">\u27f3<\/button>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row justify-center items-stretch gap-8\">\n <div class=\"flex flex-col items-center justify-center bg-slate-800\/40 p-4 rounded-2xl border border-white\/5\">\n <div class=\"relative w-10 h-40 bg-slate-700\/50 rounded-lg overflow-hidden border-2 border-slate-600\">\n <div id=\"pGaugeFill\" class=\"absolute bottom-0 w-full transition-all duration-200\" style=\"height: 30%; background: #22c55e;\"><\/div>\n <\/div>\n <span class=\"mt-2 text-sm text-slate-400\">\u0627\u0644\u0636\u063a\u0637<\/span>\n <\/div>\n\n <canvas id=\"gayLussacCanvas\" width=\"300\" height=\"250\"><\/canvas>\n\n <div class=\"flex flex-col items-center justify-center bg-slate-800\/40 p-4 rounded-2xl border border-white\/5\">\n <svg width=\"40\" height=\"160\" viewBox=\"0 0 40 160\">\n <rect x=\"15\" y=\"10\" width=\"10\" height=\"130\" rx=\"5\" fill=\"#334155\" \/>\n <circle cx=\"20\" cy=\"140\" r=\"12\" fill=\"#334155\" \/>\n <rect id=\"tGaugeFill\" x=\"18\" y=\"100\" width=\"4\" height=\"40\" fill=\"#3b82f6\" \/>\n <circle id=\"tGaugeBulb\" cx=\"20\" cy=\"140\" r=\"8\" fill=\"#3b82f6\" \/>\n <\/svg>\n <span class=\"mt-2 text-sm text-slate-400\">\u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/span>\n <\/div>\n <\/div>\n\n <div class=\"mt-10 max-w-md mx-auto space-y-6\">\n <label class=\"block text-center text-purple-300 font-bold\">\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 (K)<\/label>\n <div class=\"flex items-center gap-4\">\n <button id=\"tempDown\" class=\"w-12 h-12 bg-slate-700 rounded-lg hover:bg-red-500 text-white text-2xl font-bold\">–<\/button>\n <input id=\"tempSlider\" type=\"range\" min=\"100\" max=\"500\" step=\"1\" value=\"300\" class=\"flex-grow\">\n <button id=\"tempUp\" class=\"w-12 h-12 bg-slate-700 rounded-lg hover:bg-red-500 text-white text-2xl font-bold\">+<\/button>\n <\/div>\n <div class=\"grid grid-cols-2 gap-4 bg-slate-900\/80 p-4 rounded-xl text-center font-mono\">\n <div class=\"text-purple-300\">\u0627\u0644\u062d\u0631\u0627\u0631\u0629: <span id=\"valK\">300<\/span> K<\/div>\n <div class=\"text-teal-300\">\u0627\u0644\u0636\u063a\u0637: <span id=\"valP\">30.0<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"bg-black\/40 p-6 sm:p-10 rounded-3xl border border-white\/10\">\n <h2 class=\"m-0 text-white\/90 mb-8\">\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0644\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0637\u0631\u062f\u064a\u0629<\/h2>\n <div class=\"flex flex-col items-center\">\n <svg id=\"chartSVG\" width=\"100%\" height=\"300\" viewBox=\"0 0 400 300\" class=\"max-w-[500px]\">\n <line x1=\"40\" y1=\"260\" x2=\"360\" y2=\"260\" stroke=\"#6b7280\" stroke-width=\"2\" \/>\n <line x1=\"40\" y1=\"260\" x2=\"40\" y2=\"40\" stroke=\"#6b7280\" stroke-width=\"2\" \/>\n <text x=\"200\" y=\"295\" fill=\"#9ca3af\" text-anchor=\"middle\" style=\"font-size: 14px;\">\u0627\u0644\u062d\u0631\u0627\u0631\u0629 (T)<\/text>\n <text x=\"15\" y=\"150\" fill=\"#9ca3af\" text-anchor=\"middle\" transform=\"rotate(-90, 15, 150)\" style=\"font-size: 14px;\">\u0627\u0644\u0636\u063a\u0637 (P)<\/text>\n <line id=\"trendLine\" stroke=\"#a78bfa\" stroke-width=\"3\" \/>\n <circle id=\"chartPoint\" r=\"6\" fill=\"#c4b5fd\" stroke=\"#a78bfa\" stroke-width=\"2\" \/>\n <\/svg>\n <\/div>\n <\/section>\n\n<\/div>\n\n\n\n<script>\n \/\/ --- \u0645\u0646\u0637\u0642 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 ---\n const canvas = document.getElementById('gayLussacCanvas');\n const ctx = canvas.getContext('2d');\n const tempSlider = document.getElementById('tempSlider');\n const valKDisp = document.getElementById('valK');\n const valPDisp = document.getElementById('valP');\n const pGaugeFill = document.getElementById('pGaugeFill');\n const tGaugeFill = document.getElementById('tGaugeFill');\n const tGaugeBulb = document.getElementById('tGaugeBulb');\n const trendLine = document.getElementById('trendLine');\n const chartPoint = document.getElementById('chartPoint');\n\n let temperature = 300;\n const k_const = 0.1; \n let particles = [];\n\n function initParticles() {\n particles = [];\n for (let i = 0; i < 40; i++) {\n particles.push({\n x: Math.random() * 300,\n y: Math.random() * 250,\n vx: (Math.random() - 0.5) * 2,\n vy: (Math.random() - 0.5) * 2,\n radius: 3\n });\n }\n }\n\n function updateVisuals() {\n const pressure = temperature * k_const;\n valKDisp.innerText = Math.round(temperature);\n valPDisp.innerText = pressure.toFixed(1);\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0642\u064a\u0627\u0633 \u0627\u0644\u0636\u063a\u0637\n const pRatio = pressure \/ (500 * k_const);\n pGaugeFill.style.height = (pRatio * 100) + '%';\n pGaugeFill.style.background = `rgb(${Math.floor(255 * pRatio)}, ${Math.floor(255 * (1 - pRatio))}, 80)`;\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0642\u064a\u0627\u0633 \u0627\u0644\u062d\u0631\u0627\u0631\u0629\n const tRatio = (temperature - 100) \/ 400;\n const tHeight = 130 * tRatio;\n tGaugeFill.setAttribute('y', 140 - tHeight);\n tGaugeFill.setAttribute('height', tHeight);\n const tColor = `rgb(${Math.floor(255 * tRatio)}, 80, ${Math.floor(255 * (1 - tRatio))})`;\n tGaugeFill.setAttribute('fill', tColor);\n tGaugeBulb.setAttribute('fill', tColor);\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a\n const x = 40 + ((temperature - 100) \/ 400) * 320;\n const y = 260 - (pressure \/ 50) * 220;\n chartPoint.setAttribute('cx', x);\n chartPoint.setAttribute('cy', y);\n \n trendLine.setAttribute('x1', 40); trendLine.setAttribute('y1', 260 - (10\/50)*220);\n trendLine.setAttribute('x2', 360); trendLine.setAttribute('y2', 260 - (50\/50)*220);\n }\n\n function render() {\n ctx.clearRect(0, 0, 300, 250);\n ctx.fillStyle = 'rgba(15, 23, 42, 0.8)';\n ctx.fillRect(0, 0, 300, 250);\n ctx.strokeStyle = 'rgba(255, 255, 255, 0.3)';\n ctx.strokeRect(0, 0, 300, 250);\n\n const speed = Math.sqrt(temperature \/ 100);\n\n particles.forEach(p => {\n p.x += p.vx * speed;\n p.y += p.vy * speed;\n\n if (p.x < 3 || p.x > 297) p.vx *= -1;\n if (p.y < 3 || p.y > 247) p.vy *= -1;\n\n ctx.beginPath();\n ctx.arc(p.x, p.y, 3, 0, Math.PI * 2);\n ctx.fillStyle = '#c4b5fd';\n ctx.fill();\n });\n requestAnimationFrame(render);\n }\n\n tempSlider.oninput = (e) => { temperature = parseFloat(e.target.value); updateVisuals(); };\n document.getElementById('tempUp').onclick = () => { if(temperature < 500) { temperature += 10; tempSlider.value = temperature; updateVisuals(); }};\n document.getElementById('tempDown').onclick = () => { if(temperature > 100) { temperature -= 10; tempSlider.value = temperature; updateVisuals(); }};\n document.getElementById('resetSim').onclick = () => { temperature = 300; tempSlider.value = 300; updateVisuals(); };\n\n initParticles();\n updateVisuals();\n render();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0631\u0627\u0628\u0639: \u0642\u0627\u0646\u0648\u0646 \u062c\u0627\u064a-\u0644\u0648\u0633\u0627\u0643 \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0631\u0627\u0628\u0639: \u0642\u0627\u0646\u0648\u0646 \u062c\u0627\u064a-\u0644\u0648\u0633\u0627\u0643 (Gay-Lussac’s Law) \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0637\u0631\u062f\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0636\u063a\u0637 \u0648\u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0639\u0646\u062f \u062b\u0628\u0648\u062a \u0627\u0644\u062d\u062c\u0645 \u0644\u0645\u0627\u0630\u0627 \u064a\u0632\u062f\u0627\u062f \u0627\u0644\u0636\u063a\u0637 \u0628\u0627\u0644\u062a\u0633\u062e\u064a\u0646\u061f \u0639\u0646\u062f\u0645\u0627 \u0646\u0642\u0648\u0645 \u0628\u062a\u0633\u062e\u064a\u0646 \u063a\u0627\u0632 \u0641\u064a \u0648\u0639\u0627\u0621 \u0645\u063a\u0644\u0642 (\u062d\u062c\u0645 \u062b\u0627\u0628\u062a)\u060c \u062a\u0643\u062a\u0633\u0628 \u0627\u0644\u062c\u0632\u064a\u0626\u0627\u062a \u0637\u0627\u0642\u0629 \u062d\u0631\u0643\u064a\u0629 \u0648\u062a\u062a\u062d\u0631\u0643 \u0628\u0633\u0631\u0639\u0629 \u0623\u0643\u0628\u0631. \u0647\u0630\u0627 \u064a\u0624\u062f\u064a \u0625\u0644\u0649 \u0627\u0635\u0637\u062f\u0627\u0645\u0627\u062a \u0623\u0642\u0648\u0649 \u0648\u0623\u0643\u062b\u0631 \u062a\u0643\u0631\u0627\u0631\u0627\u064b \u0628\u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0648\u0639\u0627\u0621\u060c \u0645\u0645\u0627 \u064a\u0631\u0641\u0639 \u0627\u0644\u0636\u063a\u0637. P\u2081 \/ T\u2081 = P\u2082 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16892","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=16892"}],"version-history":[{"count":2,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16892\/revisions"}],"predecessor-version":[{"id":16897,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16892\/revisions\/16897"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=16892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}