\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 - \u0645\u062d\u0627\u0643\u0627\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n background: linear-gradient(to bottom right, #312e81, #5b21b6);\r\n font-family: 'Cairo', sans-serif;\r\n color: #f1f5f9;\r\n min-height: 100vh;\r\n padding: 2rem;\r\n }\r\n .content-container {\r\n max-width: 96rem; \/* \u062a\u0645 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0639\u0631\u0636 \u0625\u0644\u0649 96rem \u0644\u0639\u0631\u0636 \u0623\u0648\u0633\u0639 *\/\r\n margin: 0 auto;\r\n background-color: rgba(30, 27, 75, 0.6);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n }\r\n \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 *\/\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #1e1b4b; }\r\n ::-webkit-scrollbar-thumb { background: #4f46e5; border-radius: 4px; }\r\n .simulation-container {\r\n margin: 2rem 0;\r\n padding: 1.5rem;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 0.75rem;\r\n }\r\n input[type=\"range\"] {\r\n -webkit-appearance: none;\r\n background: #1e293b;\r\n height: 4px;\r\n border-radius: 4px;\r\n }\r\n input[type=\"range\"]:focus {\r\n outline: none;\r\n }\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background: #f59e0b;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n button {\r\n transition: all 0.2s ease;\r\n }\r\n .btn-primary {\r\n background-color: #4f46e5;\r\n }\r\n .btn-primary:hover {\r\n background-color: #6366f1;\r\n }\r\n canvas, svg {\r\n display: block;\r\n margin: 0 auto;\r\n border-radius: 0.75rem;\r\n }\r\n @keyframes dash {\r\n to { stroke-dashoffset: -14; }\r\n }\r\n .animated-dash {\r\n animation: dash 1s linear infinite;\r\n }\r\n \/* \u062a\u062d\u0633\u064a\u0646 \u0639\u0631\u0636 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0648\u0627\u0644\u0635\u0648\u0631 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0648\u0627\u0633\u0639\u0629 *\/\r\n .max-w-4xl {\r\n max-width: 100%;\r\n }\r\n .content-container .max-w-4xl {\r\n max-width: 100%;\r\n }\r\n \/* \u0644\u0636\u0645\u0627\u0646 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0643\u064a\u0627\u062a \u0648\u0627\u0636\u062d\u0629 *\/\r\n .simulation-container {\r\n width: 100%;\r\n overflow-x: auto;\r\n }\r\n \/* \u062c\u0639\u0644 \u0628\u0639\u0636 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u062a\u0623\u062e\u0630 \u0639\u0631\u0636\u0627\u064b \u0623\u0643\u0628\u0631 *\/\r\n .content-container .max-w-4xl {\r\n max-width: 100%;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"content-container\">\r\n \r\n <div style=\"border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem; margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\">\r\n <div>\r\n <h1 class=\"text-3xl font-bold text-white mb-2\">\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/h1>\r\n <p class=\"text-indigo-300\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a - \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 - \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/p>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 0.5rem; background-color: rgba(0,0,0,0.2); padding: 0.5rem 1rem; border-radius: 9999px; border: 1px solid rgba(255,255,255,0.1);\">\r\n <div style=\"display: flex; flex-direction: column; align-items: flex-end;\">\r\n <span style=\"font-size: 0.625rem; color: #a5b4fc; line-height: 1;\">\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0639\u0644\u0645<\/span>\r\n <span style=\"font-size: 0.875rem; font-weight: bold; color: white; line-height: 1;\">\u0623. \u0639\u0628\u062f\u0627\u0644\u0641\u062a\u0627\u062d \u0645\u0637\u0631<\/span>\r\n <\/div>\r\n <div style=\"width: 2rem; height: 2rem; border-radius: 9999px; background-color: rgba(79, 70, 229, 0.2); display: flex; align-items: center; justify-content: center;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; color: #a5b4fc;\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0l-3.32-2.217A59.902 59.902 0 0112 3.493a59.902 59.902 0 0110.399 5.84l-3.32 2.217m-1.488-3.322a48.627 48.627 0 01-8.232 4.41\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mt-4 w-full\">\r\n <audio controls class=\"w-full h-10\">\r\n <source src=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/05\/\u0627\u0644\u062f\u0631\u0633_\u0627\u0644\u062b\u0627\u0646\u064a__\u0627\u0644\u062f\u0627\u0631\u0629_\u0627\u0644\u0628\u0633\u064a\u0637\u0629_\u0648\u0627\u0644\u0642\u062f\u0631\u0629_\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629_audio.mp3\" type=\"audio\/mpeg\">\r\n <source src=\"audio\/lesson_gas_state.ogg\" type=\"audio\/ogg\">\r\n \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0635\u0648\u062a. \u064a\u0645\u0643\u0646\u0643 <a href=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/05\/\u0627\u0644\u062f\u0631\u0633_\u0627\u0644\u062b\u0627\u0646\u064a__\u0627\u0644\u062f\u0627\u0631\u0629_\u0627\u0644\u0628\u0633\u064a\u0637\u0629_\u0648\u0627\u0644\u0642\u062f\u0631\u0629_\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629_audio.mp3\" class=\"text-indigo-300 underline\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0635\u0648\u062a\u064a<\/a>.\r\n <\/audio>\r\n <span class=\"text-xs text-indigo-300\">\u0634\u0631\u062d \u0627\u0644\u062f\u0631\u0633 (\u0635\u0648\u062a)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-6 text-right\">\r\n <div dir=\"rtl\" class=\"font-sans text-slate-100 space-y-12 leading-relaxed mx-auto pb-20\" style=\"max-width: 100%;\">\r\n \r\n <header class=\"bg-gradient-to-br from-indigo-900 to-slate-900 border border-indigo-700\/50 rounded-3xl p-8 shadow-2xl relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-full h-full opacity-10\" style=\"background-image: radial-gradient(circle at center, #6366f1 1px, transparent 1px); background-size: 20px 20px;\"><\/div>\r\n <div class=\"relative z-10\">\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-amber-400 to-yellow-200 mb-4\">\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/h2>\r\n <p class=\"text-lg text-indigo-200\/80 font-light italic\">Simple Circuit and Electric Power<\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"bg-slate-800\/50 p-6 rounded-2xl border-r-4 border-amber-500 shadow-lg\">\r\n <p class=\"text-slate-300 leading-relaxed text-lg\"><strong class=\"text-amber-400\">\u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u0629:<\/strong> \u062a\u062a\u0643\u0648\u0651\u0646 \u0623\u0628\u0633\u0637 \u062f\u0627\u0631\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u0646 \u0645\u0635\u062f\u0631 \u062c\u0647\u062f (\u0628\u0637\u0627\u0631\u064a\u0629) \u0648\u0639\u0646\u0627\u0635\u0631 \u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u0644\u0644\u0637\u0627\u0642\u0629 (\u0645\u0642\u0627\u0648\u0645\u0627\u062a\u060c \u0645\u0635\u0627\u0628\u064a\u062d) \u0645\u0648\u0635\u0648\u0644\u0629 \u0641\u064a \u0645\u0633\u0627\u0631 \u0645\u063a\u0644\u0642. \u0639\u0646\u062f \u0633\u0631\u064a\u0627\u0646 \u0627\u0644\u062a\u064a\u0627\u0631\u060c \u062a\u0646\u062a\u062c \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u0637\u0627\u0642\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u062a\u0633\u062a\u0647\u0644\u0643\u0647\u0627 \u0647\u0630\u0647 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0648\u062a\u062d\u0648\u0644\u0647\u0627 \u0644\u0623\u0634\u0643\u0627\u0644 \u0623\u062e\u0631\u0649 \u0645\u0646 \u0627\u0644\u0637\u0627\u0642\u0629 (\u062d\u0631\u0627\u0631\u064a\u0629\u060c \u0636\u0648\u0626\u064a\u0629\u060c \u062d\u0631\u0643\u064a\u0629). \u062a\u064f\u0642\u0627\u0633 \u0633\u0631\u0639\u0629 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629 \u0623\u0648 \u0625\u0646\u062a\u0627\u062c\u0647\u0627 \u0628\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629.<\/p>\r\n <\/div>\r\n\r\n \r\n <section class=\"space-y-6\">\r\n <h3 class=\"text-2xl font-bold text-white flex items-center gap-2 border-b-2 border-blue-500\/30 pb-2\"><span class=\"w-3 h-8 bg-blue-500 rounded-full inline-block\"><\/span>\u0623\u0648\u0644\u0627\u064b: \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 (Simple Electric Circuit)<\/h3>\r\n <div class=\"bg-slate-800\/30 p-6 rounded-2xl border border-white\/5 space-y-4\">\r\n <p class=\"text-slate-300 leading-relaxed\">\u062a\u062a\u0643\u0648\u0651\u0646 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0645\u0646:<\/p>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4\">\r\n <div class=\"bg-slate-900\/50 p-4 rounded-xl border border-white\/5 flex items-start gap-3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 shrink-0 mt-1\"><rect width=\"16\" height=\"10\" x=\"4\" y=\"7\" rx=\"2\"\/><path d=\"M12 11v2\"\/><path d=\"M10 12h4\"\/><path d=\"M22 12h-2\"\/><path d=\"M4 12H2\"\/><\/svg><div><strong class=\"text-blue-300 block mb-1\">\u0645\u0635\u062f\u0631 \u062c\u0647\u062f (\u0628\u0637\u0627\u0631\u064a\u0629):<\/strong> \u0642\u0648\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 <span class=\"font-serif italic text-amber-200 text-lg\">\u03b5<\/span> \u0648\u0645\u0642\u0627\u0648\u0645\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 <span class=\"font-mono text-emerald-200\">r<\/span>.<\/div><\/div>\r\n <div class=\"bg-slate-900\/50 p-4 rounded-xl border border-white\/5 flex items-start gap-3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 shrink-0 mt-1\"><path d=\"M12 2v20\"\/><polyline points=\"17 5 9 12 17 19\"\/><\/svg><div><strong class=\"text-blue-300 block mb-1\">\u0645\u0642\u0627\u0648\u0645\u0629 \u062e\u0627\u0631\u062c\u064a\u0629 (\u0623\u0648 \u062d\u0645\u0644):<\/strong> \u0631\u0645\u0632\u0647\u0627 <span class=\"font-mono text-emerald-200\">R<\/span>\u060c \u0645\u062b\u0644 \u0645\u0635\u0628\u0627\u062d \u0623\u0648 \u0645\u062d\u0631\u0643.<\/div><\/div>\r\n <div class=\"bg-slate-900\/50 p-4 rounded-xl border border-white\/5 flex items-start gap-3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 shrink-0 mt-1\"><path d=\"M22 12H2\"\/><path d=\"M12 2v20\"\/><\/svg><div><strong class=\"text-blue-300 block mb-1\">\u0623\u0633\u0644\u0627\u0643 \u062a\u0648\u0635\u064a\u0644:<\/strong> \u062a\u064f\u0639\u062a\u0628\u0631 \u0645\u0647\u0645\u0644\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0627\u0644\u062a\u0628\u0633\u064a\u0637\u064a\u0629.<\/div><\/div>\r\n <div class=\"bg-slate-900\/50 p-4 rounded-xl border border-white\/5 flex items-start gap-3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 shrink-0 mt-1\"><path d=\"M18.36 6.64A9 9 0 0 1 20 7.73\"\/><path d=\"M5.64 6.64A9 9 0 1 0 18.36 20\"\/><path d=\"M12 2v10\"\/><\/svg><div><strong class=\"text-blue-300 block mb-1\">\u0645\u0641\u062a\u0627\u062d \u0627\u0644\u062f\u0627\u0631\u0629:<\/strong> \u0644\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0645\u0631\u0648\u0631 \u0627\u0644\u062a\u064a\u0627\u0631 (\u063a\u0644\u0642 \u0623\u0648 \u0641\u062a\u062d \u0627\u0644\u062f\u0627\u0631\u0629).<\/div><\/div>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/20 p-4 rounded-lg border border-indigo-500\/20 mt-4 text-center\">\u0639\u0646\u062f \u063a\u0644\u0642 \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u060c \u064a\u0633\u0631\u064a <strong>\u0646\u0641\u0633 \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a I<\/strong> \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u062c\u0632\u0627\u0621 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u063a\u0644\u0642\u0629 \u0627\u0644\u0645\u0648\u0635\u0648\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0644\u064a.<\/div>\r\n \r\n <div class=\"simulation-container\" id=\"circuit-sim\" style=\"min-height: 500px;\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"space-y-6\"><h3 class=\"text-2xl font-bold text-white flex items-center gap-2 border-b-2 border-emerald-500\/30 pb-2\"><span class=\"w-3 h-8 bg-emerald-500 rounded-full inline-block\"><\/span>\u062b\u0627\u0646\u064a\u0627\u064b: \u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0641\u064a \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629<\/h3>\r\n <div class=\"bg-slate-800\/30 p-6 rounded-2xl border border-white\/5 space-y-4\"><p class=\"text-slate-300 leading-relaxed mb-4\">\u0644\u0645\u0639\u0631\u0641\u0629 \u0643\u064a\u0641 \u064a\u062a\u063a\u064a\u0631 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a \u0639\u0628\u0631 \u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u062f\u0627\u0631\u0629\u060c \u064a\u064f\u0645\u062b\u0644 \u0628\u064a\u0627\u0646\u064a\u0627\u064b \u0623\u062b\u0646\u0627\u0621 \u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u063a\u0644\u0642 (\u0627\u0644\u0639\u0631\u0648\u0629) \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0646\u0642\u0637\u0629 \u0648\u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u064a\u0647\u0627. \u0647\u0630\u0627 \u0627\u0644\u062a\u062a\u0628\u0639 \u064a\u062c\u0633\u0651\u062f <strong>\u0642\u0627\u0639\u062f\u0629 \u0643\u064a\u0631\u0634\u0648\u0641 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0644\u0644\u062c\u0647\u062f<\/strong> (\u0645\u062c\u0645\u0648\u0639 \u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0641\u064a \u0639\u0631\u0648\u0629 \u0645\u063a\u0644\u0642\u0629 = \u0635\u0641\u0631).<\/p>\r\n <ul class=\"space-y-4\"><li class=\"bg-slate-900\/40 p-4 rounded-xl border border-slate-700\/50 relative overflow-hidden\"><div class=\"absolute right-0 top-0 bottom-0 w-1.5 bg-rose-500\"><\/div><strong class=\"text-rose-400 block mb-2\">1. \u0639\u0628\u0631 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 (\u0645\u0646 \u0627\u0644\u0633\u0627\u0644\u0628 \u0644\u0644\u0645\u0648\u062c\u0628):<\/strong><p class=\"text-lg text-slate-300\">\u064a\u0631\u062a\u0641\u0639 \u0627\u0644\u062c\u0647\u062f \u0628\u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 <span class=\"font-serif italic text-rose-300 ml-1\">+\u03b5<\/span>\u060c \u062b\u0645 \u064a\u0646\u062e\u0641\u0636 \u0641\u0648\u0631\u0627\u064b \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u0628\u0633\u0628\u0628 \u0645\u0642\u0627\u0648\u0645\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0628\u0645\u0642\u062f\u0627\u0631 <span class=\"font-mono text-rose-300 ml-1\">-Ir<\/span>. <br\/>\u0635\u0627\u0641\u064a \u0627\u0644\u062a\u063a\u064a\u0631: <span class=\"font-mono text-white bg-black\/30 px-2 py-0.5 rounded ml-1\">+\u03b5 - Ir<\/span>.<\/p><\/li>\r\n <li class=\"bg-slate-900\/40 p-4 rounded-xl border border-slate-700\/50 relative overflow-hidden\"><div class=\"absolute right-0 top-0 bottom-0 w-1.5 bg-slate-500\"><\/div><strong class=\"text-slate-400 block mb-2\">2. \u0639\u0628\u0631 \u0623\u0633\u0644\u0627\u0643 \u0627\u0644\u062a\u0648\u0635\u064a\u0644:<\/strong><p class=\"text-lg text-slate-300\">\u0627\u0644\u062c\u0647\u062f \u064a\u0628\u0642\u0649 <strong>\u062b\u0627\u0628\u062a\u0627\u064b<\/strong> (\u0644\u0625\u0647\u0645\u0627\u0644 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629)\u060c \u0623\u064a \u0623\u0646\u0647 \u0644\u0627 \u064a\u0648\u062c\u062f \u062a\u063a\u064a\u0631 \u0641\u064a \u0627\u0644\u062c\u0647\u062f.<\/p><\/li>\r\n <li class=\"bg-slate-900\/40 p-4 rounded-xl border border-slate-700\/50 relative overflow-hidden\"><div class=\"absolute right-0 top-0 bottom-0 w-1.5 bg-emerald-500\"><\/div><strong class=\"text-emerald-400 block mb-2\">3. \u0639\u0628\u0631 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 R (\u0641\u064a \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u062a\u064a\u0627\u0631):<\/strong><p class=\"text-lg text-slate-300\">\u064a\u0646\u062e\u0641\u0636 \u0627\u0644\u062c\u0647\u062f \u0628\u0645\u0642\u062f\u0627\u0631 <span class=\"font-mono text-emerald-300 ml-1\">-IR<\/span> \u0644\u0623\u0646 \u0627\u0644\u062a\u064a\u0627\u0631 \u064a\u0646\u062a\u0642\u0644 \u062f\u0627\u0626\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0623\u062f\u0646\u0649.<\/p><\/li><\/ul>\r\n <div class=\"bg-emerald-900\/20 p-5 rounded-xl border border-emerald-500\/20 mt-6 text-center\"><strong class=\"text-emerald-300 block mb-2\">\u0627\u0644\u0645\u062d\u0635\u0644\u0629 (\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0646\u0641\u0633 \u0627\u0644\u0646\u0642\u0637\u0629):<\/strong><p class=\"text-lg text-slate-300 mb-3\">\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0628\u0631\u064a\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0631\u0648\u0629 \u0627\u0644\u0645\u063a\u0644\u0642\u0629 \u064a\u0633\u0627\u0648\u064a \u0635\u0641\u0631\u0627\u064b:<\/p><div class=\"font-mono text-2xl text-white font-bold inline-block bg-black\/40 px-6 py-3 rounded-lg border border-emerald-500\/30\" dir=\"ltr\">+\u03b5 - I r - I R = 0<\/div><\/div><\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"space-y-6\"><h3 class=\"text-2xl font-bold text-white flex items-center gap-2 border-b-2 border-indigo-500\/30 pb-2\"><span class=\"w-3 h-8 bg-indigo-500 rounded-full inline-block\"><\/span>\u062b\u0627\u0644\u062b\u0627\u064b: \u0645\u0639\u0627\u062f\u0644\u0629 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0648\u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u064a\u0627\u0631<\/h3>\r\n <div class=\"bg-slate-800\/30 p-6 rounded-2xl border border-white\/5 space-y-4\"><p class=\"text-slate-300 leading-relaxed mb-4\">\u0628\u0625\u0639\u0627\u062f\u0629 \u062a\u0631\u062a\u064a\u0628 \u0645\u0639\u0627\u062f\u0644\u0629 \u062a\u062a\u0628\u0639 \u0627\u0644\u062c\u0647\u062f (+\u03b5 - Ir - IR = 0)\u060c \u0646\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629\u060c \u0648\u0645\u0646\u0647\u0627 \u0646\u062c\u062f \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0627\u0631 \u0641\u064a\u0647\u0627.<\/p>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\"><div class=\"bg-black\/30 p-6 rounded-xl border border-indigo-500\/20 flex flex-col items-center justify-center min-h-32\"><div class=\"font-mono text-2xl text-indigo-300 mb-2\" dir=\"ltr\">\u03b5 = I (R + r)<\/div><div class=\"text-lg text-slate-400\">\u0645\u0639\u0627\u062f\u0644\u0629 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629<\/div><\/div>\r\n <div class=\"bg-black\/30 p-6 rounded-xl border border-indigo-500\/20 flex flex-col items-center justify-center min-h-32\"><div class=\"font-mono text-3xl text-amber-300 flex items-center\" dir=\"ltr\"><span class=\"mr-3\">I =<\/span><div class=\"flex flex-col items-center\"><span class=\"border-b-2 border-amber-300\/50 pb-1 px-3\">\u03b5<\/span><span class=\"pt-1 px-3\">R + r<\/span><\/div><\/div><div class=\"text-lg text-slate-400 mt-4\">\u062a\u064a\u0627\u0631 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629<\/div><\/div><\/div>\r\n <div class=\"bg-indigo-950\/40 p-5 rounded-xl border border-indigo-500\/20 mt-6\"><h4 class=\"text-indigo-300 font-bold mb-3 border-b border-indigo-500\/20 pb-2\">\u062a\u0639\u0645\u064a\u0645 \u0644\u0639\u062f\u0629 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0648\u0645\u0642\u0627\u0648\u0645\u0627\u062a<\/h4><p class=\"text-lg text-slate-300 mb-4 leading-relaxed\">\u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u062f\u0627\u0631\u0629 \u062a\u062d\u062a\u0648\u064a \u0639\u062f\u0629 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0648\u0645\u0642\u0627\u0648\u0645\u0627\u062a \u0645\u062a\u0635\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0644\u064a \u0641\u064a \u0639\u0631\u0648\u0629 \u0648\u0627\u062d\u062f\u0629\u060c \u0646\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u062c\u0628\u0631\u064a:<\/p><div class=\"bg-black\/30 p-4 rounded-xl flex justify-center w-fit mx-auto border border-white\/5 mb-4\"><div class=\"font-mono text-2xl text-cyan-300 flex items-center\" dir=\"ltr\"><span class=\"mr-3\">I =<\/span><div class=\"flex flex-col items-center\"><span class=\"border-b-2 border-cyan-300\/50 pb-1 px-3\">\u03a3\u03b5<\/span><span class=\"pt-1 px-3\">\u03a3(R + r)<\/span><\/div><\/div><\/div>\r\n <p class=\"text-lg text-slate-300 mt-2 bg-slate-900\/50 p-3 rounded-lg border border-slate-700\"><strong class=\"text-amber-400\">\u0645\u0644\u0627\u062d\u0638\u0629 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u062f\u0627\u0641\u0639\u0629:<\/strong> \u062a\u064f\u062c\u0645\u0639 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a (\u0645\u0639 \u0628\u0639\u0636\u0647\u0627) \u0628\u062c\u0645\u0639 <strong class=\"text-emerald-400\">\u0645\u0648\u062c\u0628<\/strong> \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u062a\u0636\u062e \u0627\u0644\u062a\u064a\u0627\u0631 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0645\u0641\u062a\u0631\u0636\u060c \u0648<strong class=\"text-rose-400\">\u0633\u0627\u0644\u0628<\/strong> \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0636\u062f\u0647. \u0623\u0645\u0627 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0627\u062a \u0641\u062a\u064f\u062c\u0645\u0639 \u062f\u0627\u0626\u0645\u0627\u064b \u062c\u0645\u0639\u0627\u064b \u062c\u0628\u0631\u064a\u0627\u064b \u0645\u0648\u062c\u0628\u0627\u064b.<\/p><\/div>\r\n\r\n <div class=\"space-y-4 mt-6\"><div class=\"bg-indigo-950\/40 p-5 rounded-2xl border border-indigo-500\/20 shadow-md\"><h5 class=\"text-indigo-300 font-bold mb-3 flex items-center gap-2 text-md border-b border-indigo-500\/20 pb-2\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\u0645\u062b\u0627\u0644 \u062a\u0637\u0628\u064a\u0642\u064a: \u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/h5><div class=\"space-y-3\"><p class=\"text-lg text-slate-300 leading-relaxed\">\u062f\u0627\u0631\u0629 \u0628\u0633\u064a\u0637\u0629 \u0641\u064a\u0647\u0627 \u0628\u0637\u0627\u0631\u064a\u0629 \u0642\u0648\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">\u03b5 = 14 V<\/span> \u0648\u0645\u0642\u0627\u0648\u0645\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">r = 1 \u03a9<\/span>\u060c \u0645\u0648\u0635\u0648\u0644\u0629 \u0628\u0645\u0642\u0627\u0648\u0645\u0629 \u062e\u0627\u0631\u062c\u064a\u0629 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">R = 9 \u03a9<\/span>. \u0627\u062d\u0633\u0628 \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0627\u0631 \u0641\u064a \u0627\u0644\u062f\u0627\u0631\u0629.<\/p><div class=\"bg-black\/40 p-4 rounded-xl font-mono text-lg text-emerald-300 w-full min-w-fit border border-indigo-500\/10 leading-relaxed\" dir=\"ltr\">I = \u03b5 \/ (R + r)<br \/>I = 14 \/ (9 + 1)<br \/>I = 1.4 A<\/div><\/div><\/div>\r\n <div class=\"bg-indigo-950\/40 p-5 rounded-2xl border border-indigo-500\/20 shadow-md\"><h5 class=\"text-indigo-300 font-bold mb-3 flex items-center gap-2 text-md border-b border-indigo-500\/20 pb-2\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"m19 9-5 5-4-4-3 3\"\/><\/svg>\u0645\u062b\u0627\u0644 \u062a\u0637\u0628\u064a\u0642\u064a: \u062a\u062d\u0644\u064a\u0644 \u062a\u0645\u062b\u064a\u0644 \u0628\u064a\u0627\u0646\u064a \u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f<\/h5><div class=\"space-y-3\"><p class=\"text-lg text-slate-300 leading-relaxed\">\u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062a\u0628\u0639 \u0631\u0633\u0645 \u0628\u064a\u0627\u0646\u064a \u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0641\u064a \u062f\u0627\u0631\u0629 \u0628\u0633\u064a\u0637\u0629\u060c \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u062c\u0647\u0648\u0644\u0629\u060c \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:<\/p><ul class=\"text-lg text-slate-300 space-y-3 list-disc list-inside\"><li>\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0642\u0648\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">6.0 V<\/span> \u0648\u0627\u0646\u062e\u0641\u0627\u0636 \u062c\u0647\u062f\u0647\u0627 \u0627\u0644\u062f\u0627\u062e\u0644\u064a <span class=\"font-mono text-cyan-200\" dir=\"ltr\">3.0 V<\/span> \u0641\u064a \u0645\u0642\u0627\u0648\u0645\u0629 \u062f\u0627\u062e\u0644\u064a\u0629 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">2.0 \u03a9<\/span>. (\u0645\u0646\u0647 \u0646\u062c\u062f \u0627\u0644\u062a\u064a\u0627\u0631: <span class=\"font-mono text-emerald-300\" dir=\"ltr\">I = 3.0 \/ 2.0 = 1.5 A<\/span>).<\/li><li>\u064a\u0648\u062c\u062f \u0628\u0637\u0627\u0631\u064a\u0629 \u0623\u062e\u0631\u0649 \u0642\u0648\u062a\u0647\u0627 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">9 V<\/span>.<\/li><li>\u0627\u0646\u062e\u0641\u0627\u0636 \u0627\u0644\u062c\u0647\u062f \u0639\u0628\u0631 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0647\u0648 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">IR = 9 V<\/span>\u060c \u0641\u0646\u062d\u0633\u0628 \u0642\u064a\u0645\u062a\u0647\u0627: <span class=\"font-mono text-emerald-300\" dir=\"ltr\">R = 9.0 \/ 1.5 = 6.0 \u03a9<\/span>.<\/li><\/ul><\/div><\/div><\/div><\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"space-y-6\"><h3 class=\"text-2xl font-bold text-white flex items-center gap-2 border-b-2 border-pink-500\/30 pb-2\"><span class=\"w-3 h-8 bg-pink-500 rounded-full inline-block\"><\/span>\u0631\u0627\u0628\u0639\u0627\u064b: \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 (Electric Power)<\/h3>\r\n <div class=\"bg-slate-800\/30 p-6 rounded-2xl border border-white\/5 space-y-6\"><p class=\"text-slate-300 leading-relaxed mb-4\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0647\u064a \u0627\u0644\u0645\u0639\u062f\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 (\u0627\u0644\u0634\u063a\u0644 \u0627\u0644\u0645\u0628\u0630\u0648\u0644) \u0641\u064a \u0627\u0644\u062f\u0627\u0631\u0629\u060c \u0648\u062a\u064f\u0642\u0627\u0633 \u0628\u0648\u062d\u062f\u0629 <strong>\u0627\u0644\u0648\u0627\u0637 (W)<\/strong>\u060c \u062d\u064a\u062b \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0630\u064a \u0642\u062f\u0631\u062a\u0647 1 W \u064a\u0633\u062a\u0647\u0644\u0643 \u0623\u0648 \u064a\u064f\u0646\u062a\u062c 1 J \u0645\u0646 \u0627\u0644\u0637\u0627\u0642\u0629 \u0643\u0644 \u062b\u0627\u0646\u064a\u0629.<\/p>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6\"><div class=\"bg-rose-950\/20 p-5 rounded-2xl border border-rose-500\/20\"><h4 class=\"text-rose-400 font-bold mb-4 text-lg border-b border-rose-500\/20 pb-2\">1. \u0642\u062f\u0631\u0629 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629<\/h4><p class=\"text-lg text-slate-300 mb-4 leading-relaxed\">\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u062a\u064f\u0646\u062a\u062c \u0637\u0627\u0642\u0629 \u0628\u0645\u0639\u062f\u0644 \u064a\u064f\u062d\u0633\u0628 \u0628\u062d\u0627\u0635\u0644 \u0636\u0631\u0628 \u062a\u064a\u0627\u0631\u0647\u0627 \u0641\u064a \u0642\u0648\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u0641\u0639\u0629.<\/p><div class=\"bg-black\/30 p-3 rounded-lg font-mono text-xl text-center text-rose-300 border border-white\/5\" dir=\"ltr\">P<sub>\u03b5<\/sub> = I \u03b5<\/div><div class=\"mt-4 text-lg text-slate-300 p-3 bg-slate-900\/50 rounded-lg\">\u0628\u062a\u0639\u0648\u064a\u0636 \u0645\u0639\u0627\u062f\u0644\u0629 \u0627\u0644\u062f\u0627\u0631\u0629\u060c \u0646\u062c\u062f \u0635\u064a\u063a\u0629 \u0645\u0628\u062f\u0623 \u062d\u0641\u0638 \u0627\u0644\u0637\u0627\u0642\u0629:<div class=\"font-mono text-center text-white mt-2 pb-1\" dir=\"ltr\">P<sub>\u03b5<\/sub> = I<sup>2<\/sup>R + I<sup>2<\/sup>r<\/div><p class=\"text-lg text-slate-400 mt-2\">\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u064f\u0646\u062a\u062c\u0629 = \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 + \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u062f\u0627\u062e\u0644\u064a\u0627\u064b.<\/p><\/div><\/div>\r\n <div class=\"bg-emerald-950\/20 p-5 rounded-2xl border border-emerald-500\/20\"><h4 class=\"text-emerald-400 font-bold mb-4 text-lg border-b border-emerald-500\/20 pb-2\">2. \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 (\u0641\u064a \u062c\u0647\u0627\u0632\/\u0645\u0642\u0627\u0648\u0645\u0629)<\/h4><p class=\"text-lg text-slate-300 mb-4 leading-relaxed\">\u062a\u062d\u0633\u0628 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0639\u062f\u0629 \u0635\u064a\u063a \u0645\u062a\u0643\u0627\u0641\u0626\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0642\u0627\u0646\u0648\u0646 \u0623\u0648\u0645.<\/p><div class=\"flex justify-center gap-4 bg-black\/30 p-3 rounded-lg font-mono text-xl text-emerald-300 border border-white\/5 flex-wrap\" dir=\"ltr\"><span>P = IV<\/span><span class=\"text-slate-500\">=<\/span><span>I<sup>2<\/sup>R<\/span><span class=\"text-slate-500\">=<\/span><span>V<sup>2<\/sup>\/R<\/span><\/div><div class=\"mt-4 p-3 bg-slate-900\/50 rounded-lg border border-emerald-500\/10\"><strong class=\"text-emerald-300 text-lg block mb-1\">\u062a\u0639\u0631\u064a\u0641 \u0628\u062f\u064a\u0644 \u0644\u0644\u0648\u0627\u0637:<\/strong><p class=\"text-lg text-slate-300\">\u0642\u062f\u0631\u0629 \u062c\u0647\u0627\u0632 \u064a\u0645\u0631 \u0628\u0647 \u062a\u064a\u0627\u0631 \u0642\u062f\u0631\u0647 1 A \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0641\u0631\u0642 \u0627\u0644\u062c\u0647\u062f \u0628\u064a\u0646 \u0637\u0631\u0641\u064a\u0647 1 V.<\/p><\/div><\/div><\/div>\r\n \r\n <div class=\"bg-slate-900\/50 p-5 rounded-xl border border-slate-700 shadow-md\"><h5 class=\"text-pink-400 font-bold mb-3 border-b border-slate-700 pb-2 text-lg\">\u0645\u062b\u0627\u0644 \u0634\u0627\u0645\u0644 \u0644\u0644\u0642\u062f\u0631\u0629 \u0648\u062d\u0641\u0638 \u0627\u0644\u0637\u0627\u0642\u0629<\/h5><div class=\"text-lg text-slate-300 space-y-3\"><p>\u062f\u0627\u0631\u0629 \u0628\u0633\u064a\u0637\u0629 \u0641\u064a\u0647\u0627 <span class=\"font-mono\">R = 3 \u03a9, r = 1 \u03a9, \u03b5 = 12 V<\/span>.<\/p><ul class=\"space-y-2 list-disc list-inside px-2\"><li><strong class=\"text-cyan-300\">\u0627\u0644\u062a\u064a\u0627\u0631:<\/strong> I = 12 \/ (3 + 1) = 3 A<\/li><li><strong class=\"text-rose-300\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u064f\u0646\u062a\u062c\u0629:<\/strong> P<sub>\u03b5<\/sub> = I\u03b5 = 3 \u00d7 12 = 36 W<\/li><li><strong class=\"text-amber-300\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0636\u0627\u0626\u0639\u0629 \u062f\u0627\u062e\u0644\u064a\u0627\u064b:<\/strong> P<sub>r<\/sub> = I\u00b2r = 9 \u00d7 1 = 9 W<\/li><li><strong class=\"text-emerald-300\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u062e\u0627\u0631\u062c\u064a\u0627\u064b:<\/strong> P<sub>R<\/sub> = I\u00b2R = 9 \u00d7 3 = 27 W<\/li><\/ul><div class=\"mt-2 text-center bg-black\/30 p-2 rounded text-emerald-200\">\u0646\u0644\u0627\u062d\u0638 \u062a\u062d\u0642\u0642 \u0645\u0628\u062f\u0623 \u062d\u0641\u0638 \u0627\u0644\u0637\u0627\u0642\u0629: <span class=\"font-mono font-bold\">27 + 9 = 36<\/span><\/div><\/div><\/div>\r\n \r\n \r\n <div class=\"simulation-container\" id=\"power-sim\" style=\"min-height: 500px;\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"space-y-6\"><h3 class=\"text-2xl font-bold text-white flex items-center gap-2 border-b-2 border-cyan-500\/30 pb-2\"><span class=\"w-3 h-8 bg-cyan-500 rounded-full inline-block\"><\/span>\u062e\u0627\u0645\u0633\u0627\u064b: \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/h3>\r\n <div class=\"bg-slate-800\/30 p-6 rounded-2xl border border-white\/5 space-y-6\"><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"><div><h4 class=\"text-cyan-300 font-bold mb-2\">1. \u062d\u0633\u0627\u0628 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 (E)<\/h4><p class=\"text-lg text-slate-300 mb-3\">\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u0633\u062a\u0647\u0644\u0643\u0647\u0627 \u062c\u0647\u0627\u0632 \u0642\u062f\u0631\u062a\u0647 P \u064a\u0639\u0645\u0644 \u0644\u0645\u062f\u0629 \u0632\u0645\u0646\u064a\u0629 \u0394t.<\/p><div class=\"bg-black\/40 p-3 rounded-lg font-mono text-xl text-center text-cyan-200 border border-cyan-500\/20 mb-3\" dir=\"ltr\">E = P \u00d7 \u0394t<\/div><p class=\"text-lg text-slate-400 leading-relaxed bg-slate-900\/50 p-2 rounded border border-slate-700\">\u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629: \u0627\u0644\u062c\u0648\u0644 (J)\u060c \u062d\u064a\u062b 1 J = 1 W \u00d7 1 s.<br \/>\u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0643\u0628\u064a\u0631\u0629: \u0627\u0644\u0643\u064a\u0644\u0648\u0648\u0627\u0637.\u0633\u0627\u0639\u0629 (kWh).<br \/><span class=\"font-mono text-white inline-block mt-1\">1 kWh = 3.6 \u00d7 10<sup>6<\/sup> J<\/span><\/p><\/div>\r\n <div><h4 class=\"text-cyan-300 font-bold mb-2\">2. \u062d\u0633\u0627\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 (Cost)<\/h4><p class=\"text-lg text-slate-300 mb-3\">\u062a\u064f\u062d\u0627\u0633\u0628 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u064a\u0646 \u0639\u0644\u0649 \u0623\u0633\u0627\u0633 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u0628\u0627\u0644\u0643\u064a\u0644\u0648\u0648\u0627\u0637.\u0633\u0627\u0639\u0629.<\/p><div class=\"bg-black\/40 p-3 rounded-lg font-mono text-base text-center text-emerald-300 border border-emerald-500\/20 mb-3\" dir=\"ltr\">Cost = P(kW) \u00d7 \u0394t(h) \u00d7 Price<\/div><div class=\"text-lg text-slate-300 bg-emerald-950\/30 p-3 rounded-lg border border-emerald-500\/20\"><strong class=\"text-emerald-400 mb-1 block\">\u0645\u062b\u0627\u0644 \u062a\u0637\u0628\u064a\u0642\u064a: \u0634\u062d\u0646 \u0633\u064a\u0627\u0631\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/strong> \u0628\u0637\u0627\u0631\u064a\u0629 \u0633\u064a\u0627\u0631\u0629 (24 kWh) \u062a\u064f\u0634\u062d\u0646 \u0628\u0634\u0627\u062d\u0646 \u0642\u062f\u0631\u062a\u0647 (3.52 kW). \u0648\u0642\u062a \u0627\u0644\u0634\u062d\u0646 = 24 \/ 3.52 \u2248 6.8 \u0633\u0627\u0639\u0629. \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0634\u062d\u0646 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0633\u0639\u0631 0.12 \u062f\u064a\u0646\u0627\u0631\/kWh:<br\/><span class=\"font-mono mt-1 text-emerald-200 block text-center\">Cost = 24 \u00d7 0.12 = 2.88 JD<\/span><\/div><\/div><\/div>\r\n <div class=\"bg-slate-900\/60 p-5 rounded-2xl border border-indigo-500\/20 shadow-inner mt-6\"><h4 class=\"text-indigo-400 font-bold mb-3 flex items-center gap-2\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\u062a\u0637\u0628\u064a\u0642 \u0639\u0644\u0649 \u0646\u0642\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0641\u0642\u062f<\/h4><p class=\"text-lg text-slate-300 leading-relaxed space-y-2\">\u062a\u064f\u0646\u0642\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0639\u0628\u0631 \u0645\u0633\u0627\u0641\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0628\u0623\u0633\u0644\u0627\u0643 \u0644\u0647\u0627 \u0645\u0642\u0627\u0648\u0645\u0629 R\u060c \u0641\u062a\u064f\u0641\u0642\u062f \u0643\u062d\u0631\u0627\u0631\u0629 <span class=\"font-mono text-rose-300 mx-1\">P<sub>lost<\/sub> = I\u00b2R<\/span>. \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0641\u0642\u062f (I\u00b2R) \u062f\u0648\u0646 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0646\u0642\u0648\u0644\u0629 (P=IV)\u060c \u064a\u064f\u0641\u0636\u0651\u0644 <strong>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0627\u0631<\/strong> \u0639\u0628\u0631 \u062e\u0637\u0648\u0637 \u0627\u0644\u0646\u0642\u0644 \u0648\u0630\u0644\u0643 <strong>\u0628\u0631\u0641\u0639 \u0627\u0644\u062c\u0647\u062f V \u0644\u0642\u064a\u0645 \u0639\u0627\u0644\u064a\u0629 \u062c\u062f\u0627\u064b<\/strong> \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062d\u0648\u0644\u0627\u062a \u0631\u0627\u0641\u0639\u0629\u060c \u062b\u0645 \u064a\u064f\u0639\u0627\u062f \u062e\u0641\u0636\u0647 \u0639\u0646\u062f \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643.<\/p><\/div><\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"grid grid-cols-1 gap-6 mt-12 mb-8\"><div class=\"bg-indigo-900\/40 p-6 rounded-2xl border border-indigo-500\/30 shadow-lg\"><h4 class=\"text-xl font-bold text-indigo-300 mb-4 flex items-center gap-2 border-b border-indigo-500\/20 pb-3\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\u062e\u0644\u0627\u0635\u0629 \u0627\u0644\u062f\u0631\u0633<\/h4><ul class=\"list-disc list-inside text-slate-300 space-y-3 text-lg leading-relaxed\"><li><strong class=\"text-white\">\u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629:<\/strong> \u062a\u062a\u0643\u0648\u0646 \u0645\u0646 \u0645\u0633\u0627\u0631 \u0645\u063a\u0644\u0642 \u0648\u0627\u062d\u062f\u060c \u0648\u064a\u064f\u062d\u0633\u0628 \u062a\u064a\u0627\u0631\u0647\u0627 \u0628\u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0629 <span class=\"font-mono text-cyan-200 inline-block px-1\" dir=\"ltr\">I = \u03a3\u03b5 \/ \u03a3(R + r)<\/span>.<\/li><li><strong class=\"text-white\">\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f:<\/strong> \u0627\u0644\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u062c\u0628\u0631\u064a \u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0639\u0628\u0631 \u0639\u0631\u0648\u0629 \u0645\u063a\u0644\u0642\u0629 \u064a\u0633\u0627\u0648\u064a \u0635\u0641\u0631\u0627\u064b (\u0642\u0627\u0639\u062f\u0629 \u0643\u064a\u0631\u0634\u0648\u0641).<\/li><li><strong class=\"text-white\">\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u063a\u064a\u0631 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629:<\/strong> \u062a\u0645\u062a\u0644\u0643 \u0645\u0642\u0627\u0648\u0645\u0629 \u062f\u0627\u062e\u0644\u064a\u0629 (<span class=\"font-mono text-rose-300\">r<\/span>) \u062a\u0624\u062f\u064a \u0644\u0627\u0646\u062e\u0641\u0627\u0636 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0628\u0645\u0642\u062f\u0627\u0631 <span class=\"font-mono text-rose-300\">Ir<\/span>.<\/li><li><strong class=\"text-white\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629:<\/strong> \u062a\u062d\u0633\u0628 \u0644\u0644\u0645\u0642\u0627\u0648\u0645\u0627\u062a \u0643\u0637\u0627\u0642\u0629 \u0645\u0633\u062a\u0646\u0641\u062f\u0629 \u0639\u0628\u0631 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a <span class=\"font-mono text-emerald-300 inline-block px-1\" dir=\"ltr\">P = VI = I\u00b2R = V\u00b2\/R<\/span>.<\/li><li><strong class=\"text-white\">\u062d\u0641\u0638 \u0627\u0644\u0637\u0627\u0642\u0629:<\/strong> \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0629 \u062a\u0633\u0627\u0648\u064a \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u0641\u062f\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0627\u064b (\u062f\u0627\u062e\u0644\u064a\u0627\u064b \u0648\u062e\u0627\u0631\u062c\u064a\u0627\u064b).<\/li><li><strong class=\"text-white\">\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0637\u0627\u0642\u0629:<\/strong> \u062a\u062d\u0633\u0628 \u062a\u062c\u0627\u0631\u064a\u0627\u064b \u0628\u0648\u062d\u062f\u0629 <span class=\"font-mono text-slate-200\">kWh<\/span> \u0639\u0628\u0631 \u0636\u0631\u0628 \u0627\u0644\u0642\u062f\u0631\u0629 (\u0643\u064a\u0644\u0648\u0648\u0627\u0637) \u00d7 \u0627\u0644\u0632\u0645\u0646 (\u0633\u0627\u0639\u0627\u062a).<\/li><\/ul><\/div>\r\n <div class=\"bg-amber-900\/20 p-6 rounded-2xl border border-amber-500\/30 shadow-lg\"><h4 class=\"text-xl font-bold text-amber-400 mb-4 flex items-center gap-2 border-b border-amber-500\/20 pb-3\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v4\"\/><path d=\"M12 18v4\"\/><path d=\"M4.93 4.93l2.83 2.83\"\/><path d=\"M16.24 16.24l2.83 2.83\"\/><path d=\"M2 12h4\"\/><path d=\"M18 12h4\"\/><path d=\"M4.93 19.07l2.83-2.83\"\/><path d=\"M16.24 7.76l2.83-2.83\"\/><\/svg>\u0646\u0635\u0627\u0626\u062d \u0644\u0644\u062f\u0631\u0627\u0633\u0629 \u0648\u062d\u0644 \u0627\u0644\u0645\u0633\u0627\u0626\u0644<\/h4><ul class=\"list-disc list-inside text-slate-300 space-y-3 text-lg leading-relaxed\"><li>\u0639\u0646\u062f \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0627\u062a\u060c \u062a\u0630\u0643\u0631 \u0623\u0646 <span class=\"font-mono text-pink-300\">V = IR<\/span> \u0648 <span class=\"font-mono text-pink-300\">P = I\u00b2R<\/span>\u060c \u0644\u0630\u0627 \u0625\u0630\u0627 \u0632\u0627\u062f \u0627\u0644\u062a\u064a\u0627\u0631 \u0641\u0625\u0646 \u0627\u0644\u062c\u0647\u062f \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u0641\u062f\u064a\u0646 \u0633\u064a\u0632\u062f\u0627\u062f\u0627\u0646 \u0623\u064a\u0636\u0627\u064b.<\/li><li>\u0627\u0646\u062a\u0628\u0647 \u062c\u064a\u062f\u0627\u064b \u0644\u0625\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 (<span class=\"font-serif italic text-amber-200\">\u03b5<\/span>) \u0641\u064a \u0627\u0644\u062f\u0627\u0631\u0629\u061b \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u062a\u062f\u0641\u0639 \u0627\u0644\u062a\u064a\u0627\u0631 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u062a\u064f\u062c\u0645\u0639\u060c \u0648\u0625\u0630\u0627 \u0639\u0627\u0643\u0633\u062a\u0647 \u062a\u064f\u0637\u0631\u062d.<\/li><li>\u0644\u0627 \u062a\u062e\u0644\u0637 \u0628\u064a\u0646 <span class=\"text-cyan-300\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/span> (\u0627\u0644\u0648\u0627\u0637) \u0627\u0644\u0645\u0646\u0637\u0648\u064a\u0629 \u0639\u0644\u0649 \u0645\u0639\u062f\u0644 \u0632\u0645\u0646\u064a\u060c \u0648\u0628\u064a\u0646 <span class=\"text-emerald-300\">\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629<\/span> (\u0627\u0644\u062c\u0648\u0644 \u0623\u0648 kWh) \u0627\u0644\u062a\u064a \u062a\u0646\u062a\u062c \u0639\u0646 \u0636\u0631\u0628 \u0627\u0644\u0642\u062f\u0631\u0629 \u0641\u064a \u0627\u0644\u0632\u0645\u0646.<\/li><li>\u0641\u064a \u0645\u0633\u0627\u0626\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\u060c \u062a\u0623\u0643\u062f \u062f\u0627\u0626\u0645\u0627\u064b \u0642\u0628\u0644 \u0627\u0644\u062a\u0639\u0648\u064a\u0636 \u0641\u064a \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0645\u0646 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0632\u0645\u0646 \u0625\u0644\u0649 \u0633\u0627\u0639\u0627\u062a (h) \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0625\u0644\u0649 \u0643\u064a\u0644\u0648\u0648\u0627\u0637 (kW).<\/li><\/ul><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/\/ ============================================\r\n \/\/ 1. \u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 (SimpleCircuitSimulation)\r\n \/\/ ============================================\r\n (function() {\r\n const container = document.getElementById('circuit-sim');\r\n if (!container) return;\r\n\r\n const wrapper = document.createElement('div');\r\n wrapper.className = 'w-full bg-slate-900 rounded-2xl p-4 md:p-6 shadow-xl border border-slate-700\/50 flex flex-col items-center select-none my-6';\r\n wrapper.setAttribute('dir', 'rtl');\r\n wrapper.innerHTML = `\r\n <h3 class=\"text-xl font-bold text-white mb-6 border-b border-white\/10 pb-2 w-full text-center\">\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 (\u0645\u062a\u0642\u062f\u0645\u0629)<\/h3>\r\n <div class=\"flex flex-col lg:flex-row w-full gap-6\">\r\n <div class=\"w-full lg:w-1\/3 bg-slate-800\/50 p-5 rounded-xl border border-slate-700 space-y-6\">\r\n <h4 class=\"text-emerald-400 font-bold mb-2 border-b border-white\/5 pb-2\">\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h4>\r\n <div><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 (\u03b5)<\/span><span id=\"sim-emf\" class=\"font-mono text-emerald-300\">12 V<\/span><\/div><input id=\"sim-emf-slider\" type=\"range\" min=\"3\" max=\"24\" step=\"1\" value=\"12\" class=\"w-full accent-emerald-500\"\/><\/div>\r\n <div><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 (r)<\/span><span id=\"sim-r\" class=\"font-mono text-rose-300\">1 \u03a9<\/span><\/div><input id=\"sim-r-slider\" type=\"range\" min=\"0\" max=\"5\" step=\"0.5\" value=\"1\" class=\"w-full accent-rose-500\"\/><\/div>\r\n <h4 class=\"text-blue-400 font-bold mb-2 border-b border-white\/5 pb-2 mt-4\">\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629<\/h4>\r\n <div><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 (R\u2081)<\/span><span id=\"sim-r1\" class=\"font-mono text-blue-300\">5 \u03a9<\/span><\/div><input id=\"sim-r1-slider\" type=\"range\" min=\"1\" max=\"20\" step=\"1\" value=\"5\" class=\"w-full accent-blue-500\"\/><\/div>\r\n <div class=\"space-y-3 pt-2\"><span class=\"text-lg text-slate-300 block\">\u0625\u0636\u0627\u0641\u0629 \u0645\u0642\u0627\u0648\u0645\u0629 \u0623\u062e\u0631\u0649 (R\u2082)<\/span><div class=\"flex gap-2 text-lg text-slate-300\"><label class=\"flex items-center gap-1 cursor-pointer\"><input type=\"radio\" name=\"conn-type\" value=\"none\" checked> \u0628\u062f\u0648\u0646<\/label><label class=\"flex items-center gap-1 cursor-pointer\"><input type=\"radio\" name=\"conn-type\" value=\"series\"> \u062a\u0648\u0627\u0644\u064a<\/label><label class=\"flex items-center gap-1 cursor-pointer\"><input type=\"radio\" name=\"conn-type\" value=\"parallel\"> \u062a\u0648\u0627\u0632\u064a<\/label><\/div><\/div>\r\n <div id=\"sim-r2-container\" class=\"hidden pt-2\"><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 (R\u2082)<\/span><span id=\"sim-r2\" class=\"font-mono text-cyan-300\">5 \u03a9<\/span><\/div><input id=\"sim-r2-slider\" type=\"range\" min=\"1\" max=\"20\" step=\"1\" value=\"5\" class=\"w-full accent-cyan-500\"\/><\/div>\r\n <div class=\"pt-4 border-t border-slate-700 flex justify-center\"><button id=\"sim-switch\" class=\"w-full py-3 rounded-xl font-bold transition-all duration-300 shadow-lg border flex items-center justify-center gap-2 bg-emerald-500\/20 text-emerald-400 border-emerald-500\/50 hover:bg-emerald-500\/30\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 9.9-1\"><\/path><\/svg> \u0623\u063a\u0644\u0642 \u0627\u0644\u062f\u0627\u0631\u0629<\/button><\/div>\r\n <\/div>\r\n <div class=\"w-full lg:w-2\/3 flex flex-col gap-6\">\r\n <div class=\"w-full bg-slate-950 p-6 rounded-xl border border-slate-800 flex flex-col items-center justify-center relative min-h-[300px]\"><svg id=\"sim-circuit-svg\" class=\"w-full h-full\" viewBox=\"0 0 400 280\" preserveAspectRatio=\"xMidYMid meet\"><\/svg><\/div>\r\n <div class=\"bg-slate-900 border border-slate-700\/50 p-4 rounded-xl flex items-center justify-between shadow-inner\"><div class=\"flex flex-col items-center\"><span class=\"text-lg text-slate-400 mb-1\">\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0645\u0643\u0627\u0641\u0626\u0629 R<sub>eq<\/sub><\/span><span id=\"sim-req\" class=\"font-mono text-xl text-white\">5.00 \u03a9<\/span><\/div><div class=\"h-10 w-px bg-slate-700\"><\/div><div class=\"flex flex-col items-center\"><span class=\"text-lg text-slate-400 mb-1\">\u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0643\u0644\u064a I<\/span><span id=\"sim-current\" class=\"font-mono text-xl text-amber-400\">0.00 A<\/span><\/div><div class=\"h-10 w-px bg-slate-700\"><\/div><div class=\"flex flex-col items-center\"><span class=\"text-lg text-slate-400 mb-1\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 P<sub>R<\/sub><\/span><span id=\"sim-power\" class=\"font-mono text-xl text-emerald-400\">0.0 W<\/span><\/div><\/div>\r\n <div class=\"w-full bg-slate-800\/80 p-4 rounded-xl border border-slate-700 flex flex-col h-48 md:h-56\"><h5 class=\"text-lg font-bold text-slate-300 mb-2 border-b border-white\/5 pb-1 text-center\">\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0631<\/h5><div class=\"flex-1 w-full\" dir=\"ltr\"><canvas id=\"sim-graph-canvas\" width=\"400\" height=\"160\" style=\"width:100%; height:160px; background:#0f172a; border-radius:8px;\"><\/canvas><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.appendChild(wrapper);\r\n\r\n let emf = 12, r = 1, r1 = 5, r2 = 5, connectionType = 'none', isClosed = false;\r\n let req = r1;\r\n function updateReq() {\r\n if (connectionType === 'series') req = r1 + r2;\r\n else if (connectionType === 'parallel') req = (r1 * r2) \/ (r1 + r2);\r\n else req = r1;\r\n }\r\n function getCurrent() { return isClosed ? emf \/ (req + r) : 0; }\r\n function getPower() { const I = getCurrent(); return isClosed ? I * I * req : 0; }\r\n function updateAll() {\r\n const I = getCurrent();\r\n const P = getPower();\r\n const voltageDropInternal = I * r;\r\n document.getElementById('sim-emf').innerText = emf + ' V';\r\n document.getElementById('sim-r').innerHTML = r + ' \u03a9';\r\n document.getElementById('sim-r1').innerHTML = r1 + ' \u03a9';\r\n if (connectionType !== 'none') {\r\n document.getElementById('sim-r2').innerHTML = r2 + ' \u03a9';\r\n }\r\n document.getElementById('sim-req').innerHTML = req.toFixed(2) + ' \u03a9';\r\n document.getElementById('sim-current').innerHTML = I.toFixed(2) + ' A';\r\n document.getElementById('sim-power').innerHTML = P.toFixed(1) + ' W';\r\n drawCircuit();\r\n drawGraph(I, voltageDropInternal);\r\n }\r\n function drawCircuit() {\r\n const svg = document.getElementById('sim-circuit-svg');\r\n svg.innerHTML = '';\r\n \/\/ Base paths\r\n const basePath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n basePath.setAttribute('d', 'M 100 220 L 100 80 L 300 80 L 300 220 L 250 220');\r\n basePath.setAttribute('fill', 'none'); basePath.setAttribute('stroke', '#475569'); basePath.setAttribute('stroke-width', '4');\r\n svg.appendChild(basePath);\r\n const basePath2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n basePath2.setAttribute('d', 'M 150 220 L 100 220');\r\n basePath2.setAttribute('fill', 'none'); basePath2.setAttribute('stroke', '#475569'); basePath2.setAttribute('stroke-width', '4');\r\n svg.appendChild(basePath2);\r\n if (isClosed) {\r\n const currentPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n currentPath.setAttribute('d', 'M 235 220 L 300 220 L 300 80 L 100 80 L 100 220 L 165 220');\r\n currentPath.setAttribute('fill', 'none'); currentPath.setAttribute('stroke', '#fbbf24'); currentPath.setAttribute('stroke-width', '2'); currentPath.setAttribute('stroke-dasharray', '6, 8'); currentPath.classList.add('animated-dash');\r\n svg.appendChild(currentPath);\r\n }\r\n \/\/ Battery\r\n const battG = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'g');\r\n battG.setAttribute('transform', 'translate(180, 205)');\r\n const battRect = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'rect');\r\n battRect.setAttribute('x', '-10'); battRect.setAttribute('y', '-15'); battRect.setAttribute('width', '75'); battRect.setAttribute('height', '60');\r\n battRect.setAttribute('fill', '#1e293b'); battRect.setAttribute('stroke', '#334155'); battRect.setAttribute('stroke-width', '2'); battRect.setAttribute('rx', '4'); battRect.setAttribute('stroke-dasharray', '4 4');\r\n battG.appendChild(battRect);\r\n const battText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n battText.setAttribute('x', '27'); battText.setAttribute('y', '38'); battText.setAttribute('fill', '#cbd5e1'); battText.setAttribute('font-size', '10'); battText.setAttribute('text-anchor', 'middle');\r\n battText.textContent = '\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629';\r\n battG.appendChild(battText);\r\n const line1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n line1.setAttribute('x1', '0'); line1.setAttribute('y1', '5'); line1.setAttribute('x2', '0'); line1.setAttribute('y2', '25');\r\n line1.setAttribute('stroke', '#cbd5e1'); line1.setAttribute('stroke-width', '4');\r\n battG.appendChild(line1);\r\n const minusText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n minusText.setAttribute('x', '-10'); minusText.setAttribute('y', '27'); minusText.setAttribute('fill', '#cbd5e1'); minusText.setAttribute('font-size', '14');\r\n minusText.textContent = '-';\r\n battG.appendChild(minusText);\r\n const line2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n line2.setAttribute('x1', '15'); line2.setAttribute('y1', '0'); line2.setAttribute('x2', '15'); line2.setAttribute('y2', '30');\r\n line2.setAttribute('stroke', '#cbd5e1'); line2.setAttribute('stroke-width', '4');\r\n battG.appendChild(line2);\r\n const plusText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n plusText.setAttribute('x', '25'); plusText.setAttribute('y', '27'); plusText.setAttribute('fill', '#cbd5e1'); plusText.setAttribute('font-size', '14');\r\n plusText.textContent = '+';\r\n battG.appendChild(plusText);\r\n const innerLine = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n innerLine.setAttribute('d', 'M 15 15 L 25 15 L 28 8 L 34 22 L 40 8 L 46 22 L 52 8 L 55 15 L 65 15');\r\n innerLine.setAttribute('fill', 'none'); innerLine.setAttribute('stroke', '#f43f5e'); innerLine.setAttribute('stroke-width', '3');\r\n battG.appendChild(innerLine);\r\n svg.appendChild(battG);\r\n \/\/ Lines\r\n const lineToSwitch = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineToSwitch.setAttribute('x1', '180'); lineToSwitch.setAttribute('y1', '220'); lineToSwitch.setAttribute('x2', '165'); lineToSwitch.setAttribute('y2', '220');\r\n lineToSwitch.setAttribute('stroke', '#475569'); lineToSwitch.setAttribute('stroke-width', '4');\r\n svg.appendChild(lineToSwitch);\r\n const lineFromSwitch = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineFromSwitch.setAttribute('x1', '245'); lineFromSwitch.setAttribute('y1', '220'); lineFromSwitch.setAttribute('x2', '250'); lineFromSwitch.setAttribute('y2', '220');\r\n lineFromSwitch.setAttribute('stroke', '#475569'); lineFromSwitch.setAttribute('stroke-width', '4');\r\n svg.appendChild(lineFromSwitch);\r\n \/\/ Switch\r\n const switchG = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'g');\r\n switchG.setAttribute('transform', 'translate(125, 220)');\r\n const circle1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\r\n circle1.setAttribute('cx', '0'); circle1.setAttribute('cy', '0'); circle1.setAttribute('r', '4'); circle1.setAttribute('fill', '#64748b');\r\n switchG.appendChild(circle1);\r\n const circle2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\r\n circle2.setAttribute('cx', '40'); circle2.setAttribute('cy', '0'); circle2.setAttribute('r', '4'); circle2.setAttribute('fill', '#64748b');\r\n switchG.appendChild(circle2);\r\n const switchLine = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n if (isClosed) {\r\n switchLine.setAttribute('x1', '0'); switchLine.setAttribute('y1', '0'); switchLine.setAttribute('x2', '40'); switchLine.setAttribute('y2', '0');\r\n } else {\r\n switchLine.setAttribute('x1', '0'); switchLine.setAttribute('y1', '0'); switchLine.setAttribute('x2', '35'); switchLine.setAttribute('y2', '-20');\r\n }\r\n switchLine.setAttribute('stroke', '#94a3b8'); switchLine.setAttribute('stroke-width', '4');\r\n switchG.appendChild(switchLine);\r\n const switchText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n switchText.setAttribute('x', '20'); switchText.setAttribute('y', '-15'); switchText.setAttribute('fill', '#94a3b8'); switchText.setAttribute('font-size', '12'); switchText.setAttribute('text-anchor', 'middle');\r\n switchText.textContent = '\u0645\u0641\u062a\u0627\u062d';\r\n switchG.appendChild(switchText);\r\n svg.appendChild(switchG);\r\n \/\/ Resistors\r\n const resG = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'g');\r\n resG.setAttribute('transform', 'translate(200, 80)');\r\n const rectBg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'rect');\r\n rectBg.setAttribute('x', '-60'); rectBg.setAttribute('y', '-40'); rectBg.setAttribute('width', '120'); rectBg.setAttribute('height', '80');\r\n rectBg.setAttribute('fill', '#0f172a'); rectBg.setAttribute('stroke', '#1e293b'); rectBg.setAttribute('stroke-width', '1'); rectBg.setAttribute('rx', '8');\r\n resG.appendChild(rectBg);\r\n if (connectionType === 'none') {\r\n const resistorPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n resistorPath.setAttribute('d', 'M -60 0 L -30 0 L -25 -10 L -15 10 L -5 -10 L 5 10 L 15 -10 L 25 10 L 30 0 L 60 0');\r\n resistorPath.setAttribute('fill', 'none'); resistorPath.setAttribute('stroke', isClosed ? '#60a5fa' : '#334155'); resistorPath.setAttribute('stroke-width', '4');\r\n resG.appendChild(resistorPath);\r\n const textR1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n textR1.setAttribute('x', '0'); textR1.setAttribute('y', '25'); textR1.setAttribute('fill', '#93c5fd'); textR1.setAttribute('font-size', '14'); textR1.setAttribute('text-anchor', 'middle'); textR1.setAttribute('font-weight', 'bold');\r\n textR1.textContent = `R1 = ${r1}`;\r\n resG.appendChild(textR1);\r\n } else if (connectionType === 'series') {\r\n const path1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n path1.setAttribute('d', 'M -60 0 L -45 0 L -40 -10 L -30 10 L -20 -10 L -10 10 L -5 0 L 0 0');\r\n path1.setAttribute('fill', 'none'); path1.setAttribute('stroke', isClosed ? '#60a5fa' : '#334155'); path1.setAttribute('stroke-width', '3');\r\n resG.appendChild(path1);\r\n const textR1s = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n textR1s.setAttribute('x', '-25'); textR1s.setAttribute('y', '25'); textR1s.setAttribute('fill', '#93c5fd'); textR1s.setAttribute('font-size', '12'); textR1s.setAttribute('text-anchor', 'middle');\r\n textR1s.textContent = `R1=${r1}`;\r\n resG.appendChild(textR1s);\r\n const path2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n path2.setAttribute('d', 'M 0 0 L 5 0 L 10 -10 L 20 10 L 30 -10 L 40 10 L 45 0 L 60 0');\r\n path2.setAttribute('fill', 'none'); path2.setAttribute('stroke', isClosed ? '#22d3ee' : '#334155'); path2.setAttribute('stroke-width', '3');\r\n resG.appendChild(path2);\r\n const textR2s = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n textR2s.setAttribute('x', '25'); textR2s.setAttribute('y', '25'); textR2s.setAttribute('fill', '#67e8f9'); textR2s.setAttribute('font-size', '12'); textR2s.setAttribute('text-anchor', 'middle');\r\n textR2s.textContent = `R2=${r2}`;\r\n resG.appendChild(textR2s);\r\n } else {\r\n const lineV1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineV1.setAttribute('x1', '-30'); lineV1.setAttribute('y1', '-20'); lineV1.setAttribute('x2', '-30'); lineV1.setAttribute('y2', '20');\r\n lineV1.setAttribute('stroke', isClosed ? '#94a3b8' : '#334155'); lineV1.setAttribute('stroke-width', '3');\r\n resG.appendChild(lineV1);\r\n const lineV2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineV2.setAttribute('x1', '30'); lineV2.setAttribute('y1', '-20'); lineV2.setAttribute('x2', '30'); lineV2.setAttribute('y2', '20');\r\n lineV2.setAttribute('stroke', isClosed ? '#94a3b8' : '#334155'); lineV2.setAttribute('stroke-width', '3');\r\n resG.appendChild(lineV2);\r\n const lineH1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineH1.setAttribute('x1', '-60'); lineH1.setAttribute('y1', '0'); lineH1.setAttribute('x2', '-30'); lineH1.setAttribute('y2', '0');\r\n lineH1.setAttribute('stroke', isClosed ? '#94a3b8' : '#334155'); lineH1.setAttribute('stroke-width', '3');\r\n resG.appendChild(lineH1);\r\n const lineH2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineH2.setAttribute('x1', '30'); lineH2.setAttribute('y1', '0'); lineH2.setAttribute('x2', '60'); lineH2.setAttribute('y2', '0');\r\n lineH2.setAttribute('stroke', isClosed ? '#94a3b8' : '#334155'); lineH2.setAttribute('stroke-width', '3');\r\n resG.appendChild(lineH2);\r\n const topG = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'g');\r\n topG.setAttribute('transform', 'translate(0, -20)');\r\n const topPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n topPath.setAttribute('d', 'M -30 0 L -20 0 L -15 -8 L -5 8 L 5 -8 L 15 8 L 20 0 L 30 0');\r\n topPath.setAttribute('fill', 'none'); topPath.setAttribute('stroke', isClosed ? '#60a5fa' : '#334155'); topPath.setAttribute('stroke-width', '3');\r\n topG.appendChild(topPath);\r\n const topText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n topText.setAttribute('x', '0'); topText.setAttribute('y', '-12'); topText.setAttribute('fill', '#93c5fd'); topText.setAttribute('font-size', '10'); topText.setAttribute('text-anchor', 'middle');\r\n topText.textContent = `R1=${r1}`;\r\n topG.appendChild(topText);\r\n resG.appendChild(topG);\r\n const botG = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'g');\r\n botG.setAttribute('transform', 'translate(0, 20)');\r\n const botPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n botPath.setAttribute('d', 'M -30 0 L -20 0 L -15 -8 L -5 8 L 5 -8 L 15 8 L 20 0 L 30 0');\r\n botPath.setAttribute('fill', 'none'); botPath.setAttribute('stroke', isClosed ? '#22d3ee' : '#334155'); botPath.setAttribute('stroke-width', '3');\r\n botG.appendChild(botPath);\r\n const botText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n botText.setAttribute('x', '0'); botText.setAttribute('y', '20'); botText.setAttribute('fill', '#67e8f9'); botText.setAttribute('font-size', '10'); botText.setAttribute('text-anchor', 'middle');\r\n botText.textContent = `R2=${r2}`;\r\n botG.appendChild(botText);\r\n resG.appendChild(botG);\r\n if (isClosed) {\r\n const dash1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n dash1.setAttribute('d', 'M -30 0 L -30 -20 L 30 -20 L 30 0');\r\n dash1.setAttribute('fill', 'none'); dash1.setAttribute('stroke', '#fbbf24'); dash1.setAttribute('stroke-width', '1.5'); dash1.setAttribute('stroke-dasharray', '4 4');\r\n resG.appendChild(dash1);\r\n const dash2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n dash2.setAttribute('d', 'M -30 0 L -30 20 L 30 20 L 30 0');\r\n dash2.setAttribute('fill', 'none'); dash2.setAttribute('stroke', '#fbbf24'); dash2.setAttribute('stroke-width', '1.5'); dash2.setAttribute('stroke-dasharray', '4 4');\r\n resG.appendChild(dash2);\r\n }\r\n }\r\n const reqText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n reqText.setAttribute('x', '0'); reqText.setAttribute('y', '55'); reqText.setAttribute('fill', '#cbd5e1'); reqText.setAttribute('font-size', '10'); reqText.setAttribute('text-anchor', 'middle');\r\n reqText.textContent = `R_eq = ${req.toFixed(2)} \u03a9`;\r\n resG.appendChild(reqText);\r\n svg.appendChild(resG);\r\n }\r\n function drawGraph(I, voltageDropInternal) {\r\n const canvas = document.getElementById('sim-graph-canvas');\r\n const ctx = canvas.getContext('2d');\r\n const width = canvas.width;\r\n const height = canvas.height;\r\n ctx.clearRect(0, 0, width, height);\r\n if (!isClosed || I === 0) {\r\n ctx.fillStyle = '#94a3b8';\r\n ctx.font = '12px Cairo';\r\n ctx.textAlign = 'center';\r\n ctx.fillText('\u0627\u0644\u062f\u0627\u0631\u0629 \u0645\u0641\u062a\u0648\u062d\u0629\u060c \u0644\u0627 \u064a\u0648\u062c\u062f \u062a\u064a\u0627\u0631', width\/2, height\/2);\r\n return;\r\n }\r\n const points = [];\r\n points.push({ x: 0, y: 0, label: '\u0627\u0644\u0628\u062f\u0627\u064a\u0629' });\r\n points.push({ x: 1, y: emf, label: '+\u03b5' });\r\n points.push({ x: 2, y: emf - voltageDropInternal, label: '-Ir' });\r\n points.push({ x: 3, y: emf - voltageDropInternal, label: '\u0633\u0644\u0643' });\r\n let remainingDrop = I * req;\r\n points.push({ x: 4, y: emf - voltageDropInternal - remainingDrop, label: '-IR' });\r\n points.push({ x: 5, y: 0, label: '\u0627\u0644\u0639\u0648\u062f\u0629' });\r\n const minX = 0, maxX = 5;\r\n const minY = 0, maxY = Math.max(emf, emf - voltageDropInternal) + 2;\r\n const padX = 40, padY = 20;\r\n const graphW = width - 2*padX;\r\n const graphH = height - 2*padY;\r\n function mapX(x) { return padX + (x - minX) \/ (maxX - minX) * graphW; }\r\n function mapY(y) { return height - padY - (y - minY) \/ maxY * graphH; }\r\n ctx.beginPath();\r\n ctx.moveTo(padX, mapY(0));\r\n ctx.lineTo(width-padX, mapY(0));\r\n ctx.strokeStyle = '#64748b';\r\n ctx.stroke();\r\n ctx.beginPath();\r\n for (let i = 0; i < points.length - 1; i++) {\r\n const p1 = points[i];\r\n const p2 = points[i+1];\r\n ctx.beginPath();\r\n ctx.moveTo(mapX(p1.x), mapY(p1.y));\r\n ctx.lineTo(mapX(p2.x), mapY(p2.y));\r\n ctx.strokeStyle = '#a78bfa';\r\n ctx.lineWidth = 2;\r\n ctx.stroke();\r\n }\r\n for (let i = 0; i < points.length; i++) {\r\n const p = points[i];\r\n ctx.beginPath();\r\n ctx.arc(mapX(p.x), mapY(p.y), 3, 0, 2*Math.PI);\r\n ctx.fillStyle = '#8b5cf6';\r\n ctx.fill();\r\n ctx.fillStyle = '#cbd5e1';\r\n ctx.font = '10px Cairo';\r\n ctx.fillText(p.label, mapX(p.x)+5, mapY(p.y)-5);\r\n }\r\n }\r\n function updateFromInputs() {\r\n emf = parseInt(document.getElementById('sim-emf-slider').value);\r\n r = parseFloat(document.getElementById('sim-r-slider').value);\r\n r1 = parseInt(document.getElementById('sim-r1-slider').value);\r\n const radios = document.getElementsByName('conn-type');\r\n for (let i = 0; i < radios.length; i++) {\r\n if (radios[i].checked) { connectionType = radios[i].value; break; }\r\n }\r\n const r2Container = document.getElementById('sim-r2-container');\r\n if (connectionType !== 'none') {\r\n r2Container.classList.remove('hidden');\r\n r2 = parseInt(document.getElementById('sim-r2-slider').value);\r\n } else {\r\n r2Container.classList.add('hidden');\r\n }\r\n updateReq();\r\n updateAll();\r\n }\r\n document.getElementById('sim-emf-slider').addEventListener('input', updateFromInputs);\r\n document.getElementById('sim-r-slider').addEventListener('input', updateFromInputs);\r\n document.getElementById('sim-r1-slider').addEventListener('input', updateFromInputs);\r\n const r2Slider = document.getElementById('sim-r2-slider');\r\n if (r2Slider) r2Slider.addEventListener('input', updateFromInputs);\r\n const radioButtons = document.querySelectorAll('input[name=\"conn-type\"]');\r\n radioButtons.forEach(radio => radio.addEventListener('change', updateFromInputs));\r\n document.getElementById('sim-switch').addEventListener('click', () => {\r\n isClosed = !isClosed;\r\n const btn = document.getElementById('sim-switch');\r\n if (isClosed) {\r\n btn.innerHTML = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg> \u0625\u0641\u062a\u062d \u0627\u0644\u062f\u0627\u0631\u0629';\r\n btn.classList.remove('bg-emerald-500\/20', 'text-emerald-400', 'border-emerald-500\/50');\r\n btn.classList.add('bg-rose-500\/20', 'text-rose-400', 'border-rose-500\/50');\r\n } else {\r\n btn.innerHTML = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 9.9-1\"><\/path><\/svg> \u0623\u063a\u0644\u0642 \u0627\u0644\u062f\u0627\u0631\u0629';\r\n btn.classList.remove('bg-rose-500\/20', 'text-rose-400', 'border-rose-500\/50');\r\n btn.classList.add('bg-emerald-500\/20', 'text-emerald-400', 'border-emerald-500\/50');\r\n }\r\n updateAll();\r\n });\r\n updateFromInputs();\r\n })();\r\n\r\n \/\/ ============================================\r\n \/\/ 2. \u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 (ElectricPowerSimulation)\r\n \/\/ ============================================\r\n (function() {\r\n const container = document.getElementById('power-sim');\r\n if (!container) return;\r\n\r\n const wrapper = document.createElement('div');\r\n wrapper.className = 'w-full bg-slate-900 rounded-2xl p-4 md:p-6 shadow-xl border border-slate-700\/50 flex flex-col items-center select-none my-6';\r\n wrapper.setAttribute('dir', 'rtl');\r\n wrapper.innerHTML = `\r\n <h3 class=\"text-xl font-bold text-white mb-6 border-b border-white\/10 pb-2 w-full text-center\">\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629<\/h3>\r\n <div class=\"flex flex-col lg:flex-row w-full gap-6\">\r\n <div class=\"w-full lg:w-1\/3 bg-slate-800\/50 p-5 rounded-xl border border-slate-700 space-y-6\">\r\n <h4 class=\"text-pink-400 font-bold mb-2 border-b border-white\/5 pb-2\">\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062f\u0627\u0631\u0629<\/h4>\r\n <div><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0645\u0635\u062f\u0631 \u0627\u0644\u062c\u0647\u062f (V)<\/span><span id=\"pow-voltage\" class=\"font-mono text-cyan-300\">12 V<\/span><\/div><input id=\"pow-voltage-slider\" type=\"range\" min=\"0\" max=\"24\" step=\"1\" value=\"12\" class=\"w-full accent-cyan-500\"\/><\/div>\r\n <div><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0645\u0635\u0628\u0627\u062d (R)<\/span><span id=\"pow-resistance\" class=\"font-mono text-emerald-300\">10 \u03a9<\/span><\/div><input id=\"pow-resistance-slider\" type=\"range\" min=\"2\" max=\"50\" step=\"1\" value=\"10\" class=\"w-full accent-emerald-500\"\/><\/div>\r\n <div class=\"pt-4 border-t border-slate-700 flex justify-center\"><button id=\"pow-switch\" class=\"w-full py-3 rounded-xl font-bold transition-all duration-300 shadow-lg border flex items-center justify-center gap-2 bg-emerald-500\/20 text-emerald-400 border-emerald-500\/50 hover:bg-emerald-500\/30\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18.36 6.64A9 9 0 0 1 20 7.73\"\/><path d=\"M5.64 6.64A9 9 0 1 0 18.36 20\"\/><path d=\"M12 2v10\"\/><\/svg> \u0625\u0637\u0641\u0627\u0621 \u0627\u0644\u062f\u0627\u0631\u0629<\/button><\/div>\r\n <div class=\"bg-slate-900 border border-slate-700\/50 p-4 rounded-xl shadow-inner mt-4\"><h4 class=\"text-lg font-bold text-slate-400 mb-2 border-b border-white\/5 pb-1 text-center\">\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0641\u0648\u0631\u064a\u0629<\/h4><div class=\"flex justify-between items-center mb-2\"><span class=\"text-lg text-slate-300\">\u0627\u0644\u062a\u064a\u0627\u0631 (I)<\/span><span id=\"pow-current\" class=\"font-mono text-amber-400\">1.20 A<\/span><\/div><div class=\"flex justify-between items-center\"><span class=\"text-lg text-slate-300\">\u0627\u0644\u0642\u062f\u0631\u0629 (P)<\/span><span id=\"pow-power\" class=\"font-mono text-pink-400 text-lg font-bold\">14.4 W<\/span><\/div><\/div>\r\n <\/div>\r\n <div class=\"w-full lg:w-2\/3 flex flex-col gap-6\">\r\n <div class=\"flex flex-col md:flex-row gap-6\"><div class=\"w-full md:w-1\/2 bg-slate-950 p-6 rounded-xl border border-slate-800 flex flex-col items-center justify-center relative min-h-[250px] overflow-hidden\"><div id=\"pow-glow\" class=\"absolute w-64 h-64 rounded-full pointer-events-none transition-all duration-300\" style=\"background: radial-gradient(circle, transparent 0%, transparent 70%); opacity: 0;\"><\/div><svg id=\"pow-bulb\" class=\"w-32 h-32 relative z-10 transition-all duration-300\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2v1\"\/><path d=\"M12 7v1\"\/><path d=\"M22 12h-1\"\/><path d=\"M17 12h-1\"\/><path d=\"M2 12h1\"\/><path d=\"M7 12h1\"\/><path d=\"M19.07 4.93l-.7.7\"\/><path d=\"M15.54 8.46l-.7.7\"\/><path d=\"M4.93 4.93l.7.7\"\/><path d=\"M8.46 8.46l.7.7\"\/><path d=\"M12 18a6 6 0 0 0 0-12v0\"\/><path d=\"M12 18c-3.31 0-6-2.69-6-6 0-2.28 1.28-4.25 3.16-5.25\"\/><path d=\"M12 18c3.31 0 6-2.69 6-6 0-2.28-1.28-4.25-3.16-5.25\"\/><path d=\"M9 13.5l1.5-1.5 1.5 1.5\"\/><\/svg><div class=\"mt-4 text-center z-10\"><div class=\"text-white font-bold text-lg drop-shadow-md\">\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u0645\u0635\u0628\u0627\u062d<\/div><div id=\"pow-power-label\" class=\"text-pink-300 font-mono text-lg\">14.4 W<\/div><\/div><\/div>\r\n <div class=\"w-full md:w-1\/2 bg-slate-800\/80 p-5 rounded-xl border border-slate-700 flex flex-col justify-center\"><h5 class=\"text-lg font-bold text-slate-300 mb-4 border-b border-white\/5 pb-2 text-center\">\u062d\u0633\u0627\u0628 \u0627\u0644\u0642\u062f\u0631\u0629<\/h5><div class=\"space-y-4 font-mono text-lg\" dir=\"ltr\"><div class=\"flex items-center justify-between bg-black\/30 p-2 rounded border border-white\/5\"><div class=\"text-slate-400\">P = V \u00d7 I<\/div><div id=\"pow-formula1\" class=\"text-pink-300\">12 \u00d7 1.2 = 14.4 W<\/div><\/div><div class=\"flex items-center justify-between bg-black\/30 p-2 rounded border border-white\/5\"><div class=\"text-slate-400\">P = I\u00b2 \u00d7 R<\/div><div id=\"pow-formula2\" class=\"text-pink-300\">1.2\u00b2 \u00d7 10 = 14.4 W<\/div><\/div><div class=\"flex items-center justify-between bg-black\/30 p-2 rounded border border-white\/5\"><div class=\"text-slate-400\">P = V\u00b2 \/ R<\/div><div id=\"pow-formula3\" class=\"text-pink-300\">12\u00b2 \/ 10 = 14.4 W<\/div><\/div><\/div><\/div><\/div>\r\n <div class=\"w-full bg-slate-800\/80 p-4 rounded-xl border border-slate-700 flex flex-col h-56\"><h5 class=\"text-lg font-bold text-slate-300 mb-2 border-b border-white\/5 pb-1 text-center flex justify-between px-2\"><span>\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0642\u062f\u0631\u0629 \u0628\u0627\u0644\u062c\u0647\u062f<\/span><span id=\"pow-graph-res\" class=\"text-emerald-400\">\u0639\u0646\u062f R = 10 \u03a9<\/span><\/h5><div class=\"flex-1 w-full mt-2\" dir=\"ltr\"><canvas id=\"pow-graph-canvas\" width=\"400\" height=\"160\" style=\"width:100%; height:160px; background:#0f172a; border-radius:8px;\"><\/canvas><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.appendChild(wrapper);\r\n\r\n let voltage = 12, resistance = 10, isOn = true;\r\n function updatePower() {\r\n const current = isOn ? voltage \/ resistance : 0;\r\n const power = isOn ? (voltage * voltage) \/ resistance : 0;\r\n document.getElementById('pow-voltage').innerText = voltage + ' V';\r\n document.getElementById('pow-resistance').innerText = resistance + ' \u03a9';\r\n document.getElementById('pow-current').innerHTML = current.toFixed(2) + ' A';\r\n document.getElementById('pow-power').innerHTML = power.toFixed(1) + ' W';\r\n document.getElementById('pow-power-label').innerHTML = power.toFixed(1) + ' W';\r\n document.getElementById('pow-formula1').innerHTML = `${voltage} \u00d7 ${current.toFixed(2)} = ${power.toFixed(1)} W`;\r\n document.getElementById('pow-formula2').innerHTML = `${current.toFixed(2)}\u00b2 \u00d7 ${resistance} = ${power.toFixed(1)} W`;\r\n document.getElementById('pow-formula3').innerHTML = `${voltage}\u00b2 \/ ${resistance} = ${power.toFixed(1)} W`;\r\n document.getElementById('pow-graph-res').innerHTML = `\u0639\u0646\u062f R = ${resistance} \u03a9`;\r\n const glowIntensity = isOn ? Math.min(1, power \/ 150) : 0;\r\n const glowDiv = document.getElementById('pow-glow');\r\n glowDiv.style.background = `radial-gradient(circle, rgba(251,191,36,${glowIntensity}) 0%, transparent 70%)`;\r\n glowDiv.style.opacity = isOn ? '0.6' : '0';\r\n const bulb = document.getElementById('pow-bulb');\r\n const brightness = isOn ? `brightness(${1 + glowIntensity * 1.5})` : 'brightness(0.5)';\r\n bulb.style.filter = brightness;\r\n if (isOn) bulb.setAttribute('stroke', '#fde68a');\r\n else bulb.setAttribute('stroke', '#64748b');\r\n drawPowerGraph();\r\n }\r\n function drawPowerGraph() {\r\n const canvas = document.getElementById('pow-graph-canvas');\r\n const ctx = canvas.getContext('2d');\r\n const width = canvas.width;\r\n const height = canvas.height;\r\n ctx.clearRect(0, 0, width, height);\r\n const data = [];\r\n for (let v = 0; v <= 24; v += 2) data.push({ v: v, p: (v * v) \/ resistance });\r\n const minV = 0, maxV = 24, minP = 0, maxP = Math.max(...data.map(d => d.p)) + 5;\r\n const padX = 40, padY = 20;\r\n const graphW = width - 2*padX;\r\n const graphH = height - 2*padY;\r\n function mapX(v) { return padX + (v - minV) \/ (maxV - minV) * graphW; }\r\n function mapY(p) { return height - padY - (p - minP) \/ maxP * graphH; }\r\n ctx.beginPath();\r\n ctx.moveTo(mapX(minV), mapY(0));\r\n ctx.lineTo(mapX(maxV), mapY(0));\r\n ctx.strokeStyle = '#64748b';\r\n ctx.stroke();\r\n ctx.beginPath();\r\n ctx.moveTo(mapX(0), mapY(minP));\r\n ctx.lineTo(mapX(0), mapY(maxP));\r\n ctx.stroke();\r\n ctx.beginPath();\r\n for (let i = 0; i < data.length; i++) {\r\n const x = mapX(data[i].v);\r\n const y = mapY(data[i].p);\r\n if (i === 0) ctx.moveTo(x, y);\r\n else ctx.lineTo(x, y);\r\n }\r\n ctx.strokeStyle = '#f472b6';\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n const currentX = mapX(voltage);\r\n const currentY = mapY(isOn ? (voltage*voltage)\/resistance : 0);\r\n ctx.beginPath();\r\n ctx.arc(currentX, currentY, 5, 0, 2*Math.PI);\r\n ctx.fillStyle = '#fbcfe8';\r\n ctx.fill();\r\n ctx.fillStyle = '#cbd5e1';\r\n ctx.font = '10px Cairo';\r\n ctx.fillText(`V = ${voltage} V`, currentX+5, currentY-5);\r\n }\r\n document.getElementById('pow-voltage-slider').addEventListener('input', (e) => { voltage = parseInt(e.target.value); updatePower(); });\r\n document.getElementById('pow-resistance-slider').addEventListener('input', (e) => { resistance = parseInt(e.target.value); updatePower(); });\r\n document.getElementById('pow-switch').addEventListener('click', () => {\r\n isOn = !isOn;\r\n const btn = document.getElementById('pow-switch');\r\n if (!isOn) {\r\n btn.innerHTML = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg> \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u062f\u0627\u0631\u0629';\r\n btn.classList.remove('bg-emerald-500\/20', 'text-emerald-400', 'border-emerald-500\/50');\r\n btn.classList.add('bg-rose-500\/20', 'text-rose-400', 'border-rose-500\/50');\r\n } else {\r\n btn.innerHTML = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18.36 6.64A9 9 0 0 1 20 7.73\"\/><path d=\"M5.64 6.64A9 9 0 1 0 18.36 20\"\/><path d=\"M12 2v10\"\/><\/svg> \u0625\u0637\u0641\u0627\u0621 \u0627\u0644\u062f\u0627\u0631\u0629';\r\n btn.classList.remove('bg-rose-500\/20', 'text-rose-400', 'border-rose-500\/50');\r\n btn.classList.add('bg-emerald-500\/20', 'text-emerald-400', 'border-emerald-500\/50');\r\n }\r\n updatePower();\r\n });\r\n updatePower();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","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-18746","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18746","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=18746"}],"version-history":[{"count":1,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18746\/revisions"}],"predecessor-version":[{"id":18747,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18746\/revisions\/18747"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=18746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n\r\n\r\n \r\n \r\n \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 - \u0645\u062d\u0627\u0643\u0627\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n background: linear-gradient(to bottom right, #312e81, #5b21b6);\r\n font-family: 'Cairo', sans-serif;\r\n color: #f1f5f9;\r\n min-height: 100vh;\r\n padding: 2rem;\r\n }\r\n .content-container {\r\n max-width: 96rem; \/* \u062a\u0645 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0639\u0631\u0636 \u0625\u0644\u0649 96rem \u0644\u0639\u0631\u0636 \u0623\u0648\u0633\u0639 *\/\r\n margin: 0 auto;\r\n background-color: rgba(30, 27, 75, 0.6);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 1rem;\r\n padding: 2rem;\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n }\r\n \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 *\/\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #1e1b4b; }\r\n ::-webkit-scrollbar-thumb { background: #4f46e5; border-radius: 4px; }\r\n .simulation-container {\r\n margin: 2rem 0;\r\n padding: 1.5rem;\r\n background-color: rgba(0, 0, 0, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 0.75rem;\r\n }\r\n input[type=\"range\"] {\r\n -webkit-appearance: none;\r\n background: #1e293b;\r\n height: 4px;\r\n border-radius: 4px;\r\n }\r\n input[type=\"range\"]:focus {\r\n outline: none;\r\n }\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 50%;\r\n background: #f59e0b;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n button {\r\n transition: all 0.2s ease;\r\n }\r\n .btn-primary {\r\n background-color: #4f46e5;\r\n }\r\n .btn-primary:hover {\r\n background-color: #6366f1;\r\n }\r\n canvas, svg {\r\n display: block;\r\n margin: 0 auto;\r\n border-radius: 0.75rem;\r\n }\r\n @keyframes dash {\r\n to { stroke-dashoffset: -14; }\r\n }\r\n .animated-dash {\r\n animation: dash 1s linear infinite;\r\n }\r\n \/* \u062a\u062d\u0633\u064a\u0646 \u0639\u0631\u0636 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0648\u0627\u0644\u0635\u0648\u0631 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0648\u0627\u0633\u0639\u0629 *\/\r\n .max-w-4xl {\r\n max-width: 100%;\r\n }\r\n .content-container .max-w-4xl {\r\n max-width: 100%;\r\n }\r\n \/* \u0644\u0636\u0645\u0627\u0646 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0643\u064a\u0627\u062a \u0648\u0627\u0636\u062d\u0629 *\/\r\n .simulation-container {\r\n width: 100%;\r\n overflow-x: auto;\r\n }\r\n \/* \u062c\u0639\u0644 \u0628\u0639\u0636 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u062a\u0623\u062e\u0630 \u0639\u0631\u0636\u0627\u064b \u0623\u0643\u0628\u0631 *\/\r\n .content-container .max-w-4xl {\r\n max-width: 100%;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"content-container\">\r\n \r\n <div style=\"border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem; margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\">\r\n <div>\r\n <h1 class=\"text-3xl font-bold text-white mb-2\">\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/h1>\r\n <p class=\"text-indigo-300\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a - \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 - \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/p>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 0.5rem; background-color: rgba(0,0,0,0.2); padding: 0.5rem 1rem; border-radius: 9999px; border: 1px solid rgba(255,255,255,0.1);\">\r\n <div style=\"display: flex; flex-direction: column; align-items: flex-end;\">\r\n <span style=\"font-size: 0.625rem; color: #a5b4fc; line-height: 1;\">\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0639\u0644\u0645<\/span>\r\n <span style=\"font-size: 0.875rem; font-weight: bold; color: white; line-height: 1;\">\u0623. \u0639\u0628\u062f\u0627\u0644\u0641\u062a\u0627\u062d \u0645\u0637\u0631<\/span>\r\n <\/div>\r\n <div style=\"width: 2rem; height: 2rem; border-radius: 9999px; background-color: rgba(79, 70, 229, 0.2); display: flex; align-items: center; justify-content: center;\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width: 1.25rem; height: 1.25rem; color: #a5b4fc;\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.26 10.147a60.436 60.436 0 00-.491 6.347A48.627 48.627 0 0112 20.904a48.627 48.627 0 018.232-4.41 60.46 60.46 0 00-.491-6.347m-15.482 0a50.57 50.57 0 00-2.658-.813A59.905 59.905 0 0112 3.493a59.902 59.902 0 0110.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0l-3.32-2.217A59.902 59.902 0 0112 3.493a59.902 59.902 0 0110.399 5.84l-3.32 2.217m-1.488-3.322a48.627 48.627 0 01-8.232 4.41\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"mt-4 w-full\">\r\n <audio controls class=\"w-full h-10\">\r\n <source src=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/05\/\u0627\u0644\u062f\u0631\u0633_\u0627\u0644\u062b\u0627\u0646\u064a__\u0627\u0644\u062f\u0627\u0631\u0629_\u0627\u0644\u0628\u0633\u064a\u0637\u0629_\u0648\u0627\u0644\u0642\u062f\u0631\u0629_\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629_audio.mp3\" type=\"audio\/mpeg\">\r\n <source src=\"audio\/lesson_gas_state.ogg\" type=\"audio\/ogg\">\r\n \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0635\u0648\u062a. \u064a\u0645\u0643\u0646\u0643 <a href=\"https:\/\/smartedujo.com\/wp-content\/uploads\/2026\/05\/\u0627\u0644\u062f\u0631\u0633_\u0627\u0644\u062b\u0627\u0646\u064a__\u0627\u0644\u062f\u0627\u0631\u0629_\u0627\u0644\u0628\u0633\u064a\u0637\u0629_\u0648\u0627\u0644\u0642\u062f\u0631\u0629_\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629_audio.mp3\" class=\"text-indigo-300 underline\">\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0635\u0648\u062a\u064a<\/a>.\r\n <\/audio>\r\n <span class=\"text-xs text-indigo-300\">\u0634\u0631\u062d \u0627\u0644\u062f\u0631\u0633 (\u0635\u0648\u062a)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"space-y-6 text-right\">\r\n <div dir=\"rtl\" class=\"font-sans text-slate-100 space-y-12 leading-relaxed mx-auto pb-20\" style=\"max-width: 100%;\">\r\n \r\n <header class=\"bg-gradient-to-br from-indigo-900 to-slate-900 border border-indigo-700\/50 rounded-3xl p-8 shadow-2xl relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-full h-full opacity-10\" style=\"background-image: radial-gradient(circle at center, #6366f1 1px, transparent 1px); background-size: 20px 20px;\"><\/div>\r\n <div class=\"relative z-10\">\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-amber-400 to-yellow-200 mb-4\">\u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u064a: \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/h2>\r\n <p class=\"text-lg text-indigo-200\/80 font-light italic\">Simple Circuit and Electric Power<\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"bg-slate-800\/50 p-6 rounded-2xl border-r-4 border-amber-500 shadow-lg\">\r\n <p class=\"text-slate-300 leading-relaxed text-lg\"><strong class=\"text-amber-400\">\u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u0629:<\/strong> \u062a\u062a\u0643\u0648\u0651\u0646 \u0623\u0628\u0633\u0637 \u062f\u0627\u0631\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u0646 \u0645\u0635\u062f\u0631 \u062c\u0647\u062f (\u0628\u0637\u0627\u0631\u064a\u0629) \u0648\u0639\u0646\u0627\u0635\u0631 \u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u0644\u0644\u0637\u0627\u0642\u0629 (\u0645\u0642\u0627\u0648\u0645\u0627\u062a\u060c \u0645\u0635\u0627\u0628\u064a\u062d) \u0645\u0648\u0635\u0648\u0644\u0629 \u0641\u064a \u0645\u0633\u0627\u0631 \u0645\u063a\u0644\u0642. \u0639\u0646\u062f \u0633\u0631\u064a\u0627\u0646 \u0627\u0644\u062a\u064a\u0627\u0631\u060c \u062a\u0646\u062a\u062c \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u0637\u0627\u0642\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u062a\u0633\u062a\u0647\u0644\u0643\u0647\u0627 \u0647\u0630\u0647 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0648\u062a\u062d\u0648\u0644\u0647\u0627 \u0644\u0623\u0634\u0643\u0627\u0644 \u0623\u062e\u0631\u0649 \u0645\u0646 \u0627\u0644\u0637\u0627\u0642\u0629 (\u062d\u0631\u0627\u0631\u064a\u0629\u060c \u0636\u0648\u0626\u064a\u0629\u060c \u062d\u0631\u0643\u064a\u0629). \u062a\u064f\u0642\u0627\u0633 \u0633\u0631\u0639\u0629 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629 \u0623\u0648 \u0625\u0646\u062a\u0627\u062c\u0647\u0627 \u0628\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629.<\/p>\r\n <\/div>\r\n\r\n \r\n <section class=\"space-y-6\">\r\n <h3 class=\"text-2xl font-bold text-white flex items-center gap-2 border-b-2 border-blue-500\/30 pb-2\"><span class=\"w-3 h-8 bg-blue-500 rounded-full inline-block\"><\/span>\u0623\u0648\u0644\u0627\u064b: \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 (Simple Electric Circuit)<\/h3>\r\n <div class=\"bg-slate-800\/30 p-6 rounded-2xl border border-white\/5 space-y-4\">\r\n <p class=\"text-slate-300 leading-relaxed\">\u062a\u062a\u0643\u0648\u0651\u0646 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0645\u0646:<\/p>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-4\">\r\n <div class=\"bg-slate-900\/50 p-4 rounded-xl border border-white\/5 flex items-start gap-3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 shrink-0 mt-1\"><rect width=\"16\" height=\"10\" x=\"4\" y=\"7\" rx=\"2\"\/><path d=\"M12 11v2\"\/><path d=\"M10 12h4\"\/><path d=\"M22 12h-2\"\/><path d=\"M4 12H2\"\/><\/svg><div><strong class=\"text-blue-300 block mb-1\">\u0645\u0635\u062f\u0631 \u062c\u0647\u062f (\u0628\u0637\u0627\u0631\u064a\u0629):<\/strong> \u0642\u0648\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 <span class=\"font-serif italic text-amber-200 text-lg\">\u03b5<\/span> \u0648\u0645\u0642\u0627\u0648\u0645\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 <span class=\"font-mono text-emerald-200\">r<\/span>.<\/div><\/div>\r\n <div class=\"bg-slate-900\/50 p-4 rounded-xl border border-white\/5 flex items-start gap-3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 shrink-0 mt-1\"><path d=\"M12 2v20\"\/><polyline points=\"17 5 9 12 17 19\"\/><\/svg><div><strong class=\"text-blue-300 block mb-1\">\u0645\u0642\u0627\u0648\u0645\u0629 \u062e\u0627\u0631\u062c\u064a\u0629 (\u0623\u0648 \u062d\u0645\u0644):<\/strong> \u0631\u0645\u0632\u0647\u0627 <span class=\"font-mono text-emerald-200\">R<\/span>\u060c \u0645\u062b\u0644 \u0645\u0635\u0628\u0627\u062d \u0623\u0648 \u0645\u062d\u0631\u0643.<\/div><\/div>\r\n <div class=\"bg-slate-900\/50 p-4 rounded-xl border border-white\/5 flex items-start gap-3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 shrink-0 mt-1\"><path d=\"M22 12H2\"\/><path d=\"M12 2v20\"\/><\/svg><div><strong class=\"text-blue-300 block mb-1\">\u0623\u0633\u0644\u0627\u0643 \u062a\u0648\u0635\u064a\u0644:<\/strong> \u062a\u064f\u0639\u062a\u0628\u0631 \u0645\u0647\u0645\u0644\u0629 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0627\u0644\u062a\u0628\u0633\u064a\u0637\u064a\u0629.<\/div><\/div>\r\n <div class=\"bg-slate-900\/50 p-4 rounded-xl border border-white\/5 flex items-start gap-3\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" class=\"text-blue-400 shrink-0 mt-1\"><path d=\"M18.36 6.64A9 9 0 0 1 20 7.73\"\/><path d=\"M5.64 6.64A9 9 0 1 0 18.36 20\"\/><path d=\"M12 2v10\"\/><\/svg><div><strong class=\"text-blue-300 block mb-1\">\u0645\u0641\u062a\u0627\u062d \u0627\u0644\u062f\u0627\u0631\u0629:<\/strong> \u0644\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0645\u0631\u0648\u0631 \u0627\u0644\u062a\u064a\u0627\u0631 (\u063a\u0644\u0642 \u0623\u0648 \u0641\u062a\u062d \u0627\u0644\u062f\u0627\u0631\u0629).<\/div><\/div>\r\n <\/div>\r\n <div class=\"bg-indigo-900\/20 p-4 rounded-lg border border-indigo-500\/20 mt-4 text-center\">\u0639\u0646\u062f \u063a\u0644\u0642 \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u060c \u064a\u0633\u0631\u064a <strong>\u0646\u0641\u0633 \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a I<\/strong> \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u062c\u0632\u0627\u0621 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u063a\u0644\u0642\u0629 \u0627\u0644\u0645\u0648\u0635\u0648\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0644\u064a.<\/div>\r\n \r\n <div class=\"simulation-container\" id=\"circuit-sim\" style=\"min-height: 500px;\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"space-y-6\"><h3 class=\"text-2xl font-bold text-white flex items-center gap-2 border-b-2 border-emerald-500\/30 pb-2\"><span class=\"w-3 h-8 bg-emerald-500 rounded-full inline-block\"><\/span>\u062b\u0627\u0646\u064a\u0627\u064b: \u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u064a \u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0641\u064a \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629<\/h3>\r\n <div class=\"bg-slate-800\/30 p-6 rounded-2xl border border-white\/5 space-y-4\"><p class=\"text-slate-300 leading-relaxed mb-4\">\u0644\u0645\u0639\u0631\u0641\u0629 \u0643\u064a\u0641 \u064a\u062a\u063a\u064a\u0631 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a \u0639\u0628\u0631 \u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u062f\u0627\u0631\u0629\u060c \u064a\u064f\u0645\u062b\u0644 \u0628\u064a\u0627\u0646\u064a\u0627\u064b \u0623\u062b\u0646\u0627\u0621 \u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u063a\u0644\u0642 (\u0627\u0644\u0639\u0631\u0648\u0629) \u0628\u062f\u0621\u0627\u064b \u0645\u0646 \u0646\u0642\u0637\u0629 \u0648\u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u064a\u0647\u0627. \u0647\u0630\u0627 \u0627\u0644\u062a\u062a\u0628\u0639 \u064a\u062c\u0633\u0651\u062f <strong>\u0642\u0627\u0639\u062f\u0629 \u0643\u064a\u0631\u0634\u0648\u0641 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0644\u0644\u062c\u0647\u062f<\/strong> (\u0645\u062c\u0645\u0648\u0639 \u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0641\u064a \u0639\u0631\u0648\u0629 \u0645\u063a\u0644\u0642\u0629 = \u0635\u0641\u0631).<\/p>\r\n <ul class=\"space-y-4\"><li class=\"bg-slate-900\/40 p-4 rounded-xl border border-slate-700\/50 relative overflow-hidden\"><div class=\"absolute right-0 top-0 bottom-0 w-1.5 bg-rose-500\"><\/div><strong class=\"text-rose-400 block mb-2\">1. \u0639\u0628\u0631 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 (\u0645\u0646 \u0627\u0644\u0633\u0627\u0644\u0628 \u0644\u0644\u0645\u0648\u062c\u0628):<\/strong><p class=\"text-lg text-slate-300\">\u064a\u0631\u062a\u0641\u0639 \u0627\u0644\u062c\u0647\u062f \u0628\u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 <span class=\"font-serif italic text-rose-300 ml-1\">+\u03b5<\/span>\u060c \u062b\u0645 \u064a\u0646\u062e\u0641\u0636 \u0641\u0648\u0631\u0627\u064b \u062f\u0627\u062e\u0644 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u0628\u0633\u0628\u0628 \u0645\u0642\u0627\u0648\u0645\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0628\u0645\u0642\u062f\u0627\u0631 <span class=\"font-mono text-rose-300 ml-1\">-Ir<\/span>. <br\/>\u0635\u0627\u0641\u064a \u0627\u0644\u062a\u063a\u064a\u0631: <span class=\"font-mono text-white bg-black\/30 px-2 py-0.5 rounded ml-1\">+\u03b5 - Ir<\/span>.<\/p><\/li>\r\n <li class=\"bg-slate-900\/40 p-4 rounded-xl border border-slate-700\/50 relative overflow-hidden\"><div class=\"absolute right-0 top-0 bottom-0 w-1.5 bg-slate-500\"><\/div><strong class=\"text-slate-400 block mb-2\">2. \u0639\u0628\u0631 \u0623\u0633\u0644\u0627\u0643 \u0627\u0644\u062a\u0648\u0635\u064a\u0644:<\/strong><p class=\"text-lg text-slate-300\">\u0627\u0644\u062c\u0647\u062f \u064a\u0628\u0642\u0649 <strong>\u062b\u0627\u0628\u062a\u0627\u064b<\/strong> (\u0644\u0625\u0647\u0645\u0627\u0644 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629)\u060c \u0623\u064a \u0623\u0646\u0647 \u0644\u0627 \u064a\u0648\u062c\u062f \u062a\u063a\u064a\u0631 \u0641\u064a \u0627\u0644\u062c\u0647\u062f.<\/p><\/li>\r\n <li class=\"bg-slate-900\/40 p-4 rounded-xl border border-slate-700\/50 relative overflow-hidden\"><div class=\"absolute right-0 top-0 bottom-0 w-1.5 bg-emerald-500\"><\/div><strong class=\"text-emerald-400 block mb-2\">3. \u0639\u0628\u0631 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 R (\u0641\u064a \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u062a\u064a\u0627\u0631):<\/strong><p class=\"text-lg text-slate-300\">\u064a\u0646\u062e\u0641\u0636 \u0627\u0644\u062c\u0647\u062f \u0628\u0645\u0642\u062f\u0627\u0631 <span class=\"font-mono text-emerald-300 ml-1\">-IR<\/span> \u0644\u0623\u0646 \u0627\u0644\u062a\u064a\u0627\u0631 \u064a\u0646\u062a\u0642\u0644 \u062f\u0627\u0626\u0645\u0627\u064b \u0645\u0646 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0644\u0623\u062f\u0646\u0649.<\/p><\/li><\/ul>\r\n <div class=\"bg-emerald-900\/20 p-5 rounded-xl border border-emerald-500\/20 mt-6 text-center\"><strong class=\"text-emerald-300 block mb-2\">\u0627\u0644\u0645\u062d\u0635\u0644\u0629 (\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0646\u0641\u0633 \u0627\u0644\u0646\u0642\u0637\u0629):<\/strong><p class=\"text-lg text-slate-300 mb-3\">\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0628\u0631\u064a\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0631\u0648\u0629 \u0627\u0644\u0645\u063a\u0644\u0642\u0629 \u064a\u0633\u0627\u0648\u064a \u0635\u0641\u0631\u0627\u064b:<\/p><div class=\"font-mono text-2xl text-white font-bold inline-block bg-black\/40 px-6 py-3 rounded-lg border border-emerald-500\/30\" dir=\"ltr\">+\u03b5 - I r - I R = 0<\/div><\/div><\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"space-y-6\"><h3 class=\"text-2xl font-bold text-white flex items-center gap-2 border-b-2 border-indigo-500\/30 pb-2\"><span class=\"w-3 h-8 bg-indigo-500 rounded-full inline-block\"><\/span>\u062b\u0627\u0644\u062b\u0627\u064b: \u0645\u0639\u0627\u062f\u0644\u0629 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0648\u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u064a\u0627\u0631<\/h3>\r\n <div class=\"bg-slate-800\/30 p-6 rounded-2xl border border-white\/5 space-y-4\"><p class=\"text-slate-300 leading-relaxed mb-4\">\u0628\u0625\u0639\u0627\u062f\u0629 \u062a\u0631\u062a\u064a\u0628 \u0645\u0639\u0627\u062f\u0644\u0629 \u062a\u062a\u0628\u0639 \u0627\u0644\u062c\u0647\u062f (+\u03b5 - Ir - IR = 0)\u060c \u0646\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629\u060c \u0648\u0645\u0646\u0647\u0627 \u0646\u062c\u062f \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0627\u0631 \u0641\u064a\u0647\u0627.<\/p>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\"><div class=\"bg-black\/30 p-6 rounded-xl border border-indigo-500\/20 flex flex-col items-center justify-center min-h-32\"><div class=\"font-mono text-2xl text-indigo-300 mb-2\" dir=\"ltr\">\u03b5 = I (R + r)<\/div><div class=\"text-lg text-slate-400\">\u0645\u0639\u0627\u062f\u0644\u0629 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629<\/div><\/div>\r\n <div class=\"bg-black\/30 p-6 rounded-xl border border-indigo-500\/20 flex flex-col items-center justify-center min-h-32\"><div class=\"font-mono text-3xl text-amber-300 flex items-center\" dir=\"ltr\"><span class=\"mr-3\">I =<\/span><div class=\"flex flex-col items-center\"><span class=\"border-b-2 border-amber-300\/50 pb-1 px-3\">\u03b5<\/span><span class=\"pt-1 px-3\">R + r<\/span><\/div><\/div><div class=\"text-lg text-slate-400 mt-4\">\u062a\u064a\u0627\u0631 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629<\/div><\/div><\/div>\r\n <div class=\"bg-indigo-950\/40 p-5 rounded-xl border border-indigo-500\/20 mt-6\"><h4 class=\"text-indigo-300 font-bold mb-3 border-b border-indigo-500\/20 pb-2\">\u062a\u0639\u0645\u064a\u0645 \u0644\u0639\u062f\u0629 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0648\u0645\u0642\u0627\u0648\u0645\u0627\u062a<\/h4><p class=\"text-lg text-slate-300 mb-4 leading-relaxed\">\u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u062f\u0627\u0631\u0629 \u062a\u062d\u062a\u0648\u064a \u0639\u062f\u0629 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0648\u0645\u0642\u0627\u0648\u0645\u0627\u062a \u0645\u062a\u0635\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0644\u064a \u0641\u064a \u0639\u0631\u0648\u0629 \u0648\u0627\u062d\u062f\u0629\u060c \u0646\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u062c\u0628\u0631\u064a:<\/p><div class=\"bg-black\/30 p-4 rounded-xl flex justify-center w-fit mx-auto border border-white\/5 mb-4\"><div class=\"font-mono text-2xl text-cyan-300 flex items-center\" dir=\"ltr\"><span class=\"mr-3\">I =<\/span><div class=\"flex flex-col items-center\"><span class=\"border-b-2 border-cyan-300\/50 pb-1 px-3\">\u03a3\u03b5<\/span><span class=\"pt-1 px-3\">\u03a3(R + r)<\/span><\/div><\/div><\/div>\r\n <p class=\"text-lg text-slate-300 mt-2 bg-slate-900\/50 p-3 rounded-lg border border-slate-700\"><strong class=\"text-amber-400\">\u0645\u0644\u0627\u062d\u0638\u0629 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u062f\u0627\u0641\u0639\u0629:<\/strong> \u062a\u064f\u062c\u0645\u0639 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a (\u0645\u0639 \u0628\u0639\u0636\u0647\u0627) \u0628\u062c\u0645\u0639 <strong class=\"text-emerald-400\">\u0645\u0648\u062c\u0628<\/strong> \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u062a\u0636\u062e \u0627\u0644\u062a\u064a\u0627\u0631 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0645\u0641\u062a\u0631\u0636\u060c \u0648<strong class=\"text-rose-400\">\u0633\u0627\u0644\u0628<\/strong> \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0636\u062f\u0647. \u0623\u0645\u0627 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0627\u062a \u0641\u062a\u064f\u062c\u0645\u0639 \u062f\u0627\u0626\u0645\u0627\u064b \u062c\u0645\u0639\u0627\u064b \u062c\u0628\u0631\u064a\u0627\u064b \u0645\u0648\u062c\u0628\u0627\u064b.<\/p><\/div>\r\n\r\n <div class=\"space-y-4 mt-6\"><div class=\"bg-indigo-950\/40 p-5 rounded-2xl border border-indigo-500\/20 shadow-md\"><h5 class=\"text-indigo-300 font-bold mb-3 flex items-center gap-2 text-md border-b border-indigo-500\/20 pb-2\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\u0645\u062b\u0627\u0644 \u062a\u0637\u0628\u064a\u0642\u064a: \u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/h5><div class=\"space-y-3\"><p class=\"text-lg text-slate-300 leading-relaxed\">\u062f\u0627\u0631\u0629 \u0628\u0633\u064a\u0637\u0629 \u0641\u064a\u0647\u0627 \u0628\u0637\u0627\u0631\u064a\u0629 \u0642\u0648\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">\u03b5 = 14 V<\/span> \u0648\u0645\u0642\u0627\u0648\u0645\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">r = 1 \u03a9<\/span>\u060c \u0645\u0648\u0635\u0648\u0644\u0629 \u0628\u0645\u0642\u0627\u0648\u0645\u0629 \u062e\u0627\u0631\u062c\u064a\u0629 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">R = 9 \u03a9<\/span>. \u0627\u062d\u0633\u0628 \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0627\u0631 \u0641\u064a \u0627\u0644\u062f\u0627\u0631\u0629.<\/p><div class=\"bg-black\/40 p-4 rounded-xl font-mono text-lg text-emerald-300 w-full min-w-fit border border-indigo-500\/10 leading-relaxed\" dir=\"ltr\">I = \u03b5 \/ (R + r)<br \/>I = 14 \/ (9 + 1)<br \/>I = 1.4 A<\/div><\/div><\/div>\r\n <div class=\"bg-indigo-950\/40 p-5 rounded-2xl border border-indigo-500\/20 shadow-md\"><h5 class=\"text-indigo-300 font-bold mb-3 flex items-center gap-2 text-md border-b border-indigo-500\/20 pb-2\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"m19 9-5 5-4-4-3 3\"\/><\/svg>\u0645\u062b\u0627\u0644 \u062a\u0637\u0628\u064a\u0642\u064a: \u062a\u062d\u0644\u064a\u0644 \u062a\u0645\u062b\u064a\u0644 \u0628\u064a\u0627\u0646\u064a \u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f<\/h5><div class=\"space-y-3\"><p class=\"text-lg text-slate-300 leading-relaxed\">\u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062a\u0628\u0639 \u0631\u0633\u0645 \u0628\u064a\u0627\u0646\u064a \u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0641\u064a \u062f\u0627\u0631\u0629 \u0628\u0633\u064a\u0637\u0629\u060c \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u062c\u0647\u0648\u0644\u0629\u060c \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:<\/p><ul class=\"text-lg text-slate-300 space-y-3 list-disc list-inside\"><li>\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0642\u0648\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">6.0 V<\/span> \u0648\u0627\u0646\u062e\u0641\u0627\u0636 \u062c\u0647\u062f\u0647\u0627 \u0627\u0644\u062f\u0627\u062e\u0644\u064a <span class=\"font-mono text-cyan-200\" dir=\"ltr\">3.0 V<\/span> \u0641\u064a \u0645\u0642\u0627\u0648\u0645\u0629 \u062f\u0627\u062e\u0644\u064a\u0629 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">2.0 \u03a9<\/span>. (\u0645\u0646\u0647 \u0646\u062c\u062f \u0627\u0644\u062a\u064a\u0627\u0631: <span class=\"font-mono text-emerald-300\" dir=\"ltr\">I = 3.0 \/ 2.0 = 1.5 A<\/span>).<\/li><li>\u064a\u0648\u062c\u062f \u0628\u0637\u0627\u0631\u064a\u0629 \u0623\u062e\u0631\u0649 \u0642\u0648\u062a\u0647\u0627 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">9 V<\/span>.<\/li><li>\u0627\u0646\u062e\u0641\u0627\u0636 \u0627\u0644\u062c\u0647\u062f \u0639\u0628\u0631 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0647\u0648 <span class=\"font-mono text-cyan-200\" dir=\"ltr\">IR = 9 V<\/span>\u060c \u0641\u0646\u062d\u0633\u0628 \u0642\u064a\u0645\u062a\u0647\u0627: <span class=\"font-mono text-emerald-300\" dir=\"ltr\">R = 9.0 \/ 1.5 = 6.0 \u03a9<\/span>.<\/li><\/ul><\/div><\/div><\/div><\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"space-y-6\"><h3 class=\"text-2xl font-bold text-white flex items-center gap-2 border-b-2 border-pink-500\/30 pb-2\"><span class=\"w-3 h-8 bg-pink-500 rounded-full inline-block\"><\/span>\u0631\u0627\u0628\u0639\u0627\u064b: \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 (Electric Power)<\/h3>\r\n <div class=\"bg-slate-800\/30 p-6 rounded-2xl border border-white\/5 space-y-6\"><p class=\"text-slate-300 leading-relaxed mb-4\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0647\u064a \u0627\u0644\u0645\u0639\u062f\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 (\u0627\u0644\u0634\u063a\u0644 \u0627\u0644\u0645\u0628\u0630\u0648\u0644) \u0641\u064a \u0627\u0644\u062f\u0627\u0631\u0629\u060c \u0648\u062a\u064f\u0642\u0627\u0633 \u0628\u0648\u062d\u062f\u0629 <strong>\u0627\u0644\u0648\u0627\u0637 (W)<\/strong>\u060c \u062d\u064a\u062b \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0630\u064a \u0642\u062f\u0631\u062a\u0647 1 W \u064a\u0633\u062a\u0647\u0644\u0643 \u0623\u0648 \u064a\u064f\u0646\u062a\u062c 1 J \u0645\u0646 \u0627\u0644\u0637\u0627\u0642\u0629 \u0643\u0644 \u062b\u0627\u0646\u064a\u0629.<\/p>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6\"><div class=\"bg-rose-950\/20 p-5 rounded-2xl border border-rose-500\/20\"><h4 class=\"text-rose-400 font-bold mb-4 text-lg border-b border-rose-500\/20 pb-2\">1. \u0642\u062f\u0631\u0629 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629<\/h4><p class=\"text-lg text-slate-300 mb-4 leading-relaxed\">\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u062a\u064f\u0646\u062a\u062c \u0637\u0627\u0642\u0629 \u0628\u0645\u0639\u062f\u0644 \u064a\u064f\u062d\u0633\u0628 \u0628\u062d\u0627\u0635\u0644 \u0636\u0631\u0628 \u062a\u064a\u0627\u0631\u0647\u0627 \u0641\u064a \u0642\u0648\u062a\u0647\u0627 \u0627\u0644\u062f\u0627\u0641\u0639\u0629.<\/p><div class=\"bg-black\/30 p-3 rounded-lg font-mono text-xl text-center text-rose-300 border border-white\/5\" dir=\"ltr\">P<sub>\u03b5<\/sub> = I \u03b5<\/div><div class=\"mt-4 text-lg text-slate-300 p-3 bg-slate-900\/50 rounded-lg\">\u0628\u062a\u0639\u0648\u064a\u0636 \u0645\u0639\u0627\u062f\u0644\u0629 \u0627\u0644\u062f\u0627\u0631\u0629\u060c \u0646\u062c\u062f \u0635\u064a\u063a\u0629 \u0645\u0628\u062f\u0623 \u062d\u0641\u0638 \u0627\u0644\u0637\u0627\u0642\u0629:<div class=\"font-mono text-center text-white mt-2 pb-1\" dir=\"ltr\">P<sub>\u03b5<\/sub> = I<sup>2<\/sup>R + I<sup>2<\/sup>r<\/div><p class=\"text-lg text-slate-400 mt-2\">\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u064f\u0646\u062a\u062c\u0629 = \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 + \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u062f\u0627\u062e\u0644\u064a\u0627\u064b.<\/p><\/div><\/div>\r\n <div class=\"bg-emerald-950\/20 p-5 rounded-2xl border border-emerald-500\/20\"><h4 class=\"text-emerald-400 font-bold mb-4 text-lg border-b border-emerald-500\/20 pb-2\">2. \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 (\u0641\u064a \u062c\u0647\u0627\u0632\/\u0645\u0642\u0627\u0648\u0645\u0629)<\/h4><p class=\"text-lg text-slate-300 mb-4 leading-relaxed\">\u062a\u062d\u0633\u0628 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0639\u062f\u0629 \u0635\u064a\u063a \u0645\u062a\u0643\u0627\u0641\u0626\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0642\u0627\u0646\u0648\u0646 \u0623\u0648\u0645.<\/p><div class=\"flex justify-center gap-4 bg-black\/30 p-3 rounded-lg font-mono text-xl text-emerald-300 border border-white\/5 flex-wrap\" dir=\"ltr\"><span>P = IV<\/span><span class=\"text-slate-500\">=<\/span><span>I<sup>2<\/sup>R<\/span><span class=\"text-slate-500\">=<\/span><span>V<sup>2<\/sup>\/R<\/span><\/div><div class=\"mt-4 p-3 bg-slate-900\/50 rounded-lg border border-emerald-500\/10\"><strong class=\"text-emerald-300 text-lg block mb-1\">\u062a\u0639\u0631\u064a\u0641 \u0628\u062f\u064a\u0644 \u0644\u0644\u0648\u0627\u0637:<\/strong><p class=\"text-lg text-slate-300\">\u0642\u062f\u0631\u0629 \u062c\u0647\u0627\u0632 \u064a\u0645\u0631 \u0628\u0647 \u062a\u064a\u0627\u0631 \u0642\u062f\u0631\u0647 1 A \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0641\u0631\u0642 \u0627\u0644\u062c\u0647\u062f \u0628\u064a\u0646 \u0637\u0631\u0641\u064a\u0647 1 V.<\/p><\/div><\/div><\/div>\r\n \r\n <div class=\"bg-slate-900\/50 p-5 rounded-xl border border-slate-700 shadow-md\"><h5 class=\"text-pink-400 font-bold mb-3 border-b border-slate-700 pb-2 text-lg\">\u0645\u062b\u0627\u0644 \u0634\u0627\u0645\u0644 \u0644\u0644\u0642\u062f\u0631\u0629 \u0648\u062d\u0641\u0638 \u0627\u0644\u0637\u0627\u0642\u0629<\/h5><div class=\"text-lg text-slate-300 space-y-3\"><p>\u062f\u0627\u0631\u0629 \u0628\u0633\u064a\u0637\u0629 \u0641\u064a\u0647\u0627 <span class=\"font-mono\">R = 3 \u03a9, r = 1 \u03a9, \u03b5 = 12 V<\/span>.<\/p><ul class=\"space-y-2 list-disc list-inside px-2\"><li><strong class=\"text-cyan-300\">\u0627\u0644\u062a\u064a\u0627\u0631:<\/strong> I = 12 \/ (3 + 1) = 3 A<\/li><li><strong class=\"text-rose-300\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u064f\u0646\u062a\u062c\u0629:<\/strong> P<sub>\u03b5<\/sub> = I\u03b5 = 3 \u00d7 12 = 36 W<\/li><li><strong class=\"text-amber-300\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0636\u0627\u0626\u0639\u0629 \u062f\u0627\u062e\u0644\u064a\u0627\u064b:<\/strong> P<sub>r<\/sub> = I\u00b2r = 9 \u00d7 1 = 9 W<\/li><li><strong class=\"text-emerald-300\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u062e\u0627\u0631\u062c\u064a\u0627\u064b:<\/strong> P<sub>R<\/sub> = I\u00b2R = 9 \u00d7 3 = 27 W<\/li><\/ul><div class=\"mt-2 text-center bg-black\/30 p-2 rounded text-emerald-200\">\u0646\u0644\u0627\u062d\u0638 \u062a\u062d\u0642\u0642 \u0645\u0628\u062f\u0623 \u062d\u0641\u0638 \u0627\u0644\u0637\u0627\u0642\u0629: <span class=\"font-mono font-bold\">27 + 9 = 36<\/span><\/div><\/div><\/div>\r\n \r\n \r\n <div class=\"simulation-container\" id=\"power-sim\" style=\"min-height: 500px;\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"space-y-6\"><h3 class=\"text-2xl font-bold text-white flex items-center gap-2 border-b-2 border-cyan-500\/30 pb-2\"><span class=\"w-3 h-8 bg-cyan-500 rounded-full inline-block\"><\/span>\u062e\u0627\u0645\u0633\u0627\u064b: \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/h3>\r\n <div class=\"bg-slate-800\/30 p-6 rounded-2xl border border-white\/5 space-y-6\"><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"><div><h4 class=\"text-cyan-300 font-bold mb-2\">1. \u062d\u0633\u0627\u0628 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 (E)<\/h4><p class=\"text-lg text-slate-300 mb-3\">\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u0633\u062a\u0647\u0644\u0643\u0647\u0627 \u062c\u0647\u0627\u0632 \u0642\u062f\u0631\u062a\u0647 P \u064a\u0639\u0645\u0644 \u0644\u0645\u062f\u0629 \u0632\u0645\u0646\u064a\u0629 \u0394t.<\/p><div class=\"bg-black\/40 p-3 rounded-lg font-mono text-xl text-center text-cyan-200 border border-cyan-500\/20 mb-3\" dir=\"ltr\">E = P \u00d7 \u0394t<\/div><p class=\"text-lg text-slate-400 leading-relaxed bg-slate-900\/50 p-2 rounded border border-slate-700\">\u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629: \u0627\u0644\u062c\u0648\u0644 (J)\u060c \u062d\u064a\u062b 1 J = 1 W \u00d7 1 s.<br \/>\u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0643\u0628\u064a\u0631\u0629: \u0627\u0644\u0643\u064a\u0644\u0648\u0648\u0627\u0637.\u0633\u0627\u0639\u0629 (kWh).<br \/><span class=\"font-mono text-white inline-block mt-1\">1 kWh = 3.6 \u00d7 10<sup>6<\/sup> J<\/span><\/p><\/div>\r\n <div><h4 class=\"text-cyan-300 font-bold mb-2\">2. \u062d\u0633\u0627\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 (Cost)<\/h4><p class=\"text-lg text-slate-300 mb-3\">\u062a\u064f\u062d\u0627\u0633\u0628 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u064a\u0646 \u0639\u0644\u0649 \u0623\u0633\u0627\u0633 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629 \u0628\u0627\u0644\u0643\u064a\u0644\u0648\u0648\u0627\u0637.\u0633\u0627\u0639\u0629.<\/p><div class=\"bg-black\/40 p-3 rounded-lg font-mono text-base text-center text-emerald-300 border border-emerald-500\/20 mb-3\" dir=\"ltr\">Cost = P(kW) \u00d7 \u0394t(h) \u00d7 Price<\/div><div class=\"text-lg text-slate-300 bg-emerald-950\/30 p-3 rounded-lg border border-emerald-500\/20\"><strong class=\"text-emerald-400 mb-1 block\">\u0645\u062b\u0627\u0644 \u062a\u0637\u0628\u064a\u0642\u064a: \u0634\u062d\u0646 \u0633\u064a\u0627\u0631\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/strong> \u0628\u0637\u0627\u0631\u064a\u0629 \u0633\u064a\u0627\u0631\u0629 (24 kWh) \u062a\u064f\u0634\u062d\u0646 \u0628\u0634\u0627\u062d\u0646 \u0642\u062f\u0631\u062a\u0647 (3.52 kW). \u0648\u0642\u062a \u0627\u0644\u0634\u062d\u0646 = 24 \/ 3.52 \u2248 6.8 \u0633\u0627\u0639\u0629. \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0634\u062d\u0646 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0633\u0639\u0631 0.12 \u062f\u064a\u0646\u0627\u0631\/kWh:<br\/><span class=\"font-mono mt-1 text-emerald-200 block text-center\">Cost = 24 \u00d7 0.12 = 2.88 JD<\/span><\/div><\/div><\/div>\r\n <div class=\"bg-slate-900\/60 p-5 rounded-2xl border border-indigo-500\/20 shadow-inner mt-6\"><h4 class=\"text-indigo-400 font-bold mb-3 flex items-center gap-2\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\u062a\u0637\u0628\u064a\u0642 \u0639\u0644\u0649 \u0646\u0642\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0641\u0642\u062f<\/h4><p class=\"text-lg text-slate-300 leading-relaxed space-y-2\">\u062a\u064f\u0646\u0642\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 \u0639\u0628\u0631 \u0645\u0633\u0627\u0641\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0628\u0623\u0633\u0644\u0627\u0643 \u0644\u0647\u0627 \u0645\u0642\u0627\u0648\u0645\u0629 R\u060c \u0641\u062a\u064f\u0641\u0642\u062f \u0643\u062d\u0631\u0627\u0631\u0629 <span class=\"font-mono text-rose-300 mx-1\">P<sub>lost<\/sub> = I\u00b2R<\/span>. \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0641\u0642\u062f (I\u00b2R) \u062f\u0648\u0646 \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0646\u0642\u0648\u0644\u0629 (P=IV)\u060c \u064a\u064f\u0641\u0636\u0651\u0644 <strong>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0627\u0631<\/strong> \u0639\u0628\u0631 \u062e\u0637\u0648\u0637 \u0627\u0644\u0646\u0642\u0644 \u0648\u0630\u0644\u0643 <strong>\u0628\u0631\u0641\u0639 \u0627\u0644\u062c\u0647\u062f V \u0644\u0642\u064a\u0645 \u0639\u0627\u0644\u064a\u0629 \u062c\u062f\u0627\u064b<\/strong> \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062d\u0648\u0644\u0627\u062a \u0631\u0627\u0641\u0639\u0629\u060c \u062b\u0645 \u064a\u064f\u0639\u0627\u062f \u062e\u0641\u0636\u0647 \u0639\u0646\u062f \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643.<\/p><\/div><\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"grid grid-cols-1 gap-6 mt-12 mb-8\"><div class=\"bg-indigo-900\/40 p-6 rounded-2xl border border-indigo-500\/30 shadow-lg\"><h4 class=\"text-xl font-bold text-indigo-300 mb-4 flex items-center gap-2 border-b border-indigo-500\/20 pb-3\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\u062e\u0644\u0627\u0635\u0629 \u0627\u0644\u062f\u0631\u0633<\/h4><ul class=\"list-disc list-inside text-slate-300 space-y-3 text-lg leading-relaxed\"><li><strong class=\"text-white\">\u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629:<\/strong> \u062a\u062a\u0643\u0648\u0646 \u0645\u0646 \u0645\u0633\u0627\u0631 \u0645\u063a\u0644\u0642 \u0648\u0627\u062d\u062f\u060c \u0648\u064a\u064f\u062d\u0633\u0628 \u062a\u064a\u0627\u0631\u0647\u0627 \u0628\u0627\u0644\u0645\u0639\u0627\u062f\u0644\u0629 <span class=\"font-mono text-cyan-200 inline-block px-1\" dir=\"ltr\">I = \u03a3\u03b5 \/ \u03a3(R + r)<\/span>.<\/li><li><strong class=\"text-white\">\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f:<\/strong> \u0627\u0644\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u062c\u0628\u0631\u064a \u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0639\u0628\u0631 \u0639\u0631\u0648\u0629 \u0645\u063a\u0644\u0642\u0629 \u064a\u0633\u0627\u0648\u064a \u0635\u0641\u0631\u0627\u064b (\u0642\u0627\u0639\u062f\u0629 \u0643\u064a\u0631\u0634\u0648\u0641).<\/li><li><strong class=\"text-white\">\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629 \u063a\u064a\u0631 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629:<\/strong> \u062a\u0645\u062a\u0644\u0643 \u0645\u0642\u0627\u0648\u0645\u0629 \u062f\u0627\u062e\u0644\u064a\u0629 (<span class=\"font-mono text-rose-300\">r<\/span>) \u062a\u0624\u062f\u064a \u0644\u0627\u0646\u062e\u0641\u0627\u0636 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0628\u0645\u0642\u062f\u0627\u0631 <span class=\"font-mono text-rose-300\">Ir<\/span>.<\/li><li><strong class=\"text-white\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629:<\/strong> \u062a\u062d\u0633\u0628 \u0644\u0644\u0645\u0642\u0627\u0648\u0645\u0627\u062a \u0643\u0637\u0627\u0642\u0629 \u0645\u0633\u062a\u0646\u0641\u062f\u0629 \u0639\u0628\u0631 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a <span class=\"font-mono text-emerald-300 inline-block px-1\" dir=\"ltr\">P = VI = I\u00b2R = V\u00b2\/R<\/span>.<\/li><li><strong class=\"text-white\">\u062d\u0641\u0638 \u0627\u0644\u0637\u0627\u0642\u0629:<\/strong> \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0644\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0629 \u062a\u0633\u0627\u0648\u064a \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u0641\u062f\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0627\u064b (\u062f\u0627\u062e\u0644\u064a\u0627\u064b \u0648\u062e\u0627\u0631\u062c\u064a\u0627\u064b).<\/li><li><strong class=\"text-white\">\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0637\u0627\u0642\u0629:<\/strong> \u062a\u062d\u0633\u0628 \u062a\u062c\u0627\u0631\u064a\u0627\u064b \u0628\u0648\u062d\u062f\u0629 <span class=\"font-mono text-slate-200\">kWh<\/span> \u0639\u0628\u0631 \u0636\u0631\u0628 \u0627\u0644\u0642\u062f\u0631\u0629 (\u0643\u064a\u0644\u0648\u0648\u0627\u0637) \u00d7 \u0627\u0644\u0632\u0645\u0646 (\u0633\u0627\u0639\u0627\u062a).<\/li><\/ul><\/div>\r\n <div class=\"bg-amber-900\/20 p-6 rounded-2xl border border-amber-500\/30 shadow-lg\"><h4 class=\"text-xl font-bold text-amber-400 mb-4 flex items-center gap-2 border-b border-amber-500\/20 pb-3\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v4\"\/><path d=\"M12 18v4\"\/><path d=\"M4.93 4.93l2.83 2.83\"\/><path d=\"M16.24 16.24l2.83 2.83\"\/><path d=\"M2 12h4\"\/><path d=\"M18 12h4\"\/><path d=\"M4.93 19.07l2.83-2.83\"\/><path d=\"M16.24 7.76l2.83-2.83\"\/><\/svg>\u0646\u0635\u0627\u0626\u062d \u0644\u0644\u062f\u0631\u0627\u0633\u0629 \u0648\u062d\u0644 \u0627\u0644\u0645\u0633\u0627\u0626\u0644<\/h4><ul class=\"list-disc list-inside text-slate-300 space-y-3 text-lg leading-relaxed\"><li>\u0639\u0646\u062f \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0627\u062a\u060c \u062a\u0630\u0643\u0631 \u0623\u0646 <span class=\"font-mono text-pink-300\">V = IR<\/span> \u0648 <span class=\"font-mono text-pink-300\">P = I\u00b2R<\/span>\u060c \u0644\u0630\u0627 \u0625\u0630\u0627 \u0632\u0627\u062f \u0627\u0644\u062a\u064a\u0627\u0631 \u0641\u0625\u0646 \u0627\u0644\u062c\u0647\u062f \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u0641\u062f\u064a\u0646 \u0633\u064a\u0632\u062f\u0627\u062f\u0627\u0646 \u0623\u064a\u0636\u0627\u064b.<\/li><li>\u0627\u0646\u062a\u0628\u0647 \u062c\u064a\u062f\u0627\u064b \u0644\u0625\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 (<span class=\"font-serif italic text-amber-200\">\u03b5<\/span>) \u0641\u064a \u0627\u0644\u062f\u0627\u0631\u0629\u061b \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u062a\u062f\u0641\u0639 \u0627\u0644\u062a\u064a\u0627\u0631 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u062a\u064f\u062c\u0645\u0639\u060c \u0648\u0625\u0630\u0627 \u0639\u0627\u0643\u0633\u062a\u0647 \u062a\u064f\u0637\u0631\u062d.<\/li><li>\u0644\u0627 \u062a\u062e\u0644\u0637 \u0628\u064a\u0646 <span class=\"text-cyan-300\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/span> (\u0627\u0644\u0648\u0627\u0637) \u0627\u0644\u0645\u0646\u0637\u0648\u064a\u0629 \u0639\u0644\u0649 \u0645\u0639\u062f\u0644 \u0632\u0645\u0646\u064a\u060c \u0648\u0628\u064a\u0646 <span class=\"text-emerald-300\">\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0629<\/span> (\u0627\u0644\u062c\u0648\u0644 \u0623\u0648 kWh) \u0627\u0644\u062a\u064a \u062a\u0646\u062a\u062c \u0639\u0646 \u0636\u0631\u0628 \u0627\u0644\u0642\u062f\u0631\u0629 \u0641\u064a \u0627\u0644\u0632\u0645\u0646.<\/li><li>\u0641\u064a \u0645\u0633\u0627\u0626\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\u060c \u062a\u0623\u0643\u062f \u062f\u0627\u0626\u0645\u0627\u064b \u0642\u0628\u0644 \u0627\u0644\u062a\u0639\u0648\u064a\u0636 \u0641\u064a \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0645\u0646 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0632\u0645\u0646 \u0625\u0644\u0649 \u0633\u0627\u0639\u0627\u062a (h) \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0625\u0644\u0649 \u0643\u064a\u0644\u0648\u0648\u0627\u0637 (kW).<\/li><\/ul><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n \/\/ ============================================\r\n \/\/ 1. \u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 (SimpleCircuitSimulation)\r\n \/\/ ============================================\r\n (function() {\r\n const container = document.getElementById('circuit-sim');\r\n if (!container) return;\r\n\r\n const wrapper = document.createElement('div');\r\n wrapper.className = 'w-full bg-slate-900 rounded-2xl p-4 md:p-6 shadow-xl border border-slate-700\/50 flex flex-col items-center select-none my-6';\r\n wrapper.setAttribute('dir', 'rtl');\r\n wrapper.innerHTML = `\r\n <h3 class=\"text-xl font-bold text-white mb-6 border-b border-white\/10 pb-2 w-full text-center\">\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 (\u0645\u062a\u0642\u062f\u0645\u0629)<\/h3>\r\n <div class=\"flex flex-col lg:flex-row w-full gap-6\">\r\n <div class=\"w-full lg:w-1\/3 bg-slate-800\/50 p-5 rounded-xl border border-slate-700 space-y-6\">\r\n <h4 class=\"text-emerald-400 font-bold mb-2 border-b border-white\/5 pb-2\">\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h4>\r\n <div><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u062f\u0627\u0641\u0639\u0629 (\u03b5)<\/span><span id=\"sim-emf\" class=\"font-mono text-emerald-300\">12 V<\/span><\/div><input id=\"sim-emf-slider\" type=\"range\" min=\"3\" max=\"24\" step=\"1\" value=\"12\" class=\"w-full accent-emerald-500\"\/><\/div>\r\n <div><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 (r)<\/span><span id=\"sim-r\" class=\"font-mono text-rose-300\">1 \u03a9<\/span><\/div><input id=\"sim-r-slider\" type=\"range\" min=\"0\" max=\"5\" step=\"0.5\" value=\"1\" class=\"w-full accent-rose-500\"\/><\/div>\r\n <h4 class=\"text-blue-400 font-bold mb-2 border-b border-white\/5 pb-2 mt-4\">\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629<\/h4>\r\n <div><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 (R\u2081)<\/span><span id=\"sim-r1\" class=\"font-mono text-blue-300\">5 \u03a9<\/span><\/div><input id=\"sim-r1-slider\" type=\"range\" min=\"1\" max=\"20\" step=\"1\" value=\"5\" class=\"w-full accent-blue-500\"\/><\/div>\r\n <div class=\"space-y-3 pt-2\"><span class=\"text-lg text-slate-300 block\">\u0625\u0636\u0627\u0641\u0629 \u0645\u0642\u0627\u0648\u0645\u0629 \u0623\u062e\u0631\u0649 (R\u2082)<\/span><div class=\"flex gap-2 text-lg text-slate-300\"><label class=\"flex items-center gap-1 cursor-pointer\"><input type=\"radio\" name=\"conn-type\" value=\"none\" checked> \u0628\u062f\u0648\u0646<\/label><label class=\"flex items-center gap-1 cursor-pointer\"><input type=\"radio\" name=\"conn-type\" value=\"series\"> \u062a\u0648\u0627\u0644\u064a<\/label><label class=\"flex items-center gap-1 cursor-pointer\"><input type=\"radio\" name=\"conn-type\" value=\"parallel\"> \u062a\u0648\u0627\u0632\u064a<\/label><\/div><\/div>\r\n <div id=\"sim-r2-container\" class=\"hidden pt-2\"><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 (R\u2082)<\/span><span id=\"sim-r2\" class=\"font-mono text-cyan-300\">5 \u03a9<\/span><\/div><input id=\"sim-r2-slider\" type=\"range\" min=\"1\" max=\"20\" step=\"1\" value=\"5\" class=\"w-full accent-cyan-500\"\/><\/div>\r\n <div class=\"pt-4 border-t border-slate-700 flex justify-center\"><button id=\"sim-switch\" class=\"w-full py-3 rounded-xl font-bold transition-all duration-300 shadow-lg border flex items-center justify-center gap-2 bg-emerald-500\/20 text-emerald-400 border-emerald-500\/50 hover:bg-emerald-500\/30\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 9.9-1\"><\/path><\/svg> \u0623\u063a\u0644\u0642 \u0627\u0644\u062f\u0627\u0631\u0629<\/button><\/div>\r\n <\/div>\r\n <div class=\"w-full lg:w-2\/3 flex flex-col gap-6\">\r\n <div class=\"w-full bg-slate-950 p-6 rounded-xl border border-slate-800 flex flex-col items-center justify-center relative min-h-[300px]\"><svg id=\"sim-circuit-svg\" class=\"w-full h-full\" viewBox=\"0 0 400 280\" preserveAspectRatio=\"xMidYMid meet\"><\/svg><\/div>\r\n <div class=\"bg-slate-900 border border-slate-700\/50 p-4 rounded-xl flex items-center justify-between shadow-inner\"><div class=\"flex flex-col items-center\"><span class=\"text-lg text-slate-400 mb-1\">\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0645\u0643\u0627\u0641\u0626\u0629 R<sub>eq<\/sub><\/span><span id=\"sim-req\" class=\"font-mono text-xl text-white\">5.00 \u03a9<\/span><\/div><div class=\"h-10 w-px bg-slate-700\"><\/div><div class=\"flex flex-col items-center\"><span class=\"text-lg text-slate-400 mb-1\">\u0627\u0644\u062a\u064a\u0627\u0631 \u0627\u0644\u0643\u0644\u064a I<\/span><span id=\"sim-current\" class=\"font-mono text-xl text-amber-400\">0.00 A<\/span><\/div><div class=\"h-10 w-px bg-slate-700\"><\/div><div class=\"flex flex-col items-center\"><span class=\"text-lg text-slate-400 mb-1\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 P<sub>R<\/sub><\/span><span id=\"sim-power\" class=\"font-mono text-xl text-emerald-400\">0.0 W<\/span><\/div><\/div>\r\n <div class=\"w-full bg-slate-800\/80 p-4 rounded-xl border border-slate-700 flex flex-col h-48 md:h-56\"><h5 class=\"text-lg font-bold text-slate-300 mb-2 border-b border-white\/5 pb-1 text-center\">\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0645\u0633\u0627\u0631<\/h5><div class=\"flex-1 w-full\" dir=\"ltr\"><canvas id=\"sim-graph-canvas\" width=\"400\" height=\"160\" style=\"width:100%; height:160px; background:#0f172a; border-radius:8px;\"><\/canvas><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.appendChild(wrapper);\r\n\r\n let emf = 12, r = 1, r1 = 5, r2 = 5, connectionType = 'none', isClosed = false;\r\n let req = r1;\r\n function updateReq() {\r\n if (connectionType === 'series') req = r1 + r2;\r\n else if (connectionType === 'parallel') req = (r1 * r2) \/ (r1 + r2);\r\n else req = r1;\r\n }\r\n function getCurrent() { return isClosed ? emf \/ (req + r) : 0; }\r\n function getPower() { const I = getCurrent(); return isClosed ? I * I * req : 0; }\r\n function updateAll() {\r\n const I = getCurrent();\r\n const P = getPower();\r\n const voltageDropInternal = I * r;\r\n document.getElementById('sim-emf').innerText = emf + ' V';\r\n document.getElementById('sim-r').innerHTML = r + ' \u03a9';\r\n document.getElementById('sim-r1').innerHTML = r1 + ' \u03a9';\r\n if (connectionType !== 'none') {\r\n document.getElementById('sim-r2').innerHTML = r2 + ' \u03a9';\r\n }\r\n document.getElementById('sim-req').innerHTML = req.toFixed(2) + ' \u03a9';\r\n document.getElementById('sim-current').innerHTML = I.toFixed(2) + ' A';\r\n document.getElementById('sim-power').innerHTML = P.toFixed(1) + ' W';\r\n drawCircuit();\r\n drawGraph(I, voltageDropInternal);\r\n }\r\n function drawCircuit() {\r\n const svg = document.getElementById('sim-circuit-svg');\r\n svg.innerHTML = '';\r\n \/\/ Base paths\r\n const basePath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n basePath.setAttribute('d', 'M 100 220 L 100 80 L 300 80 L 300 220 L 250 220');\r\n basePath.setAttribute('fill', 'none'); basePath.setAttribute('stroke', '#475569'); basePath.setAttribute('stroke-width', '4');\r\n svg.appendChild(basePath);\r\n const basePath2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n basePath2.setAttribute('d', 'M 150 220 L 100 220');\r\n basePath2.setAttribute('fill', 'none'); basePath2.setAttribute('stroke', '#475569'); basePath2.setAttribute('stroke-width', '4');\r\n svg.appendChild(basePath2);\r\n if (isClosed) {\r\n const currentPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n currentPath.setAttribute('d', 'M 235 220 L 300 220 L 300 80 L 100 80 L 100 220 L 165 220');\r\n currentPath.setAttribute('fill', 'none'); currentPath.setAttribute('stroke', '#fbbf24'); currentPath.setAttribute('stroke-width', '2'); currentPath.setAttribute('stroke-dasharray', '6, 8'); currentPath.classList.add('animated-dash');\r\n svg.appendChild(currentPath);\r\n }\r\n \/\/ Battery\r\n const battG = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'g');\r\n battG.setAttribute('transform', 'translate(180, 205)');\r\n const battRect = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'rect');\r\n battRect.setAttribute('x', '-10'); battRect.setAttribute('y', '-15'); battRect.setAttribute('width', '75'); battRect.setAttribute('height', '60');\r\n battRect.setAttribute('fill', '#1e293b'); battRect.setAttribute('stroke', '#334155'); battRect.setAttribute('stroke-width', '2'); battRect.setAttribute('rx', '4'); battRect.setAttribute('stroke-dasharray', '4 4');\r\n battG.appendChild(battRect);\r\n const battText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n battText.setAttribute('x', '27'); battText.setAttribute('y', '38'); battText.setAttribute('fill', '#cbd5e1'); battText.setAttribute('font-size', '10'); battText.setAttribute('text-anchor', 'middle');\r\n battText.textContent = '\u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0629';\r\n battG.appendChild(battText);\r\n const line1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n line1.setAttribute('x1', '0'); line1.setAttribute('y1', '5'); line1.setAttribute('x2', '0'); line1.setAttribute('y2', '25');\r\n line1.setAttribute('stroke', '#cbd5e1'); line1.setAttribute('stroke-width', '4');\r\n battG.appendChild(line1);\r\n const minusText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n minusText.setAttribute('x', '-10'); minusText.setAttribute('y', '27'); minusText.setAttribute('fill', '#cbd5e1'); minusText.setAttribute('font-size', '14');\r\n minusText.textContent = '-';\r\n battG.appendChild(minusText);\r\n const line2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n line2.setAttribute('x1', '15'); line2.setAttribute('y1', '0'); line2.setAttribute('x2', '15'); line2.setAttribute('y2', '30');\r\n line2.setAttribute('stroke', '#cbd5e1'); line2.setAttribute('stroke-width', '4');\r\n battG.appendChild(line2);\r\n const plusText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n plusText.setAttribute('x', '25'); plusText.setAttribute('y', '27'); plusText.setAttribute('fill', '#cbd5e1'); plusText.setAttribute('font-size', '14');\r\n plusText.textContent = '+';\r\n battG.appendChild(plusText);\r\n const innerLine = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n innerLine.setAttribute('d', 'M 15 15 L 25 15 L 28 8 L 34 22 L 40 8 L 46 22 L 52 8 L 55 15 L 65 15');\r\n innerLine.setAttribute('fill', 'none'); innerLine.setAttribute('stroke', '#f43f5e'); innerLine.setAttribute('stroke-width', '3');\r\n battG.appendChild(innerLine);\r\n svg.appendChild(battG);\r\n \/\/ Lines\r\n const lineToSwitch = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineToSwitch.setAttribute('x1', '180'); lineToSwitch.setAttribute('y1', '220'); lineToSwitch.setAttribute('x2', '165'); lineToSwitch.setAttribute('y2', '220');\r\n lineToSwitch.setAttribute('stroke', '#475569'); lineToSwitch.setAttribute('stroke-width', '4');\r\n svg.appendChild(lineToSwitch);\r\n const lineFromSwitch = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineFromSwitch.setAttribute('x1', '245'); lineFromSwitch.setAttribute('y1', '220'); lineFromSwitch.setAttribute('x2', '250'); lineFromSwitch.setAttribute('y2', '220');\r\n lineFromSwitch.setAttribute('stroke', '#475569'); lineFromSwitch.setAttribute('stroke-width', '4');\r\n svg.appendChild(lineFromSwitch);\r\n \/\/ Switch\r\n const switchG = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'g');\r\n switchG.setAttribute('transform', 'translate(125, 220)');\r\n const circle1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\r\n circle1.setAttribute('cx', '0'); circle1.setAttribute('cy', '0'); circle1.setAttribute('r', '4'); circle1.setAttribute('fill', '#64748b');\r\n switchG.appendChild(circle1);\r\n const circle2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'circle');\r\n circle2.setAttribute('cx', '40'); circle2.setAttribute('cy', '0'); circle2.setAttribute('r', '4'); circle2.setAttribute('fill', '#64748b');\r\n switchG.appendChild(circle2);\r\n const switchLine = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n if (isClosed) {\r\n switchLine.setAttribute('x1', '0'); switchLine.setAttribute('y1', '0'); switchLine.setAttribute('x2', '40'); switchLine.setAttribute('y2', '0');\r\n } else {\r\n switchLine.setAttribute('x1', '0'); switchLine.setAttribute('y1', '0'); switchLine.setAttribute('x2', '35'); switchLine.setAttribute('y2', '-20');\r\n }\r\n switchLine.setAttribute('stroke', '#94a3b8'); switchLine.setAttribute('stroke-width', '4');\r\n switchG.appendChild(switchLine);\r\n const switchText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n switchText.setAttribute('x', '20'); switchText.setAttribute('y', '-15'); switchText.setAttribute('fill', '#94a3b8'); switchText.setAttribute('font-size', '12'); switchText.setAttribute('text-anchor', 'middle');\r\n switchText.textContent = '\u0645\u0641\u062a\u0627\u062d';\r\n switchG.appendChild(switchText);\r\n svg.appendChild(switchG);\r\n \/\/ Resistors\r\n const resG = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'g');\r\n resG.setAttribute('transform', 'translate(200, 80)');\r\n const rectBg = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'rect');\r\n rectBg.setAttribute('x', '-60'); rectBg.setAttribute('y', '-40'); rectBg.setAttribute('width', '120'); rectBg.setAttribute('height', '80');\r\n rectBg.setAttribute('fill', '#0f172a'); rectBg.setAttribute('stroke', '#1e293b'); rectBg.setAttribute('stroke-width', '1'); rectBg.setAttribute('rx', '8');\r\n resG.appendChild(rectBg);\r\n if (connectionType === 'none') {\r\n const resistorPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n resistorPath.setAttribute('d', 'M -60 0 L -30 0 L -25 -10 L -15 10 L -5 -10 L 5 10 L 15 -10 L 25 10 L 30 0 L 60 0');\r\n resistorPath.setAttribute('fill', 'none'); resistorPath.setAttribute('stroke', isClosed ? '#60a5fa' : '#334155'); resistorPath.setAttribute('stroke-width', '4');\r\n resG.appendChild(resistorPath);\r\n const textR1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n textR1.setAttribute('x', '0'); textR1.setAttribute('y', '25'); textR1.setAttribute('fill', '#93c5fd'); textR1.setAttribute('font-size', '14'); textR1.setAttribute('text-anchor', 'middle'); textR1.setAttribute('font-weight', 'bold');\r\n textR1.textContent = `R1 = ${r1}`;\r\n resG.appendChild(textR1);\r\n } else if (connectionType === 'series') {\r\n const path1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n path1.setAttribute('d', 'M -60 0 L -45 0 L -40 -10 L -30 10 L -20 -10 L -10 10 L -5 0 L 0 0');\r\n path1.setAttribute('fill', 'none'); path1.setAttribute('stroke', isClosed ? '#60a5fa' : '#334155'); path1.setAttribute('stroke-width', '3');\r\n resG.appendChild(path1);\r\n const textR1s = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n textR1s.setAttribute('x', '-25'); textR1s.setAttribute('y', '25'); textR1s.setAttribute('fill', '#93c5fd'); textR1s.setAttribute('font-size', '12'); textR1s.setAttribute('text-anchor', 'middle');\r\n textR1s.textContent = `R1=${r1}`;\r\n resG.appendChild(textR1s);\r\n const path2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n path2.setAttribute('d', 'M 0 0 L 5 0 L 10 -10 L 20 10 L 30 -10 L 40 10 L 45 0 L 60 0');\r\n path2.setAttribute('fill', 'none'); path2.setAttribute('stroke', isClosed ? '#22d3ee' : '#334155'); path2.setAttribute('stroke-width', '3');\r\n resG.appendChild(path2);\r\n const textR2s = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n textR2s.setAttribute('x', '25'); textR2s.setAttribute('y', '25'); textR2s.setAttribute('fill', '#67e8f9'); textR2s.setAttribute('font-size', '12'); textR2s.setAttribute('text-anchor', 'middle');\r\n textR2s.textContent = `R2=${r2}`;\r\n resG.appendChild(textR2s);\r\n } else {\r\n const lineV1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineV1.setAttribute('x1', '-30'); lineV1.setAttribute('y1', '-20'); lineV1.setAttribute('x2', '-30'); lineV1.setAttribute('y2', '20');\r\n lineV1.setAttribute('stroke', isClosed ? '#94a3b8' : '#334155'); lineV1.setAttribute('stroke-width', '3');\r\n resG.appendChild(lineV1);\r\n const lineV2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineV2.setAttribute('x1', '30'); lineV2.setAttribute('y1', '-20'); lineV2.setAttribute('x2', '30'); lineV2.setAttribute('y2', '20');\r\n lineV2.setAttribute('stroke', isClosed ? '#94a3b8' : '#334155'); lineV2.setAttribute('stroke-width', '3');\r\n resG.appendChild(lineV2);\r\n const lineH1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineH1.setAttribute('x1', '-60'); lineH1.setAttribute('y1', '0'); lineH1.setAttribute('x2', '-30'); lineH1.setAttribute('y2', '0');\r\n lineH1.setAttribute('stroke', isClosed ? '#94a3b8' : '#334155'); lineH1.setAttribute('stroke-width', '3');\r\n resG.appendChild(lineH1);\r\n const lineH2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n lineH2.setAttribute('x1', '30'); lineH2.setAttribute('y1', '0'); lineH2.setAttribute('x2', '60'); lineH2.setAttribute('y2', '0');\r\n lineH2.setAttribute('stroke', isClosed ? '#94a3b8' : '#334155'); lineH2.setAttribute('stroke-width', '3');\r\n resG.appendChild(lineH2);\r\n const topG = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'g');\r\n topG.setAttribute('transform', 'translate(0, -20)');\r\n const topPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n topPath.setAttribute('d', 'M -30 0 L -20 0 L -15 -8 L -5 8 L 5 -8 L 15 8 L 20 0 L 30 0');\r\n topPath.setAttribute('fill', 'none'); topPath.setAttribute('stroke', isClosed ? '#60a5fa' : '#334155'); topPath.setAttribute('stroke-width', '3');\r\n topG.appendChild(topPath);\r\n const topText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n topText.setAttribute('x', '0'); topText.setAttribute('y', '-12'); topText.setAttribute('fill', '#93c5fd'); topText.setAttribute('font-size', '10'); topText.setAttribute('text-anchor', 'middle');\r\n topText.textContent = `R1=${r1}`;\r\n topG.appendChild(topText);\r\n resG.appendChild(topG);\r\n const botG = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'g');\r\n botG.setAttribute('transform', 'translate(0, 20)');\r\n const botPath = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n botPath.setAttribute('d', 'M -30 0 L -20 0 L -15 -8 L -5 8 L 5 -8 L 15 8 L 20 0 L 30 0');\r\n botPath.setAttribute('fill', 'none'); botPath.setAttribute('stroke', isClosed ? '#22d3ee' : '#334155'); botPath.setAttribute('stroke-width', '3');\r\n botG.appendChild(botPath);\r\n const botText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n botText.setAttribute('x', '0'); botText.setAttribute('y', '20'); botText.setAttribute('fill', '#67e8f9'); botText.setAttribute('font-size', '10'); botText.setAttribute('text-anchor', 'middle');\r\n botText.textContent = `R2=${r2}`;\r\n botG.appendChild(botText);\r\n resG.appendChild(botG);\r\n if (isClosed) {\r\n const dash1 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n dash1.setAttribute('d', 'M -30 0 L -30 -20 L 30 -20 L 30 0');\r\n dash1.setAttribute('fill', 'none'); dash1.setAttribute('stroke', '#fbbf24'); dash1.setAttribute('stroke-width', '1.5'); dash1.setAttribute('stroke-dasharray', '4 4');\r\n resG.appendChild(dash1);\r\n const dash2 = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'path');\r\n dash2.setAttribute('d', 'M -30 0 L -30 20 L 30 20 L 30 0');\r\n dash2.setAttribute('fill', 'none'); dash2.setAttribute('stroke', '#fbbf24'); dash2.setAttribute('stroke-width', '1.5'); dash2.setAttribute('stroke-dasharray', '4 4');\r\n resG.appendChild(dash2);\r\n }\r\n }\r\n const reqText = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'text');\r\n reqText.setAttribute('x', '0'); reqText.setAttribute('y', '55'); reqText.setAttribute('fill', '#cbd5e1'); reqText.setAttribute('font-size', '10'); reqText.setAttribute('text-anchor', 'middle');\r\n reqText.textContent = `R_eq = ${req.toFixed(2)} \u03a9`;\r\n resG.appendChild(reqText);\r\n svg.appendChild(resG);\r\n }\r\n function drawGraph(I, voltageDropInternal) {\r\n const canvas = document.getElementById('sim-graph-canvas');\r\n const ctx = canvas.getContext('2d');\r\n const width = canvas.width;\r\n const height = canvas.height;\r\n ctx.clearRect(0, 0, width, height);\r\n if (!isClosed || I === 0) {\r\n ctx.fillStyle = '#94a3b8';\r\n ctx.font = '12px Cairo';\r\n ctx.textAlign = 'center';\r\n ctx.fillText('\u0627\u0644\u062f\u0627\u0631\u0629 \u0645\u0641\u062a\u0648\u062d\u0629\u060c \u0644\u0627 \u064a\u0648\u062c\u062f \u062a\u064a\u0627\u0631', width\/2, height\/2);\r\n return;\r\n }\r\n const points = [];\r\n points.push({ x: 0, y: 0, label: '\u0627\u0644\u0628\u062f\u0627\u064a\u0629' });\r\n points.push({ x: 1, y: emf, label: '+\u03b5' });\r\n points.push({ x: 2, y: emf - voltageDropInternal, label: '-Ir' });\r\n points.push({ x: 3, y: emf - voltageDropInternal, label: '\u0633\u0644\u0643' });\r\n let remainingDrop = I * req;\r\n points.push({ x: 4, y: emf - voltageDropInternal - remainingDrop, label: '-IR' });\r\n points.push({ x: 5, y: 0, label: '\u0627\u0644\u0639\u0648\u062f\u0629' });\r\n const minX = 0, maxX = 5;\r\n const minY = 0, maxY = Math.max(emf, emf - voltageDropInternal) + 2;\r\n const padX = 40, padY = 20;\r\n const graphW = width - 2*padX;\r\n const graphH = height - 2*padY;\r\n function mapX(x) { return padX + (x - minX) \/ (maxX - minX) * graphW; }\r\n function mapY(y) { return height - padY - (y - minY) \/ maxY * graphH; }\r\n ctx.beginPath();\r\n ctx.moveTo(padX, mapY(0));\r\n ctx.lineTo(width-padX, mapY(0));\r\n ctx.strokeStyle = '#64748b';\r\n ctx.stroke();\r\n ctx.beginPath();\r\n for (let i = 0; i < points.length - 1; i++) {\r\n const p1 = points[i];\r\n const p2 = points[i+1];\r\n ctx.beginPath();\r\n ctx.moveTo(mapX(p1.x), mapY(p1.y));\r\n ctx.lineTo(mapX(p2.x), mapY(p2.y));\r\n ctx.strokeStyle = '#a78bfa';\r\n ctx.lineWidth = 2;\r\n ctx.stroke();\r\n }\r\n for (let i = 0; i < points.length; i++) {\r\n const p = points[i];\r\n ctx.beginPath();\r\n ctx.arc(mapX(p.x), mapY(p.y), 3, 0, 2*Math.PI);\r\n ctx.fillStyle = '#8b5cf6';\r\n ctx.fill();\r\n ctx.fillStyle = '#cbd5e1';\r\n ctx.font = '10px Cairo';\r\n ctx.fillText(p.label, mapX(p.x)+5, mapY(p.y)-5);\r\n }\r\n }\r\n function updateFromInputs() {\r\n emf = parseInt(document.getElementById('sim-emf-slider').value);\r\n r = parseFloat(document.getElementById('sim-r-slider').value);\r\n r1 = parseInt(document.getElementById('sim-r1-slider').value);\r\n const radios = document.getElementsByName('conn-type');\r\n for (let i = 0; i < radios.length; i++) {\r\n if (radios[i].checked) { connectionType = radios[i].value; break; }\r\n }\r\n const r2Container = document.getElementById('sim-r2-container');\r\n if (connectionType !== 'none') {\r\n r2Container.classList.remove('hidden');\r\n r2 = parseInt(document.getElementById('sim-r2-slider').value);\r\n } else {\r\n r2Container.classList.add('hidden');\r\n }\r\n updateReq();\r\n updateAll();\r\n }\r\n document.getElementById('sim-emf-slider').addEventListener('input', updateFromInputs);\r\n document.getElementById('sim-r-slider').addEventListener('input', updateFromInputs);\r\n document.getElementById('sim-r1-slider').addEventListener('input', updateFromInputs);\r\n const r2Slider = document.getElementById('sim-r2-slider');\r\n if (r2Slider) r2Slider.addEventListener('input', updateFromInputs);\r\n const radioButtons = document.querySelectorAll('input[name=\"conn-type\"]');\r\n radioButtons.forEach(radio => radio.addEventListener('change', updateFromInputs));\r\n document.getElementById('sim-switch').addEventListener('click', () => {\r\n isClosed = !isClosed;\r\n const btn = document.getElementById('sim-switch');\r\n if (isClosed) {\r\n btn.innerHTML = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg> \u0625\u0641\u062a\u062d \u0627\u0644\u062f\u0627\u0631\u0629';\r\n btn.classList.remove('bg-emerald-500\/20', 'text-emerald-400', 'border-emerald-500\/50');\r\n btn.classList.add('bg-rose-500\/20', 'text-rose-400', 'border-rose-500\/50');\r\n } else {\r\n btn.innerHTML = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 9.9-1\"><\/path><\/svg> \u0623\u063a\u0644\u0642 \u0627\u0644\u062f\u0627\u0631\u0629';\r\n btn.classList.remove('bg-rose-500\/20', 'text-rose-400', 'border-rose-500\/50');\r\n btn.classList.add('bg-emerald-500\/20', 'text-emerald-400', 'border-emerald-500\/50');\r\n }\r\n updateAll();\r\n });\r\n updateFromInputs();\r\n })();\r\n\r\n \/\/ ============================================\r\n \/\/ 2. \u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 (ElectricPowerSimulation)\r\n \/\/ ============================================\r\n (function() {\r\n const container = document.getElementById('power-sim');\r\n if (!container) return;\r\n\r\n const wrapper = document.createElement('div');\r\n wrapper.className = 'w-full bg-slate-900 rounded-2xl p-4 md:p-6 shadow-xl border border-slate-700\/50 flex flex-col items-center select-none my-6';\r\n wrapper.setAttribute('dir', 'rtl');\r\n wrapper.innerHTML = `\r\n <h3 class=\"text-xl font-bold text-white mb-6 border-b border-white\/10 pb-2 w-full text-center\">\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0637\u0627\u0642\u0629<\/h3>\r\n <div class=\"flex flex-col lg:flex-row w-full gap-6\">\r\n <div class=\"w-full lg:w-1\/3 bg-slate-800\/50 p-5 rounded-xl border border-slate-700 space-y-6\">\r\n <h4 class=\"text-pink-400 font-bold mb-2 border-b border-white\/5 pb-2\">\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062f\u0627\u0631\u0629<\/h4>\r\n <div><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0645\u0635\u062f\u0631 \u0627\u0644\u062c\u0647\u062f (V)<\/span><span id=\"pow-voltage\" class=\"font-mono text-cyan-300\">12 V<\/span><\/div><input id=\"pow-voltage-slider\" type=\"range\" min=\"0\" max=\"24\" step=\"1\" value=\"12\" class=\"w-full accent-cyan-500\"\/><\/div>\r\n <div><div class=\"flex justify-between text-lg text-slate-300 mb-1\"><span>\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0645\u0635\u0628\u0627\u062d (R)<\/span><span id=\"pow-resistance\" class=\"font-mono text-emerald-300\">10 \u03a9<\/span><\/div><input id=\"pow-resistance-slider\" type=\"range\" min=\"2\" max=\"50\" step=\"1\" value=\"10\" class=\"w-full accent-emerald-500\"\/><\/div>\r\n <div class=\"pt-4 border-t border-slate-700 flex justify-center\"><button id=\"pow-switch\" class=\"w-full py-3 rounded-xl font-bold transition-all duration-300 shadow-lg border flex items-center justify-center gap-2 bg-emerald-500\/20 text-emerald-400 border-emerald-500\/50 hover:bg-emerald-500\/30\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18.36 6.64A9 9 0 0 1 20 7.73\"\/><path d=\"M5.64 6.64A9 9 0 1 0 18.36 20\"\/><path d=\"M12 2v10\"\/><\/svg> \u0625\u0637\u0641\u0627\u0621 \u0627\u0644\u062f\u0627\u0631\u0629<\/button><\/div>\r\n <div class=\"bg-slate-900 border border-slate-700\/50 p-4 rounded-xl shadow-inner mt-4\"><h4 class=\"text-lg font-bold text-slate-400 mb-2 border-b border-white\/5 pb-1 text-center\">\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0641\u0648\u0631\u064a\u0629<\/h4><div class=\"flex justify-between items-center mb-2\"><span class=\"text-lg text-slate-300\">\u0627\u0644\u062a\u064a\u0627\u0631 (I)<\/span><span id=\"pow-current\" class=\"font-mono text-amber-400\">1.20 A<\/span><\/div><div class=\"flex justify-between items-center\"><span class=\"text-lg text-slate-300\">\u0627\u0644\u0642\u062f\u0631\u0629 (P)<\/span><span id=\"pow-power\" class=\"font-mono text-pink-400 text-lg font-bold\">14.4 W<\/span><\/div><\/div>\r\n <\/div>\r\n <div class=\"w-full lg:w-2\/3 flex flex-col gap-6\">\r\n <div class=\"flex flex-col md:flex-row gap-6\"><div class=\"w-full md:w-1\/2 bg-slate-950 p-6 rounded-xl border border-slate-800 flex flex-col items-center justify-center relative min-h-[250px] overflow-hidden\"><div id=\"pow-glow\" class=\"absolute w-64 h-64 rounded-full pointer-events-none transition-all duration-300\" style=\"background: radial-gradient(circle, transparent 0%, transparent 70%); opacity: 0;\"><\/div><svg id=\"pow-bulb\" class=\"w-32 h-32 relative z-10 transition-all duration-300\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#64748b\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2v1\"\/><path d=\"M12 7v1\"\/><path d=\"M22 12h-1\"\/><path d=\"M17 12h-1\"\/><path d=\"M2 12h1\"\/><path d=\"M7 12h1\"\/><path d=\"M19.07 4.93l-.7.7\"\/><path d=\"M15.54 8.46l-.7.7\"\/><path d=\"M4.93 4.93l.7.7\"\/><path d=\"M8.46 8.46l.7.7\"\/><path d=\"M12 18a6 6 0 0 0 0-12v0\"\/><path d=\"M12 18c-3.31 0-6-2.69-6-6 0-2.28 1.28-4.25 3.16-5.25\"\/><path d=\"M12 18c3.31 0 6-2.69 6-6 0-2.28-1.28-4.25-3.16-5.25\"\/><path d=\"M9 13.5l1.5-1.5 1.5 1.5\"\/><\/svg><div class=\"mt-4 text-center z-10\"><div class=\"text-white font-bold text-lg drop-shadow-md\">\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u0645\u0635\u0628\u0627\u062d<\/div><div id=\"pow-power-label\" class=\"text-pink-300 font-mono text-lg\">14.4 W<\/div><\/div><\/div>\r\n <div class=\"w-full md:w-1\/2 bg-slate-800\/80 p-5 rounded-xl border border-slate-700 flex flex-col justify-center\"><h5 class=\"text-lg font-bold text-slate-300 mb-4 border-b border-white\/5 pb-2 text-center\">\u062d\u0633\u0627\u0628 \u0627\u0644\u0642\u062f\u0631\u0629<\/h5><div class=\"space-y-4 font-mono text-lg\" dir=\"ltr\"><div class=\"flex items-center justify-between bg-black\/30 p-2 rounded border border-white\/5\"><div class=\"text-slate-400\">P = V \u00d7 I<\/div><div id=\"pow-formula1\" class=\"text-pink-300\">12 \u00d7 1.2 = 14.4 W<\/div><\/div><div class=\"flex items-center justify-between bg-black\/30 p-2 rounded border border-white\/5\"><div class=\"text-slate-400\">P = I\u00b2 \u00d7 R<\/div><div id=\"pow-formula2\" class=\"text-pink-300\">1.2\u00b2 \u00d7 10 = 14.4 W<\/div><\/div><div class=\"flex items-center justify-between bg-black\/30 p-2 rounded border border-white\/5\"><div class=\"text-slate-400\">P = V\u00b2 \/ R<\/div><div id=\"pow-formula3\" class=\"text-pink-300\">12\u00b2 \/ 10 = 14.4 W<\/div><\/div><\/div><\/div><\/div>\r\n <div class=\"w-full bg-slate-800\/80 p-4 rounded-xl border border-slate-700 flex flex-col h-56\"><h5 class=\"text-lg font-bold text-slate-300 mb-2 border-b border-white\/5 pb-1 text-center flex justify-between px-2\"><span>\u0639\u0644\u0627\u0642\u0629 \u0627\u0644\u0642\u062f\u0631\u0629 \u0628\u0627\u0644\u062c\u0647\u062f<\/span><span id=\"pow-graph-res\" class=\"text-emerald-400\">\u0639\u0646\u062f R = 10 \u03a9<\/span><\/h5><div class=\"flex-1 w-full mt-2\" dir=\"ltr\"><canvas id=\"pow-graph-canvas\" width=\"400\" height=\"160\" style=\"width:100%; height:160px; background:#0f172a; border-radius:8px;\"><\/canvas><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n container.appendChild(wrapper);\r\n\r\n let voltage = 12, resistance = 10, isOn = true;\r\n function updatePower() {\r\n const current = isOn ? voltage \/ resistance : 0;\r\n const power = isOn ? (voltage * voltage) \/ resistance : 0;\r\n document.getElementById('pow-voltage').innerText = voltage + ' V';\r\n document.getElementById('pow-resistance').innerText = resistance + ' \u03a9';\r\n document.getElementById('pow-current').innerHTML = current.toFixed(2) + ' A';\r\n document.getElementById('pow-power').innerHTML = power.toFixed(1) + ' W';\r\n document.getElementById('pow-power-label').innerHTML = power.toFixed(1) + ' W';\r\n document.getElementById('pow-formula1').innerHTML = `${voltage} \u00d7 ${current.toFixed(2)} = ${power.toFixed(1)} W`;\r\n document.getElementById('pow-formula2').innerHTML = `${current.toFixed(2)}\u00b2 \u00d7 ${resistance} = ${power.toFixed(1)} W`;\r\n document.getElementById('pow-formula3').innerHTML = `${voltage}\u00b2 \/ ${resistance} = ${power.toFixed(1)} W`;\r\n document.getElementById('pow-graph-res').innerHTML = `\u0639\u0646\u062f R = ${resistance} \u03a9`;\r\n const glowIntensity = isOn ? Math.min(1, power \/ 150) : 0;\r\n const glowDiv = document.getElementById('pow-glow');\r\n glowDiv.style.background = `radial-gradient(circle, rgba(251,191,36,${glowIntensity}) 0%, transparent 70%)`;\r\n glowDiv.style.opacity = isOn ? '0.6' : '0';\r\n const bulb = document.getElementById('pow-bulb');\r\n const brightness = isOn ? `brightness(${1 + glowIntensity * 1.5})` : 'brightness(0.5)';\r\n bulb.style.filter = brightness;\r\n if (isOn) bulb.setAttribute('stroke', '#fde68a');\r\n else bulb.setAttribute('stroke', '#64748b');\r\n drawPowerGraph();\r\n }\r\n function drawPowerGraph() {\r\n const canvas = document.getElementById('pow-graph-canvas');\r\n const ctx = canvas.getContext('2d');\r\n const width = canvas.width;\r\n const height = canvas.height;\r\n ctx.clearRect(0, 0, width, height);\r\n const data = [];\r\n for (let v = 0; v <= 24; v += 2) data.push({ v: v, p: (v * v) \/ resistance });\r\n const minV = 0, maxV = 24, minP = 0, maxP = Math.max(...data.map(d => d.p)) + 5;\r\n const padX = 40, padY = 20;\r\n const graphW = width - 2*padX;\r\n const graphH = height - 2*padY;\r\n function mapX(v) { return padX + (v - minV) \/ (maxV - minV) * graphW; }\r\n function mapY(p) { return height - padY - (p - minP) \/ maxP * graphH; }\r\n ctx.beginPath();\r\n ctx.moveTo(mapX(minV), mapY(0));\r\n ctx.lineTo(mapX(maxV), mapY(0));\r\n ctx.strokeStyle = '#64748b';\r\n ctx.stroke();\r\n ctx.beginPath();\r\n ctx.moveTo(mapX(0), mapY(minP));\r\n ctx.lineTo(mapX(0), mapY(maxP));\r\n ctx.stroke();\r\n ctx.beginPath();\r\n for (let i = 0; i < data.length; i++) {\r\n const x = mapX(data[i].v);\r\n const y = mapY(data[i].p);\r\n if (i === 0) ctx.moveTo(x, y);\r\n else ctx.lineTo(x, y);\r\n }\r\n ctx.strokeStyle = '#f472b6';\r\n ctx.lineWidth = 3;\r\n ctx.stroke();\r\n const currentX = mapX(voltage);\r\n const currentY = mapY(isOn ? (voltage*voltage)\/resistance : 0);\r\n ctx.beginPath();\r\n ctx.arc(currentX, currentY, 5, 0, 2*Math.PI);\r\n ctx.fillStyle = '#fbcfe8';\r\n ctx.fill();\r\n ctx.fillStyle = '#cbd5e1';\r\n ctx.font = '10px Cairo';\r\n ctx.fillText(`V = ${voltage} V`, currentX+5, currentY-5);\r\n }\r\n document.getElementById('pow-voltage-slider').addEventListener('input', (e) => { voltage = parseInt(e.target.value); updatePower(); });\r\n document.getElementById('pow-resistance-slider').addEventListener('input', (e) => { resistance = parseInt(e.target.value); updatePower(); });\r\n document.getElementById('pow-switch').addEventListener('click', () => {\r\n isOn = !isOn;\r\n const btn = document.getElementById('pow-switch');\r\n if (!isOn) {\r\n btn.innerHTML = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg> \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u062f\u0627\u0631\u0629';\r\n btn.classList.remove('bg-emerald-500\/20', 'text-emerald-400', 'border-emerald-500\/50');\r\n btn.classList.add('bg-rose-500\/20', 'text-rose-400', 'border-rose-500\/50');\r\n } else {\r\n btn.innerHTML = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18.36 6.64A9 9 0 0 1 20 7.73\"\/><path d=\"M5.64 6.64A9 9 0 1 0 18.36 20\"\/><path d=\"M12 2v10\"\/><\/svg> \u0625\u0637\u0641\u0627\u0621 \u0627\u0644\u062f\u0627\u0631\u0629';\r\n btn.classList.remove('bg-rose-500\/20', 'text-rose-400', 'border-rose-500\/50');\r\n btn.classList.add('bg-emerald-500\/20', 'text-emerald-400', 'border-emerald-500\/50');\r\n }\r\n updatePower();\r\n });\r\n updatePower();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","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-18746","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18746","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=18746"}],"version-history":[{"count":1,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18746\/revisions"}],"predecessor-version":[{"id":18747,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18746\/revisions\/18747"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=18746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}