CINXE.COM
Теория вероятности и математическая статистика — Студопедия
<!doctype html><html lang="ru"><head><meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"> <title>Теория вероятности и математическая статистика — Студопедия</title> <link rel="icon" href="/logo.ico" type="image/x-icon"> <link rel="shortcut icon" href="/logo.ico" type="image/x-icon"> <link href="/main.7b8a0bfacad96aaf0b8c.css" rel="stylesheet"> <style> .red{color:#FF0000; font-weight: bold;} .green{color:#007F00; font-weight: bold;} </style> </head> <body> <nav> <div class="logo"> <a href="https://studopedia.ru/" class="logo-inner-wrapper"> <img src="/static/logo.svg" alt="" /> Студопедия </a> </div> <div class="collapse-menu closed"> <div class="link"> <a href="#">Категории</a> <div class="dropdown-menu" id="categories"> <div class="dmit"><a href='/cat/Avto/'>Авто</a></div> <div class="dmit"><a href='/cat/Avtomatizatsiya/'>Автоматизация</a></div> <div class="dmit"><a href='/cat/Arkhitektura/'>Архитектура</a></div> <div class="dmit"><a href='/cat/Astronomia/'>Астрономия</a></div> <div class="dmit"><a href='/cat/Audit/'>Аудит</a></div> <div class="dmit"><a href='/cat/Biologia/'>Биология</a></div> <div class="dmit"><a href='/cat/Bukhgalteriya/'>Бухгалтерия</a></div> <div class="dmit"><a href='/cat/Voennoe_delo/'>Военное дело</a></div> <div class="dmit"><a href='/cat/Genetika/'>Генетика</a></div> <div class="dmit"><a href='/cat/Geografiya/'>География</a></div> <div class="dmit"><a href='/cat/Geologiya/'>Геология</a></div> <div class="dmit"><a href='/cat/Gosudarstvo/'>Государство</a></div> <div class="dmit"><a href='/cat/Dom/'>Дом</a></div> <div class="dmit"><a href='/cat/SMI/'>Журналистика и СМИ</a></div> <div class="dmit"><a href='/cat/Izobretatelstvo/'>Изобретательство</a></div> <div class="dmit"><a href='/cat/Yazyki/'>Иностранные языки</a></div> <div class="dmit"><a href='/cat/Informatika/'>Информатика</a></div> <div class="dmit"><a href='/cat/Iskusstvo/'>Искусство</a></div> <div class="dmit"><a href='/cat/Istoria/'>История</a></div> <div class="dmit"><a href='/cat/Computer/'>Компьютеры</a></div> <div class="dmit"><a href='/cat/Kulinariya/'>Кулинария</a></div> <div class="dmit"><a href='/cat/Kultura/'>Культура</a></div> <div class="dmit"><a href='/cat/Leksikologiya/'>Лексикология</a></div> <div class="dmit"><a href='/cat/Literatura/'>Литература</a></div> <div class="dmit"><a href='/cat/Logika/'>Логика</a></div> <div class="dmit"><a href='/cat/Marketing/'>Маркетинг</a></div> <div class="dmit"><a href='/cat/Matematika/'>Математика</a></div> <div class="dmit"><a href='/cat/Mashinostroenie/'>Машиностроение</a></div> <div class="dmit"><a href='/cat/Meditsina/'>Медицина</a></div> <div class="dmit"><a href='/cat/Menedzhment/'>Менеджмент</a></div> <div class="dmit"><a href='/cat/Metally-Svarka/'>Металлы и Сварка</a></div> <div class="dmit"><a href='/cat/Mekhanika/'>Механика</a></div> <div class="dmit"><a href='/cat/Muzyka/'>Музыка</a></div> <div class="dmit"><a href='/cat/Naselenie/'>Население</a></div> <div class="dmit"><a href='/cat/Obrazovanie/'>Образование</a></div> <div class="dmit"><a href='/cat/OBZH/'>Охрана безопасности жизни</a></div> <div class="dmit"><a href='/cat/OkhranaTruda/'>Охрана Труда</a></div> <div class="dmit"><a href='/cat/Pedagogika/'>Педагогика</a></div> <div class="dmit"><a href='/cat/Politika/'>Политика</a></div> <div class="dmit"><a href='/cat/Pravo/'>Право</a></div> <div class="dmit"><a href='/cat/Programmirovanie/'>Программирование</a></div> <div class="dmit"><a href='/cat/Proizvodstvo/'>Производство</a></div> <div class="dmit"><a href='/cat/Promyshlennost/'>Промышленность</a></div> <div class="dmit"><a href='/cat/Psikhologiya/'>Психология</a></div> <div class="dmit"><a href='/cat/Radio/'>Радио</a></div> <div class="dmit"><a href='/cat/Regiliya/'>Регилия</a></div> <div class="dmit"><a href='/cat/Svyaz/'>Связь</a></div> <div class="dmit"><a href='/cat/Sotsiologiya/'>Социология</a></div> <div class="dmit"><a href='/cat/Sport/'>Спорт</a></div> <div class="dmit"><a href='/cat/Standartizatsiya/'>Стандартизация</a></div> <div class="dmit"><a href='/cat/Stroitelstvo/'>Строительство</a></div> <div class="dmit"><a href='/cat/Tehnologii/'>Технологии</a></div> <div class="dmit"><a href='/cat/Torgovlya/'>Торговля</a></div> <div class="dmit"><a href='/cat/Turizm/'>Туризм</a></div> <div class="dmit"><a href='/cat/Fizika/'>Физика</a></div> <div class="dmit"><a href='/cat/Fiziologiya/'>Физиология</a></div> <div class="dmit"><a href='/cat/Filosofiya/'>Философия</a></div> <div class="dmit"><a href='/cat/Finansy/'>Финансы</a></div> <div class="dmit"><a href='/cat/Khimiya/'>Химия</a></div> <div class="dmit"><a href='/cat/Khozyaystvo/'>Хозяйство</a></div> <div class="dmit"><a href='/cat/Cherchenie/'>Черчение</a></div> <div class="dmit"><a href='/cat/Ekologiya/'>Экология</a></div> <div class="dmit"><a href='/cat/Ekonometrika/'>Эконометрика</a></div> <div class="dmit"><a href='/cat/Ekonomika/'>Экономика</a></div> <div class="dmit"><a href='/cat/Elektronika/'>Электроника</a></div> <div class="dmit"><a href='/cat/Yurispundenktsiya/'>Юриспунденкция</a></div> </div> </div> <div class="link"> <a href="#">Предметы</a> <div class="dropdown-menu" id="subjects"> <div class="dmit"> <a href="/aviadvigatelestroenie.php">Авиадвигателестроения</a> </div> <div class="dmit"> <a href="/adminpravo.php">Административное право</a> </div> <div class="dmit"> <a href="/adminpravoby.php">Административное право Беларусии</a> </div> <div class="dmit"> <a href="/algebra.php">Алгебра</a> </div> <div class="dmit"> <a href="/arhitektura.php">Архитектура</a> </div> <div class="dmit"> <a href="/bg.php">Безопасность жизнедеятельности</a> </div> <div class="dmit"> <a href="/psiholog.php">Введение в профессию «психолог»</a> </div> <div class="dmit"> <a href="/ekonomkultur.php">Введение в экономику культуры</a> </div> <div class="dmit"> <a href="/mathematica.php">Высшая математика</a> </div> <div class="dmit"> <a href="/geologia.php">Геология</a> </div> <div class="dmit"> <a href="/geomorfologia.php">Геоморфология</a> </div> <div class="dmit"> <a href="/gidroiogia.php">Гидрология и гидрометрии</a> </div> <div class="dmit"> <a href="/gidrosystem.php">Гидросистемы и гидромашины</a> </div> <div class="dmit"> <a href="/istoriyaukr.php">История Украины</a> </div> <div class="dmit"> <a href="/culturology.php">Культурология</a> </div> <div class="dmit"> <a href="/kulturologia.php">Культурология</a> </div> <div class="dmit"> <a href="/logica.php">Логика</a> </div> <div class="dmit"> <a href="/marketing.php">Маркетинг</a> </div> <div class="dmit"> <a href="/mashinostroenie.php">Машиностроение</a> </div> <div class="dmit"> <a href="/medpsiholog.php">Медицинская психология</a> </div> <div class="dmit"> <a href="/menedjment.php">Менеджмент</a> </div> <div class="dmit"> <a href="/svarka.php">Металлы и сварка</a> </div> <div class="dmit"> <a href="/misi.php" >Методы и средства измерений<br /> электрических величин</a > </div> <div class="dmit"> <a href="/mirekonomika.php">Мировая экономика</a> </div> <div class="dmit"> <a href="/nachertgeometria.php">Начертательная геометрия</a> </div> <div class="dmit"> <a href="/osnekteor.php">Основы экономической теории</a> </div> <div class="dmit"> <a href="/ohranatruda.php">Охрана труда</a> </div> <div class="dmit"> <a href="/pojarnayataktika.php">Пожарная тактика</a> </div> <div class="dmit"> <a href="/mishleniye.php">Процессы и структуры мышления</a> </div> <div class="dmit"> <a href="/profpsihologia.php">Профессиональная психология</a> </div> <div class="dmit"> <a href="/psihilogiya.php">Психология</a> </div> <div class="dmit"> <a href="/psihologmened.php">Психология менеджмента</a> </div> <div class="dmit"> <a href="/sfpip.php" >Современные фундаментальные и <br />прикладные исследования <br />в приборостроении</a > </div> <div class="dmit"> <a href="/socialpsihol.php">Социальная психология</a> </div> <div class="dmit"> <a href="/socfilosofiaproblem.php" >Социально-философская проблематика</a > </div> <div class="dmit"> <a href="/sociologiya.php">Социология</a> </div> <div class="dmit"> <a href="/statistic.php">Статистика</a> </div> <div class="dmit"> <a href="/informatika.php">Теоретические основы информатики</a> </div> <div class="dmit"> <a href="/teoravtoregul.php" >Теория автоматического регулирования</a > </div> <div class="dmit"> <a href="/tever.php">Теория вероятности</a> </div> <div class="dmit"> <a href="/transpravo.php">Транспортное право</a> </div> <div class="dmit"> <a href="/turopetator.php">Туроператор</a> </div> <div class="dmit"> <a href="/ugolovnoepravo.php">Уголовное право</a> </div> <div class="dmit"> <a href="/ugolovproces.php">Уголовный процесс</a> </div> <div class="dmit"> <a href="/upravsovremproiz.php" >Управление современным производством</a > </div> <div class="dmit"> <a href="/fizika.php">Физика</a> </div> <div class="dmit"> <a href="/fopi.php">Физические явления</a> </div> <div class="dmit"> <a href="/filosofiya.php">Философия</a> </div> <div class="dmit"> <a href="/holodustanov.php">Холодильные установки</a> </div> <div class="dmit"> <a href="/ekologiya.php">Экология</a> </div> <div class="dmit"> <a href="/ekonomika.php">Экономика</a> </div> <div class="dmit"> <a href="/istoriyaekonomiki.php">История экономики</a> </div> <div class="dmit"> <a href="/osnoviekonomiki.php">Основы экономики</a> </div> <div class="dmit"> <a href="/ekonompred.php">Экономика предприятия</a> </div> <div class="dmit"> <a href="/ekonomistor.php">Экономическая история</a> </div> <div class="dmit"> <a href="/ekonomteor.php">Экономическая теория</a> </div> <div class="dmit"> <a href="/ekonomanaliz.php">Экономический анализ</a> </div> <div class="dmit"> <a href="/ekonomika-es.php">Развитие экономики ЕС</a> </div> <div class="dmit"> <a href="/factors.php">Чрезвычайные ситуации</a> </div> </div> </div> <div class="link"><a href="/popularnie.php">Популярное</a></div> <div class="link"><a href="/random.php" rel="nofollow">Случайное</a></div> <div class="link"><a href="/call.php" rel="nofollow">Контакты</a></div> <div class="link"><a href="/faq.php" rel="nofollow">FAQ</a></div> <div class="link"><a href="/zakaz.php" rel="nofollow">Заказать работу</a></div> <div class="link"><a href="/addvopros.php" rel="nofollow"><font color="red">ЗАДАТЬ ВОПРОС</font></a></div> <div class="search"> <div class="auth-links" rel="nofollow"> <a href="/login.php" rel="nofollow">Войти</a> / <a href="/register.php" rel="nofollow">Зарегистрироваться</a> </div> <div class="ya-site-form ya-site-form_inited_no" data-bem="{"action":"https://studopedia.ru/search.php","arrow":false,"bg":"transparent","fontsize":14,"fg":"#000000","language":"ru","logo":"rb","publicname":"Yandex Site Search #2280335","suggest":true,"target":"_self","tld":"ru","type":3,"usebigdictionary":true,"searchid":2280335,"input_fg":"#333333","input_bg":"#ffffff","input_fontStyle":"normal","input_fontWeight":"normal","input_placeholder":"что вы ищете?","input_placeholderColor":"#333333","input_borderColor":"#7f9db9"}"><form action="https://yandex.ru/search/site/" method="get" target="_self" accept-charset="utf-8"><input type="hidden" name="searchid" value="2280335"/><input type="hidden" name="l10n" value="ru"/><input type="hidden" name="reqenc" value=""/><input type="search" name="text" value=""/><input type="submit" value="Найти"/></form></div><style type="text/css">.ya-page_js_yes .ya-site-form_inited_no { display: none; }</style><script type="text/javascript">(function(w,d,c){var s=d.createElement('script'),h=d.getElementsByTagName('script')[0],e=d.documentElement;if((' '+e.className+' ').indexOf(' ya-page_js_yes ')===-1){e.className+=' ya-page_js_yes';}s.type='text/javascript';s.async=true;s.charset='utf-8';s.src=(d.location.protocol==='https:'?'https:':'http:')+'//site.yandex.net/v2.0/js/all.js';h.parentNode.insertBefore(s,h);(w[c]||(w[c]=[])).push(function(){Ya.Site.Form.init()})})(window,document,'yandex_site_callbacks');</script> </div> </div> <div class="collapse-button"> <img src="/static/menu-icon.svg" alt="menu icon" /> </div> </nav> <!-- Yandex.RTB --> <script>window.yaContextCb=window.yaContextCb||[]</script> <script src="https://yandex.ru/ads/system/context.js" async></script> <div class="content article-container"><div class=article-description><h1>Теория вероятности и математическая статистика</h1><center> <!-- Yandex.RTB R-A-2158822-9 --> <div id="yandex_rtb_R-A-2158822-9"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-2158822-9', blockId: 'R-A-2158822-9' }) })</script> </center><p>В этом разделе описана информация про теорию вероятности и математическую статистику. Вы найдете ответы на такие вопросы, как: случайные события, случайные величины, случайные векторы, случайные процессы и так далее.<ol><p class='text'><li><a href='view_tever.php?id=1'>Студент должен знать</a></p></ol><center> <!-- Yandex.RTB R-A-2158822-6 --> <div id="yandex_rtb_R-A-2158822-6"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-2158822-6', blockId: 'R-A-2158822-6' }) })</script> </center> <div class="ad-block"> </div> </div> <div class="scrollToTop" id="scrollToTop"><img src="/images/double_arrow.ddfb77fd5d51d629ac13a8d475018103.svg" alt="double arrow"></div> <div class="article-info"><div class="header">Сейчас читают про:</div> <div class="article-info-inner-wrapper"> <div class="article-info-preview"><div class="img-preview"><img src="https://studopedia.ru/imagesArt/123.jpg" alt="article image"></div> <div class="article-header"><a href="https://studopedia.ru/4_118622_primer-.html">Показатели движения численности работников. Пример 1,2</a></div></div> <div class="article-info-preview"><div class="img-preview"><img src="https://studopedia.ru/imagesArt/124.jpg" alt="article image"></div> <div class="article-header"><a href="https://studopedia.ru/4_131045_tehnologiya-izgotovleniya-poroshkov.html">Технология изготовления порошков</a></div></div> <div class="article-info-preview"><div class="img-preview"><img src="https://studopedia.ru/imagesArt/127.jpg" alt="article image"></div> <div class="article-header"><a href="https://studopedia.ru/4_140428_formi-istochniki-prava-ponyatie-i-vidi.html">Формы (источники) права: понятие и виды</a></div></div> <div class="article-info-preview"><div class="img-preview"><img src="https://studopedia.ru/imagesArt/128.jpg" alt="article image"></div> <div class="article-header"><a href="https://studopedia.ru/4_140470_yuridicheskie-fakti-ponyatie-priznaki-funktsii-vidi.html">Юридические факты: понятие, признаки, функции, виды</a></div></div> <div class="article-info-preview"><div class="img-preview"><img src="https://studopedia.ru/imagesArt/129.jpg" alt="article image"></div> <div class="article-header"><a href="https://studopedia.ru/4_140633_boks-poluboks-boksirovannaya-palata-v-infektsionnih-otdeleniyah-ih-ustroystvo-i-normativi-ploshchadi-i-kubaturi-na--vzroslogo-i-rebenka.html">Бокс, полубокс, боксированная палата в инфекционных отделениях. Их устройство и нормативы площади и кубатуры на 1 взрослого и ребенка</a></div></div> <div class="article-info-preview"><div class="img-preview"><img src="https://studopedia.ru/imagesArt/51.png" alt="article image"></div> <div class="article-header"><a href="https://studopedia.ru/4_141050_tipovie-zadachi-s-resheniyami.html">Типовые задачи с решениями. № 1. Зависимость выпуска продукции от количества используемого труда отображается функцией:</a></div></div> <div class="article-info-preview"><div class="img-preview"><img src="https://studopedia.ru/imagesArt/152.jpg" alt="article image"></div> <div class="article-header"><a href="https://studopedia.ru/2_130329_evolyutsiya-chelovek.html">Самый сильный аргумент, почему эволюция человека не могла быть</a></div></div> <script> var limit = Math.max( document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight ); var scrollFloat = function () { 'use strict'; var app = {}; app.init = function init (node) { if (!node || node.nodeType !== 1) { throw new Error(node + ' is not DOM element'); } var position1 = node.offsetTop; var shag = limit - position1; var rekfix = 0; if(shag > 2500) rekfix = 1; handleWindowScroll(node,position1,shag,rekfix); }; // 10000 - 1000: 4-й - 7000-9000 (2000) 3-й - 5000 - 7000 (2000) 2-й 3000-4000 (2000) 1-й - 1000- 2000 (2000) function handleWindowScroll (floatElement,p,s,rek) { window.onscroll = function () { if(window.scrollY > p && window.scrollY < ( p + s) ){ if(window.scrollY > (p + 3*( s / 4 )) && rek == 1) { floatElement.style.display = "none"; document.getElementById('blockrekstudru4').style.position = 'fixed'; document.getElementById('blockrekstudru4').style.top = '0'; document.getElementById('blockrekstudru4').style.display = "block"; document.getElementById('blockrekstudru2').style.display = "none"; document.getElementById('blockrekstudru3').style.display = "none"; } else if(window.scrollY > (p + ( s / 2 )) && rek == 1){ floatElement.style.display = "none"; document.getElementById('blockrekstudru3').style.position = 'fixed'; document.getElementById('blockrekstudru3').style.top = '0'; document.getElementById('blockrekstudru3').style.display = "block"; document.getElementById('blockrekstudru2').style.display = "none"; document.getElementById('blockrekstudru4').style.display = "none"; } else if(window.scrollY > (p + ( s / 4 )) && rek == 1 ) { floatElement.style.display = "none"; document.getElementById('blockrekstudru2').style.position = 'fixed'; document.getElementById('blockrekstudru2').style.top = '0'; document.getElementById('blockrekstudru2').style.display = "block"; document.getElementById('blockrekstudru3').style.display = "none"; document.getElementById('blockrekstudru4').style.display = "none"; } else if (window.scrollY > floatElement.offsetTop) { floatElement.style.display = "block"; floatElement.style.position = 'fixed'; floatElement.style.top = '0'; document.getElementById('blockrekstudru2').style.display = "none"; document.getElementById('blockrekstudru3').style.display = "none"; document.getElementById('blockrekstudru4').style.display = "none"; } else { floatElement.style.position = ''; floatElement.style.top = ''; } } else { floatElement.style.position = ''; floatElement.style.top = ''; } }; } return app; }(); </script> <div id="blockrekstudru"> <p> </p> <!-- Yandex.RTB R-A-2158822-1 --> <div id="yandex_rtb_R-A-2158822-1"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-2158822-1', blockId: 'R-A-2158822-1' }) })</script> </div> <div id="blockrekstudru2"> <p> </p> <!-- Yandex.RTB R-A-2158822-2 --> <div id="yandex_rtb_R-A-2158822-2"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-2158822-2', blockId: 'R-A-2158822-2' }) })</script> </div> <div id="blockrekstudru3"> <p> </p> <!-- Yandex.RTB R-A-2158822-3 --> <div id="yandex_rtb_R-A-2158822-3"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-2158822-3', blockId: 'R-A-2158822-3' }) })</script> </div> <div id="blockrekstudru4"> <p> </p> <!-- Yandex.RTB R-A-2158822-4 --> <div id="yandex_rtb_R-A-2158822-4"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-2158822-4', blockId: 'R-A-2158822-4' }) })</script> </div> <script> // Инициализация обработчика плавающего элемента document.getElementById('blockrekstudru2').style.display = "none"; document.getElementById('blockrekstudru3').style.display = "none"; document.getElementById('blockrekstudru4').style.display = "none"; scrollFloat.init(document.getElementById('blockrekstudru')); </script> </div> </div> <div class="footer"><div class="footer-logo"> <a href="https://studopedia.ru/" ><img src="../images/white-logo.5051c226902c064f3556204a8f404c54.svg" alt="footer logo image"></a></div> <div class="best-words-inner-wrapper"> <noindex>Тревога должна побуждать нас к действию, а не погружать в уныние. Никто не свободен, если он не способен управлять собой. © Пифагор ==> <a href='/words/'>читать все изречения...</a> </noindex><div class="best-words-controls-wrapper"><div class="best-words-control"><span class="best-words-controls-like"> <a href="/words/goloswords.php?i=&n=&id=172&v=1"><img src="../images/like.3132636313a122b622052bd7158b3951.svg" alt="like icon"></a> </span>8297</div> <div class="best-words-control"><span class="best-words-controls-dislike"> <a href="/words/goloswords.php?i=&n=&id=172&v=2"><img src="../images/dislike.f4cf8051a11656c74d1679e98a064a00.svg" alt="like icon"></a> </span>7982</div></div></div> <div class="footer-like-block"> <div>Понравился сайт? Поделись им с друзьями:</div><div class="icons"> <button class="social-share" data-title="Studopedia" data-url="https://studopedia.ru" data-sharer="facebook"><img src="../images/white-fb.87e771fee9c555fa78687ec0f06813f5.svg" alt="facebook icon"></button> <button class="social-share" data-title="Studopedia" data-url="https://studopedia.ru" data-sharer="vk"><img src="../images/white-vk.080e5c0ec0ffc86c18d89755676e4e87.svg" alt="vkontakte icon"></button> <button class="social-share" data-title="Studopedia" data-url="https://studopedia.ru" data-sharer="twitter"><img src="../images/white-twitter.0793d79e4e2f5ae2adc568d5f2fec4ea.svg" alt="twitter icon"></button> <button class="social-share" data-title="Studopedia" data-url="https://studopedia.ru" data-sharer="okru"><img src="../images/white-odnoklas.f55b592af685b453e79227a7346ae48c.svg" alt="odnoklasniki icon"></button> </div> </div> </div> <script type="text/javascript"><!-- new Image().src = "//counter.yadro.ru/hit?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random();//--> </script> <script> (() => { const collapseButton = document.querySelector(".collapse-button"); const collapseMenu = document.querySelector(".collapse-menu"); // Функция для переключения меню const toggleMenu = () => { collapseMenu.classList.toggle("opened"); collapseMenu.classList.toggle("closed"); }; // Функция для закрытия меню const closeMenu = () => { collapseMenu.classList.remove("opened"); collapseMenu.classList.add("closed"); }; // Обработчик клика на кнопку открытия/закрытия меню collapseButton.addEventListener("click", (event) => { event.stopPropagation(); // Предотвращает всплытие события клика на документ toggleMenu(); }); // Закрытие меню при клике вне его области document.addEventListener("click", (event) => { if (!collapseMenu.contains(event.target) && !collapseButton.contains(event.target)) { closeMenu(); // Закрываем меню, если клик не внутри меню или кнопки } }); // Закрытие меню при изменении размеров окна window.addEventListener("resize", () => { closeMenu(); // Меню автоматически закрывается при ресайзе }); })(); </script> <!-- Google Analytics counter --> <script> window ['gtag_enable_tcf_support'] = true; </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-34584527-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-34584527-2'); </script> <!-- Google Analytics counter --> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(87143999, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/87143999" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </body> </html>