{"id":18317,"date":"2026-04-16T08:54:55","date_gmt":"2026-04-16T05:54:55","guid":{"rendered":"https:\/\/smartedujo.com\/?page_id=18317"},"modified":"2026-04-16T14:46:56","modified_gmt":"2026-04-16T11:46:56","slug":"%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a1-%d9%88%d8%a7%d9%84%d8%aa%d9%83%d9%86%d9%88%d9%84%d9%88%d8%ac%d9%8a%d8%a7-%d8%b9%d8%af%d9%85-%d8%a7%d9%84%d9%8a%d9%82%d9%8a%d9%86","status":"publish","type":"page","link":"https:\/\/smartedujo.com\/ar\/%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a1-%d9%88%d8%a7%d9%84%d8%aa%d9%83%d9%86%d9%88%d9%84%d9%88%d8%ac%d9%8a%d8%a7-%d8%b9%d8%af%d9%85-%d8%a7%d9%84%d9%8a%d9%82%d9%8a%d9%86\/","title":{"rendered":"\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627: \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646"},"content":{"rendered":"\n<section class=\"codevo-theme-alloys\"><div class=\"codevo-lesson-wrap\" dir=\"rtl\"><!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\r\n  <title>\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 | \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0641\u064a \u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a<\/title>\r\n  <!-- Tailwind CSS CDN -->\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <!-- \u062e\u0637 Cairo -->\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      direction: rtl;\r\n    }\r\n    .content-container {\r\n      max-width: 96rem;\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    ::-webkit-scrollbar { width: 8px; }\r\n    ::-webkit-scrollbar-track { background: #1e1b4b; }\r\n    ::-webkit-scrollbar-thumb { background: #4f46e5; border-radius: 4px; }\r\n    ::-webkit-scrollbar-thumb:hover { background: #6366f1; }\r\n    input[type=\"range\"] {\r\n      direction: ltr;\r\n      -webkit-appearance: none;\r\n      background: #334155;\r\n      height: 4px;\r\n      border-radius: 5px;\r\n    }\r\n    input[type=\"range\"]::-webkit-slider-thumb {\r\n      -webkit-appearance: none;\r\n      height: 16px;\r\n      width: 16px;\r\n      border-radius: 50%;\r\n      background: #f59e0b;\r\n      cursor: pointer;\r\n      border: none;\r\n    }\r\n    .ltr { direction: ltr; text-align: left; }\r\n    .ltr-inline { direction: ltr; display: inline-block; }\r\n    button {\r\n      transition: all 0.2s ease;\r\n    }\r\n    \/* \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u0644\u0645\u062d\u0627\u0643\u0627\u0629 *\/\r\n    .sim-card {\r\n      background: #1e293b;\r\n      border-radius: 0.75rem;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"content-container\">\r\n  <!-- \u0631\u0623\u0633 \u0627\u0644\u0635\u0641\u062d\u0629: \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062f\u0631\u0633 + \u0645\u0639\u0644\u0645 \u0627\u0644\u0645\u0627\u062f\u0629 (\u0645\u062d\u0627\u0643\u0627\u0629 \u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0623\u0635\u0644\u064a) -->\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\u0641\u064a\u0632\u064a\u0627\u0621 \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627: \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 (Uncertainty)<\/h1>\r\n      <p class=\"text-indigo-300\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062a\u0627\u0633\u0639 \/ \u0627\u0644\u0645\u062a\u0648\u0633\u0637 \u2013 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u0633 \u0641\u064a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621<\/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      <!-- \u0645\u0634\u063a\u0644 \u0627\u0644\u0635\u0648\u062a -->\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\/04\/\u0627\u0644\u0625\u062b\u0631\u0627\u0621_\u0648\u0627\u0644\u062a\u0648\u0633\u0639__\u0639\u062f\u0645_\u0627\u0644\u064a\u0642\u064a\u0646_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\/04\/\u0627\u0644\u0625\u062b\u0631\u0627\u0621_\u0648\u0627\u0644\u062a\u0648\u0633\u0639__\u0639\u062f\u0645_\u0627\u0644\u064a\u0642\u064a\u0646_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  <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0627\u0644\u0631\u0626\u064a\u0633\u064a (\u0628\u0646\u0641\u0633 \u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0628\u0648\u064a\u0628 \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a) -->\r\n  <div class=\"space-y-6 text-right\" dir=\"rtl\">\r\n\r\n    <!-- \u0645\u0642\u062f\u0645\u0629 \u0645\u0645\u064a\u0632\u0629 \u0628\u0646\u0641\u0633 \u0646\u0645\u0637 \u0627\u0644\u062f\u0631\u0633 \u0627\u0644\u0623\u0635\u0644\u064a -->\r\n    <section>\r\n      <div class=\"bg-gradient-to-br from-amber-900 to-slate-900 p-6 rounded-2xl border border-amber-500\/30 relative overflow-hidden\">\r\n        <div class=\"absolute top-0 left-0 w-full h-full bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-10\"><\/div>\r\n        <h2 class=\"text-2xl font-bold text-white mb-3 flex items-center gap-2\"> \u0645\u0641\u0647\u0648\u0645 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0641\u064a \u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a<\/h2>\r\n        <div class=\"bg-black\/30 p-4 rounded-xl border border-amber-500\/20 backdrop-blur-sm\">\r\n          <p class=\"text-slate-200 leading-relaxed text-base\">\r\n            \u064a\u0648\u0636\u062d \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0641\u0643\u0631\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0626\u064a\u0629: <strong class=\"text-amber-300\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0642\u064a\u0627\u0633\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u062a\u0645\u0627\u0645\u064b\u0627<\/strong>\u060c \u0628\u0644 \u0647\u0646\u0627\u0643 \u062f\u0627\u0626\u0645\u064b\u0627 \u0642\u062f\u0631 \u0645\u0646 \"\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646\" \u0623\u0648 \"\u0627\u0644\u0634\u0643\" \u0645\u0631\u062a\u0628\u0637 \u0628\u0623\u064a \u0642\u0631\u0627\u0621\u0629\u060c \u062d\u062a\u0649 \u0639\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629. \u0647\u0630\u0627 \u0627\u0644\u0645\u0641\u0647\u0648\u0645 \u0647\u0648 \u062c\u0648\u0647\u0631 \u0627\u0644\u062f\u0642\u0629 \u0641\u064a \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\u0629.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0644\u0645\u0627\u0630\u0627 \u064a\u0648\u062c\u062f \u0639\u062f\u0645 \u064a\u0642\u064a\u0646\u061f -->\r\n    <section>\r\n      <h2 class=\"text-xl font-semibold text-white mb-2\">\u0623\u0648\u0644\u0627\u064b: \u0644\u0645\u0627\u0630\u0627 \u064a\u0648\u062c\u062f \u0639\u062f\u0645 \u064a\u0642\u064a\u0646\u061f<\/h2>\r\n      <div class=\"bg-slate-800\/50 p-5 rounded-lg border border-slate-700\">\r\n        <p class=\"text-base text-slate-300 leading-relaxed\">\r\n          \u062d\u062a\u0649 \u0644\u0648 \u0643\u0627\u0646 \u0627\u0644\u062c\u0647\u0627\u0632 \u0631\u0642\u0645\u064a\u064b\u0627 \u0648\u064a\u0639\u0637\u064a \u0642\u0631\u0627\u0621\u0629 \u062b\u0627\u0628\u062a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629\u060c \u0641\u0625\u0646 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0644\u0643\u0645\u064a\u0629 \u0627\u0644\u0645\u0642\u0627\u0633\u0629 \u0642\u062f \u062a\u062e\u062a\u0644\u0641 \u0642\u0644\u064a\u0644\u0627\u064b \u0639\u0646 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0639\u0631\u0648\u0636\u0629. \u0627\u0644\u0633\u0628\u0628 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0647\u0648 <strong class=\"text-amber-400\">\u062f\u0642\u0629 \u0627\u0644\u062c\u0647\u0627\u0632 (Resolution)<\/strong>\u060c \u0648\u0647\u064a \u0623\u0635\u063a\u0631 \u062a\u063a\u064a\u064a\u0631 \u064a\u0645\u0643\u0646 \u0644\u0644\u062c\u0647\u0627\u0632 \u0643\u0634\u0641\u0647 \u0623\u0648 \u0639\u0631\u0636\u0647. \u0648\u0643\u0644\u0645\u0627 \u0632\u0627\u062f \u0639\u062f\u062f \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0627\u0644\u0639\u0634\u0631\u064a\u0629\u060c \u0642\u0644 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646.\r\n        <\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0643\u064a\u0641 \u0646\u062d\u0633\u0628 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646\u061f + \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 -->\r\n    <section>\r\n      <h2 class=\"text-xl font-semibold text-white mb-2\">\u062b\u0627\u0646\u064a\u0627\u064b: \u0643\u064a\u0641 \u0646\u062d\u0633\u0628 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646\u061f (\u0642\u0627\u0639\u062f\u0629 \u0646\u0635\u0641 \u0627\u0644\u062a\u062f\u0631\u064a\u062c)<\/h2>\r\n      <div class=\"bg-indigo-900\/20 p-5 rounded-lg border border-indigo-500\/30 mb-5\">\r\n        <div class=\"text-center mb-4\">\r\n          <div class=\"inline-block bg-black\/40 px-6 py-2 rounded-full text-amber-300 font-bold text-lg\">\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 = \u00bd \u00d7 \u0642\u064a\u0645\u0629 \u0623\u0635\u063a\u0631 \u062a\u062f\u0631\u064a\u062c (\u0627\u0644\u062f\u0642\u0629)<\/div>\r\n        <\/div>\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5 mt-4\">\r\n          <div class=\"bg-black\/30 p-4 rounded-xl border border-white\/10\">\r\n            <h4 class=\"font-bold text-amber-400 mb-2\"> \u0645\u062b\u0627\u0644 1: \u0645\u0646\u0632\u0644\u0629 \u0639\u0634\u0631\u064a\u0629 \u0648\u0627\u062d\u062f\u0629<\/h4>\r\n            <p class=\"text-slate-300 mb-2\">\u062c\u0647\u0627\u0632 \u0641\u0648\u0644\u062a\u0645\u064a\u062a\u0631 \u0631\u0642\u0645\u064a \u064a\u0639\u0631\u0636 <span class=\"font-mono text-white bg-slate-800 px-2 py-0.5 rounded\">23.2 V<\/span>.<\/p>\r\n            <ul class=\"list-disc list-inside text-slate-400 space-y-1 text-base\">\r\n              <li>\u0627\u0644\u062f\u0642\u0629 = <span class=\"font-mono text-white\">0.1 V<\/span><\/li>\r\n              <li>\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 = <span class=\"font-mono text-white\">0.1 \/ 2 = 0.05 V<\/span><\/li>\r\n              <li>\u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629: <span class=\"font-mono text-white dir-ltr inline-block bg-slate-800 px-2 py-0.5 rounded\">V = 23.20 \u00b1 0.05 V<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"bg-black\/30 p-4 rounded-xl border border-white\/10\">\r\n            <h4 class=\"font-bold text-amber-400 mb-2\"> \u0645\u062b\u0627\u0644 2: \u0645\u0646\u0632\u0644\u062a\u064a\u0646 \u0639\u0634\u0631\u064a\u062a\u064a\u0646<\/h4>\r\n            <p class=\"text-slate-300 mb-2\">\u062c\u0647\u0627\u0632 \u0622\u062e\u0631 \u064a\u0639\u0631\u0636 <span class=\"font-mono text-white bg-slate-800 px-2 py-0.5 rounded\">1.20 V<\/span>.<\/p>\r\n            <ul class=\"list-disc list-inside text-slate-400 space-y-1 text-base\">\r\n              <li>\u0627\u0644\u062f\u0642\u0629 = <span class=\"font-mono text-white\">0.01 V<\/span><\/li>\r\n              <li>\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 = <span class=\"font-mono text-white\">0.01 \/ 2 = 0.005 V<\/span><\/li>\r\n              <li>\u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629: <span class=\"font-mono text-white dir-ltr inline-block bg-slate-800 px-2 py-0.5 rounded\">V = 1.200 \u00b1 0.005 V<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u0645\u062d\u0627\u0643\u0627\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 (\u0628\u0646\u0641\u0633 \u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0623\u0635\u0644\u064a) -->\r\n      <div id=\"uncertaintySimulation\" class=\"bg-slate-900 rounded-xl p-6 border border-slate-700 my-6\" dir=\"rtl\">\r\n        <h3 class=\"text-xl font-bold text-amber-400 mb-4 flex items-center gap-2\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\r\n          <\/svg>\r\n          \u0645\u062d\u0627\u0643\u0627\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629: \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0641\u064a \u0627\u0644\u0642\u064a\u0627\u0633 \u0627\u0644\u0631\u0642\u0645\u064a\r\n        <\/h3>\r\n        <div class=\"flex flex-col lg:flex-row gap-6 mb-4\">\r\n          <div class=\"flex-1 bg-slate-800 p-5 rounded-xl border border-slate-600\">\r\n            <div class=\"flex flex-wrap justify-between items-center gap-3 mb-5\">\r\n              <span class=\"text-white font-bold\">\u0627\u062e\u062a\u0631 \u062f\u0642\u0629 \u0627\u0644\u062c\u0647\u0627\u0632:<\/span>\r\n              <div class=\"flex gap-2\">\r\n                <button data-res=\"0.1\" data-default-val=\"23.2\" class=\"res-btn px-4 py-2 rounded-lg font-bold transition-colors bg-amber-600 text-white shadow-md\">\u062f\u0642\u0629 0.1<\/button>\r\n                <button data-res=\"0.01\" data-default-val=\"1.20\" class=\"res-btn px-4 py-2 rounded-lg font-bold transition-colors bg-slate-700 text-slate-200 hover:bg-slate-600\">\u062f\u0642\u0629 0.01<\/button>\r\n                <button data-res=\"0.001\" data-default-val=\"5.432\" class=\"res-btn px-4 py-2 rounded-lg font-bold transition-colors bg-slate-700 text-slate-200 hover:bg-slate-600\">\u062f\u0642\u0629 0.001<\/button>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"flex flex-col items-center justify-center bg-black\/40 p-4 rounded-xl\">\r\n              <div class=\"text-slate-400 text-sm mb-2\">\u0634\u0627\u0634\u0629 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0631\u0642\u0645\u064a<\/div>\r\n              <div class=\"bg-black p-6 rounded-xl border-2 border-slate-600 w-full flex items-center justify-center gap-2 shadow-inner\">\r\n                <span id=\"displayValue\" class=\"text-5xl font-mono text-amber-400 tracking-widest\">23.20<\/span>\r\n                <span class=\"text-2xl text-amber-500 font-bold\">V<\/span>\r\n              <\/div>\r\n              <div class=\"mt-5 w-full space-y-3\">\r\n                <div class=\"flex justify-between text-slate-300 text-sm\">\r\n                  <span>\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0639\u0631\u0648\u0636\u0629:<\/span>\r\n                  <span id=\"sliderValueLabel\" class=\"text-white font-mono\">23.20<\/span>\r\n                <\/div>\r\n                <input type=\"range\" id=\"valueSlider\" min=\"0\" max=\"50\" step=\"0.1\" value=\"23.2\" class=\"w-full accent-amber-500\">\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"flex-1 space-y-5\">\r\n            <div class=\"bg-amber-900\/20 p-5 rounded-xl border border-amber-500\/30\">\r\n              <h4 class=\"text-amber-400 font-bold mb-2 flex items-center gap-1\"> \u062d\u0633\u0627\u0628 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646<\/h4>\r\n              <div class=\"space-y-2 text-slate-300 text-base\">\r\n                <p>\u0623\u0635\u063a\u0631 \u062a\u062f\u0631\u064a\u062c (\u0627\u0644\u062f\u0642\u0629) = <span id=\"resolutionValue\" class=\"text-white font-mono font-bold\">0.1<\/span><\/p>\r\n                <p>\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 = \u0627\u0644\u062f\u0642\u0629 \u00f7 2<\/p>\r\n                <p>\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 = <span id=\"uncertaintyValue\" class=\"text-white font-mono font-bold\">0.1 \/ 2 = 0.05<\/span><\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bg-indigo-900\/20 p-5 rounded-xl border border-indigo-500\/30\">\r\n              <h4 class=\"text-indigo-300 font-bold mb-2\"> \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0642\u064a\u0627\u0633 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 (\u062d\u0633\u0628 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629):<\/h4>\r\n              <div class=\"bg-black\/50 p-3 rounded-lg font-mono text-center text-lg text-white dir-ltr\" id=\"properNotation\">\r\n                V = 23.20 \u00b1 0.05 V\r\n              <\/div>\r\n              <p class=\"text-slate-400 text-sm mt-2 text-center\">(\u0646\u0636\u064a\u0641 \u0645\u0646\u0632\u0644\u0629 \u0639\u0634\u0631\u064a\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u0644\u0642\u064a\u0645\u0629 \u0644\u062a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u062f\u0642\u0629 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646)<\/p>\r\n            <\/div>\r\n            <div class=\"bg-slate-800\/70 p-4 rounded-xl border border-slate-600\">\r\n              <h4 class=\"text-slate-300 font-bold mb-2\"> \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0644\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629:<\/h4>\r\n              <div class=\"flex justify-between items-center\">\r\n                <div class=\"text-center\">\r\n                  <div id=\"minRange\" class=\"text-rose-400 font-bold text-lg\">23.15<\/div>\r\n                  <div class=\"text-slate-500 text-xs\">\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649<\/div>\r\n                <\/div>\r\n                <div class=\"h-px bg-slate-600 flex-1 mx-3 relative\">\r\n                  <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-2 h-2 bg-amber-500 rounded-full\"><\/div>\r\n                <\/div>\r\n                <div class=\"text-center\">\r\n                  <div id=\"maxRange\" class=\"text-emerald-400 font-bold text-lg\">23.25<\/div>\r\n                  <div class=\"text-slate-500 text-xs\">\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0628\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0642\u064a\u0627\u0633 (\u0628\u0646\u0641\u0633 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0648\u0627\u0644\u0645\u0631\u0628\u0639\u0627\u062a) -->\r\n    <section>\r\n      <h2 class=\"text-xl font-semibold text-white mb-2\">\u062b\u0627\u0644\u062b\u0627\u064b: \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0628\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0642\u064a\u0627\u0633 (\u0639\u0634\u0648\u0627\u0626\u064a\u0629 \u0648\u0645\u0646\u062a\u0638\u0645\u0629)<\/h2>\r\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\r\n        <div class=\"bg-rose-900\/20 p-5 rounded-xl border border-rose-500\/30\">\r\n          <h3 class=\"font-bold text-rose-300 mb-2 text-lg\"> \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0639\u0634\u0648\u0627\u0626\u064a\u0629<\/h3>\r\n          <p class=\"text-slate-300 leading-relaxed\">\u062a\u062a\u063a\u064a\u0631 \u0628\u0634\u0643\u0644 \u063a\u064a\u0631 \u0645\u0646\u062a\u0638\u0645 \u0639\u0646\u062f \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0642\u064a\u0627\u0633 (\u0645\u062b\u0644 \u0627\u062e\u062a\u0644\u0627\u0641 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0634\u062e\u0635 \u0644\u0644\u0642\u0631\u0627\u0621\u0629). \u064a\u0645\u0643\u0646 \u062a\u0642\u0644\u064a\u0644 \u062a\u0623\u062b\u064a\u0631\u0647\u0627 \u0628\u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a \u0648\u062d\u0633\u0627\u0628 \u0627\u0644\u0648\u0633\u0637 \u0627\u0644\u062d\u0633\u0627\u0628\u064a.<\/p>\r\n        <\/div>\r\n        <div class=\"bg-rose-900\/20 p-5 rounded-xl border border-rose-500\/30\">\r\n          <h3 class=\"font-bold text-rose-300 mb-2 text-lg\"> \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629<\/h3>\r\n          <p class=\"text-slate-300 leading-relaxed\">\u062a\u0646\u062d\u0627\u0632 \u0641\u064a \u0627\u062a\u062c\u0627\u0647 \u0648\u0627\u062d\u062f (\u0645\u062b\u0644 \u062c\u0647\u0627\u0632 \u063a\u064a\u0631 \u0645\u0639\u0627\u064a\u0631). \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0644\u0627 \u064a\u0639\u0627\u0644\u062c \u0647\u0630\u0627 \u0627\u0644\u0646\u0648\u0639\u060c \u0628\u0644 \u064a\u064f\u0643\u062a\u0634\u0641 \u0628\u0645\u0639\u0627\u064a\u0631\u0629 \u0627\u0644\u062c\u0647\u0627\u0632 \u0623\u0648 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0637\u0631\u064a\u0642\u0629 \u0642\u064a\u0627\u0633 \u0623\u062e\u0631\u0649.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a: \u0643\u064a\u0641\u064a\u0629 \u062d\u0633\u0627\u0628 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0644\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a -->\r\n    <section>\r\n      <h2 class=\"text-xl font-semibold text-white mb-2\">\u0631\u0627\u0628\u0639\u0627\u064b: \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a \u0648\u062d\u0633\u0627\u0628 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646<\/h2>\r\n      <div class=\"bg-emerald-900\/20 p-5 rounded-xl border border-emerald-500\/30\">\r\n        <p class=\"text-slate-300 mb-4\">\u0639\u0646\u062f \u0627\u0644\u0642\u064a\u0627\u0645 \u0628\u0639\u062f\u0629 \u0642\u064a\u0627\u0633\u0627\u062a \u0644\u0646\u0641\u0633 \u0627\u0644\u0643\u0645\u064a\u0629\u060c \u0646\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0648\u0633\u0637 \u0627\u0644\u062d\u0633\u0627\u0628\u064a \u0648\u0646\u0635\u0641 \u0627\u0644\u0645\u062f\u0649 \u0644\u062a\u0642\u062f\u064a\u0631 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646:<\/p>\r\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\r\n          <div class=\"bg-black\/30 p-4 rounded-lg\">\r\n            <p class=\"text-white font-bold mb-1\">1. \u0627\u0644\u0648\u0633\u0637 \u0627\u0644\u062d\u0633\u0627\u0628\u064a:<\/p>\r\n            <p class=\"text-slate-400 text-base\">\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a \u00f7 \u0639\u062f\u062f\u0647\u0627.<\/p>\r\n          <\/div>\r\n          <div class=\"bg-black\/30 p-4 rounded-lg\">\r\n            <p class=\"text-white font-bold mb-1\">2. \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 (\u0646\u0635\u0641 \u0627\u0644\u0645\u062f\u0649):<\/p>\r\n            <p class=\"text-slate-400 text-base\">(\u0623\u0643\u0628\u0631 \u0642\u0631\u0627\u0621\u0629 \u2013 \u0623\u0635\u063a\u0631 \u0642\u0631\u0627\u0621\u0629) \u00f7 2<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mt-5 p-4 bg-emerald-500\/10 rounded-xl border border-emerald-500\/20\">\r\n          <p class=\"text-emerald-200 text-base italic\"> \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a: \u0642\u064a\u0627\u0633\u0627\u062a (1.20, 1.21, 1.19, 1.20) V \u2192 \u0627\u0644\u0648\u0633\u0637 = 1.20 V \u060c \u0627\u0644\u0645\u062f\u0649 = 0.02 V \u060c \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u2248 0.01 V \u060c \u0648\u062a\u0643\u062a\u0628 \u0627\u0644\u0646\u062a\u064a\u062c\u0629: <span class=\"font-mono bg-black\/40 px-2 py-0.5 rounded\">1.20 \u00b1 0.01 V<\/span><\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629 -->\r\n    <section>\r\n      <h2 class=\"text-xl font-semibold text-white mb-2\">\u062e\u0627\u0645\u0633\u0627\u064b: \u0644\u0645\u0627\u0630\u0627 \u064a\u0647\u0645\u0646\u0627 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0641\u064a \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u0629\u061f<\/h2>\r\n      <div class=\"bg-slate-800\/50 p-5 rounded-xl border border-slate-700\">\r\n        <ul class=\"list-disc list-inside text-slate-300 space-y-2 text-base\">\r\n          <li>\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0648\u0627\u0626\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062a\u0641\u0627\u0648\u062a\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u0633 (Tolerance).<\/li>\r\n          <li>\u0641\u064a \u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0648\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621\u060c \u062a\u0648\u062b\u064a\u0642 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u064a\u0639\u0637\u064a \u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0644\u0644\u0646\u062a\u0627\u0626\u062c.<\/li>\r\n          <li>\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 (\u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\u060c \u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a\u060c \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0637\u0628\u064a\u0629) \u062a\u062d\u062f\u062f \u0647\u0627\u0645\u0634 \u0627\u0644\u062e\u0637\u0623 \u0627\u0644\u0645\u0633\u0645\u0648\u062d \u0628\u0647.<\/li>\r\n          <li>\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0627\u0633\u062a\u0634\u0639\u0627\u0631 \u0641\u064a \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0645\u0639\u0627\u0644\u062c\u0629 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u062f\u0642\u064a\u0642\u0629.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0623\u0633\u0626\u0644\u0629 \u0648\u062a\u062f\u0631\u064a\u0628\u0627\u062a \u0645\u0633\u062a\u0648\u062d\u0627\u0629 \u0645\u0646 \u0627\u0644\u0643\u062a\u0627\u0628 \u0627\u0644\u0645\u062f\u0631\u0633\u064a (\u0628\u0646\u0641\u0633 \u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0623\u0648\u0644) -->\r\n    <section>\r\n      <h2 class=\"text-xl font-semibold text-white mb-2\">\u0633\u0627\u062f\u0633\u0627\u064b: \u062a\u062f\u0631\u064a\u0628\u0627\u062a \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u0646 \u0627\u0644\u0645\u0646\u0647\u0627\u062c<\/h2>\r\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\r\n        <div class=\"bg-indigo-900\/30 p-5 rounded-xl border border-indigo-500\/30\">\r\n          <div class=\"flex items-center gap-2 mb-3\">\r\n            <svg class=\"h-5 w-5 text-indigo-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\r\n            <h3 class=\"font-bold text-indigo-300 text-lg\">\u0627\u0644\u0633\u0624\u0627\u0644 1<\/h3>\r\n          <\/div>\r\n          <p class=\"text-indigo-100\/90 mb-3\">\u062c\u0647\u0627\u0632 \u0631\u0642\u0645\u064a \u0644\u0642\u064a\u0627\u0633 \u0627\u0644\u062a\u064a\u0627\u0631 \u062f\u0642\u062a\u0647 0.01 A \u0648\u064a\u0639\u0631\u0636 2.35 A. \u0643\u0645 \u062a\u0633\u0627\u0648\u064a \u0627\u0644\u0642\u064a\u0645\u0629 \u0645\u0639 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646\u061f<\/p>\r\n          <div class=\"bg-black\/40 p-3 rounded-lg text-emerald-300 font-mono\">I = 2.350 \u00b1 0.005 A<\/div>\r\n        <\/div>\r\n        <div class=\"bg-indigo-900\/30 p-5 rounded-xl border border-indigo-500\/30\">\r\n          <div class=\"flex items-center gap-2 mb-3\">\r\n            <svg class=\"h-5 w-5 text-indigo-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\r\n            <h3 class=\"font-bold text-indigo-300 text-lg\">\u0627\u0644\u0633\u0624\u0627\u0644 2<\/h3>\r\n          <\/div>\r\n          <p class=\"text-indigo-100\/90 mb-3\">\u0642\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0632\u0645\u0646 (\u0628\u0648\u0627\u0633\u0637\u0629 \u0633\u0627\u0639\u0629 \u0631\u0642\u0645\u064a\u0629 \u062f\u0642\u062a\u0647\u0627 0.01 s): 5.12 s , 5.14 s , 5.11 s . \u0627\u062d\u0633\u0628 \u0627\u0644\u0648\u0633\u0637 \u0648\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646.<\/p>\r\n          <div class=\"bg-black\/40 p-3 rounded-lg text-emerald-300\">\u0627\u0644\u0648\u0633\u0637 = 5.123 s \u060c \u0646\u0635\u0641 \u0627\u0644\u0645\u062f\u0649 \u2248 0.015 s \u2192 \u0627\u0644\u0646\u062a\u064a\u062c\u0629: 5.123 \u00b1 0.015 s<\/div>\r\n        <\/div>\r\n        <div class=\"bg-indigo-900\/30 p-5 rounded-xl border border-indigo-500\/30\">\r\n          <div class=\"flex items-center gap-2 mb-3\">\r\n            <svg class=\"h-5 w-5 text-indigo-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\r\n            <h3 class=\"font-bold text-indigo-300 text-lg\">\u0627\u0644\u0633\u0624\u0627\u0644 3<\/h3>\r\n          <\/div>\r\n          <p class=\"text-indigo-100\/90 mb-3\">\u0639\u0644\u0644: \u0646\u0636\u064a\u0641 \u062f\u0627\u0626\u0645\u064b\u0627 \u0645\u0646\u0632\u0644\u0629 \u0639\u0634\u0631\u064a\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u0644\u0642\u064a\u0645\u0629 \u0639\u0646\u062f \u0643\u062a\u0627\u0628\u062a\u0647\u0627 \u0645\u0639 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646.<\/p>\r\n          <div class=\"bg-black\/40 p-3 rounded-lg text-emerald-300\">\u0644\u062c\u0639\u0644 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0648\u0627\u0644\u0642\u064a\u0645\u0629 \u0639\u0644\u0649 \u0646\u0641\u0633 \u0639\u062f\u062f \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0627\u0644\u0639\u0634\u0631\u064a\u0629 \u0623\u0648 \u062f\u0642\u0629 \u0623\u0639\u0644\u0649\u060c \u0648\u0627\u0644\u062a\u0639\u0628\u064a\u0631 \u0627\u0644\u0635\u062d\u064a\u062d \u0639\u0646 \u0627\u0644\u062f\u0642\u0629.<\/div>\r\n        <\/div>\r\n        <div class=\"bg-indigo-900\/30 p-5 rounded-xl border border-indigo-500\/30\">\r\n          <div class=\"flex items-center gap-2 mb-3\">\r\n            <svg class=\"h-5 w-5 text-indigo-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\r\n            <h3 class=\"font-bold text-indigo-300 text-lg\">\u0627\u0644\u0633\u0624\u0627\u0644 4<\/h3>\r\n          <\/div>\r\n          <p class=\"text-indigo-100\/90 mb-3\">\u0647\u0644 \u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062e\u0644\u0635 \u0645\u0646 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062c\u0647\u0632\u0629 \u0631\u0642\u0645\u064a\u0629 \u0641\u0627\u0626\u0642\u0629 \u0627\u0644\u062f\u0642\u0629\u061f<\/p>\r\n          <div class=\"bg-black\/40 p-3 rounded-lg text-emerald-300\">\u0644\u0627\u060c \u0623\u064a \u062c\u0647\u0627\u0632 \u0644\u0647 \u062f\u0642\u0629 \u0645\u062d\u062f\u0648\u062f\u0629\u060c \u0644\u0643\u0646 \u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u062a\u0642\u0644\u0644 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0648\u0644\u0643\u0646 \u0644\u0627 \u062a\u0632\u064a\u0644\u0647 \u0646\u0647\u0627\u0626\u064a\u0627\u064b.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u0645\u0644\u062e\u0635 \u0627\u0644\u062f\u0631\u0633 (\u062c\u062f\u0648\u0644 \u0628\u0646\u0641\u0633 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0623\u0635\u0644\u064a) -->\r\n    <section>\r\n      <h2 class=\"text-xl font-semibold text-white mb-2\">\u0633\u0627\u0628\u0639\u0627\u064b: \u0645\u0644\u062e\u0635 \u0627\u0644\u062f\u0631\u0633 (\u062c\u062f\u0648\u0644 \u0645\u0641\u0627\u0647\u064a\u0645\u064a)<\/h2>\r\n      <div class=\"overflow-x-auto bg-white\/20 rounded-lg border border-white\/10 mb-5\">\r\n        <table class=\"w-full text-base text-right text-slate-300\">\r\n          <thead class=\"bg-white\/10 text-lg\">\r\n            <tr><th class=\"px-4 py-3\">\u0627\u0644\u0645\u0641\u0647\u0648\u0645<\/th><th class=\"px-4 py-3\">\u0627\u0644\u062e\u0644\u0627\u0635\u0629<\/th><\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 (Uncertainty)<\/td><td class=\"px-4 py-3\">\u062a\u0642\u062f\u064a\u0631 \u0644\u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u062a\u0628\u0627\u064a\u0646 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0641\u064a \u0627\u0644\u0642\u064a\u0627\u0633 \u0628\u0633\u0628\u0628 \u062f\u0642\u0629 \u0627\u0644\u062c\u0647\u0627\u0632.<\/td><\/tr>\r\n            <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u062d\u0633\u0627\u0628 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 (\u062c\u0647\u0627\u0632 \u0631\u0642\u0645\u064a)<\/td><td class=\"px-4 py-3\">\u0646\u0635\u0641 \u0642\u064a\u0645\u0629 \u0623\u0635\u063a\u0631 \u062a\u062f\u0631\u064a\u062c (\u0627\u0644\u062f\u0642\u0629).<\/td><\/tr>\r\n            <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/td><td class=\"px-4 py-3\">\u0627\u0644\u0642\u064a\u0645\u0629 \u00b1 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 (\u0628\u0646\u0641\u0633 \u0639\u062f\u062f \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0627\u0644\u0639\u0634\u0631\u064a\u0629).<\/td><\/tr>\r\n            <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a<\/td><td class=\"px-4 py-3\">\u0646\u062d\u0633\u0628 \u0627\u0644\u0648\u0633\u0637 \u0648\u0646\u0635\u0641 \u0627\u0644\u0645\u062f\u0649 \u0644\u062a\u0642\u062f\u064a\u0631 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646.<\/td><\/tr>\r\n            <tr><td class=\"px-4 py-3 font-bold text-amber-400\">\u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u062e\u0637\u0623 \u0648\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646<\/td><td class=\"px-4 py-3\">\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0644\u064a\u0633 \u062e\u0637\u0623\u064b\u060c \u0628\u0644 \u062a\u0639\u0628\u064a\u0631 \u0639\u0646 \u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u0645\u062d\u062f\u0648\u062f\u0629 \u0644\u0623\u064a \u0642\u064a\u0627\u0633.<\/td><\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n      <div class=\"bg-slate-800\/50 p-4 rounded-lg border border-slate-700\">\r\n        <h3 class=\"font-bold text-amber-300 mb-2\"> \u062e\u0644\u0627\u0635\u0629 \u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u062a\u0639\u0644\u0645<\/h3>\r\n        <ul class=\"list-disc list-inside text-slate-300 space-y-1\">\r\n          <li>\u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u062c\u0632\u0621 \u0623\u0633\u0627\u0633\u064a \u0645\u0646 \u0623\u064a \u0642\u064a\u0627\u0633 \u0641\u064a\u0632\u064a\u0627\u0626\u064a\u060c \u0648\u064a\u062a\u0639\u0644\u0642 \u0628\u062f\u0642\u0629 \u0627\u0644\u062c\u0647\u0627\u0632.<\/li>\r\n          <li>\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0630\u0627\u062a \u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 (\u0645\u0646\u0627\u0632\u0644 \u0639\u0634\u0631\u064a\u0629 \u0623\u0643\u062b\u0631) \u062a\u0639\u0637\u064a \u0639\u062f\u0645 \u064a\u0642\u064a\u0646 \u0623\u0635\u063a\u0631.<\/li>\r\n          <li>\u0641\u064a \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0639\u0645\u0644\u064a\u0629\u060c \u064a\u062c\u0628 \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0642\u064a\u0627\u0633\u0627\u062a \u0645\u0639 \u0639\u062f\u0645 \u0627\u0644\u064a\u0642\u064a\u0646 \u0627\u0644\u0645\u0646\u0627\u0633\u0628.<\/li>\r\n          <li>\u0647\u0630\u0627 \u0627\u0644\u0645\u0641\u0647\u0648\u0645 \u064a\u0631\u0628\u0637 \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0628\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629.<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    \/\/ \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u062d\u0627\u0643\u0627\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 (\u0628\u0646\u0641\u0633 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0646\u0633\u064a\u0642)\r\n    const resolutionBtns = document.querySelectorAll('.res-btn');\r\n    const displaySpan = document.getElementById('displayValue');\r\n    const slider = document.getElementById('valueSlider');\r\n    const sliderLabel = document.getElementById('sliderValueLabel');\r\n    const resolutionSpan = document.getElementById('resolutionValue');\r\n    const uncertaintySpan = document.getElementById('uncertaintyValue');\r\n    const properNotationDiv = document.getElementById('properNotation');\r\n    const minRangeSpan = document.getElementById('minRange');\r\n    const maxRangeSpan = document.getElementById('maxRange');\r\n    \r\n    let currentResolution = 0.1;\r\n    let currentValue = 23.2;\r\n    \r\n    function getDecimalPlaces(res) {\r\n      const str = res.toString();\r\n      if (str.includes('.')) return str.split('.')[1].length;\r\n      return 0;\r\n    }\r\n    \r\n    function updateAll() {\r\n      const decimals = getDecimalPlaces(currentResolution);\r\n      const uncertainty = currentResolution \/ 2;\r\n      const uncertaintyDecimals = getDecimalPlaces(uncertainty);\r\n      \r\n      const formattedValue = currentValue.toFixed(decimals);\r\n      displaySpan.innerText = formattedValue;\r\n      sliderLabel.innerText = formattedValue;\r\n      \r\n      slider.min = (currentValue - 1).toFixed(decimals);\r\n      slider.max = (currentValue + 1).toFixed(decimals);\r\n      slider.step = currentResolution;\r\n      slider.value = currentValue;\r\n      \r\n      resolutionSpan.innerText = currentResolution;\r\n      uncertaintySpan.innerText = `${currentResolution} \/ 2 = ${uncertainty.toFixed(uncertaintyDecimals)}`;\r\n      \r\n      const extraDecimal = decimals + 1;\r\n      const valueWithExtra = currentValue.toFixed(extraDecimal);\r\n      const uncertaintyFormatted = uncertainty.toFixed(extraDecimal);\r\n      properNotationDiv.innerText = `V = ${valueWithExtra} \u00b1 ${uncertaintyFormatted} V`;\r\n      \r\n      const minVal = currentValue - uncertainty;\r\n      const maxVal = currentValue + uncertainty;\r\n      minRangeSpan.innerText = minVal.toFixed(extraDecimal);\r\n      maxRangeSpan.innerText = maxVal.toFixed(extraDecimal);\r\n    }\r\n    \r\n    function setResolution(res, defaultVal) {\r\n      currentResolution = res;\r\n      currentValue = defaultVal;\r\n      updateAll();\r\n      \r\n      resolutionBtns.forEach(btn => {\r\n        const btnRes = parseFloat(btn.getAttribute('data-res'));\r\n        if (btnRes === res) {\r\n          btn.classList.remove('bg-slate-700', 'text-slate-200', 'hover:bg-slate-600');\r\n          btn.classList.add('bg-amber-600', 'text-white');\r\n        } else {\r\n          btn.classList.remove('bg-amber-600', 'text-white');\r\n          btn.classList.add('bg-slate-700', 'text-slate-200', 'hover:bg-slate-600');\r\n        }\r\n      });\r\n    }\r\n    \r\n    resolutionBtns.forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        const res = parseFloat(btn.getAttribute('data-res'));\r\n        const defaultVal = parseFloat(btn.getAttribute('data-default-val'));\r\n        setResolution(res, defaultVal);\r\n      });\r\n    });\r\n    \r\n    slider.addEventListener('input', (e) => {\r\n      let val = parseFloat(e.target.value);\r\n      const step = currentResolution;\r\n      const rounded = Math.round(val \/ step) * step;\r\n      currentValue = parseFloat(rounded.toFixed(getDecimalPlaces(step)));\r\n      updateAll();\r\n    });\r\n    \r\n    setResolution(0.1, 23.2);\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-18317","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18317","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=18317"}],"version-history":[{"count":1,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18317\/revisions"}],"predecessor-version":[{"id":18318,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/18317\/revisions\/18318"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=18317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}