چوونەژوورەوە
ئیمەیڵ
تێپەڕەوشە
تێپەڕەوشەت لەیادکردووە؟
هەژمارێکی نوێ دروستبکە
Menu
فیلمەکان
هەمووی
هۆلیود
بۆلیود
بیانی
فارسی
ئیسپانی
کۆمیکس
کۆری، چینی، ژاپۆنی
ئەنیمی و کارتۆن
كوردی
نوێکراوەکان
زنجیرە
هەمووی
بیانی
کۆری
فارسی
کارتۆن
ئەنیمی
دۆبلاجی کوردی
کۆکراوەکان
هەواڵ
هەواڵ
ئینفۆگرافیک
بۆکس ئۆفیس
وتارە سینەماییەکان
زانیاری
سینەماکاران
فیلمی درێژ
کورتە فیلم
خوێندکاران
فیلمەکان
دراما
مانگا
پرۆفایل
دەرهێنەرەکان
وەرگێڕی فیلمەکان
وەرگێڕی زنجیرەکان
دیزاینەرەکان
yourupload8
sendvideo
File lions
Stream wish
Black Mirror
</div> <h5 class="episode-info"><span>وەرزی حەوتەم</span> <span>ئەڵقەی</span> <b>06</b></h5> </div> </div> </div> <div class="container"> <div class="series-blur"> <div class="series-blur-up "> <div class="series-season"> <h2 style="padding-bottom:27px">وەرزی یەکەم <span class="newview"><i class="bi bi-eye"></i> 35,917 </span> </h2> <div class="season-data"> <img alt="" src="http://www.kurdcinama.com/Wenekan_KS/174820972023_s1.jpg" /> <div class="season-episodes"> <ul> <li><a href="episodes2.aspx?type=575&Stype=891&name=01"> <span>ئەڵقەی</span><h3>01</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=891&name=02"> <span>ئەڵقەی</span><h3>02</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=891&name=03"> <span>ئەڵقەی</span><h3>03</h3></a></li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> <div class="series-season"> <h2 style="padding-bottom:27px">وەرزی دووەم <span class="newview"><i class="bi bi-eye"></i> 18,116 </span> </h2> <div class="season-data"> <img alt="" src="http://www.kurdcinama.com/Wenekan_KS/3423020122023_msg-947821846-95150.jpg" /> <div class="season-episodes"> <ul> <li><a href="episodes2.aspx?type=575&Stype=959&name=01"> <span>ئەڵقەی</span><h3>01</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=959&name=02"> <span>ئەڵقەی</span><h3>02</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=959&name=03"> <span>ئەڵقەی</span><h3>03</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=959&name=04"> <span>ئەڵقەی</span><h3>04</h3></a></li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> <div class="series-season"> <h2 style="padding-bottom:27px">وەرزی سێهەم <span class="newview"><i class="bi bi-eye"></i> 20,335 </span> </h2> <div class="season-data"> <img alt="" src="http://www.kurdcinama.com/Wenekan_KS/14342223122023_msg-947821846-95224.jpg" /> <div class="season-episodes"> <ul> <li><a href="episodes2.aspx?type=575&Stype=963&name=01"> <span>ئەڵقەی</span><h3>01</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=963&name=02"> <span>ئەڵقەی</span><h3>02</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=963&name=03"> <span>ئەڵقەی</span><h3>03</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=963&name=04"> <span>ئەڵقەی</span><h3>04</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=963&name=05"> <span>ئەڵقەی</span><h3>05</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=963&name=06"> <span>ئەڵقەی</span><h3>06</h3></a></li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> <div class="series-season"> <h2 style="padding-bottom:27px">وەرزی چوارەم <span class="newview"><i class="bi bi-eye"></i> 16,996 </span> </h2> <div class="season-data"> <img alt="" src="http://www.kurdcinama.com/Wenekan_KS/26272028122023_msg-947821846-95288.jpg" /> <div class="season-episodes"> <ul> <li><a href="episodes2.aspx?type=575&Stype=968&name=01"> <span>ئەڵقەی</span><h3>01</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=968&name=02"> <span>ئەڵقەی</span><h3>02</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=968&name=03"> <span>ئەڵقەی</span><h3>03</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=968&name=04"> <span>ئەڵقەی</span><h3>04</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=968&name=05"> <span>ئەڵقەی</span><h3>05</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=968&name=06"> <span>ئەڵقەی</span><h3>06</h3></a></li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> <div class="series-season"> <h2 style="padding-bottom:27px">وەرزی پێنجەم <span class="newview"><i class="bi bi-eye"></i> 8,203 </span> </h2> <div class="season-data"> <img alt="" src="http://www.kurdcinama.com/Wenekan_KS/17421830122023_msg-947821846-95352.jpg" /> <div class="season-episodes"> <ul> <li><a href="episodes2.aspx?type=575&Stype=973&name=01"> <span>ئەڵقەی</span><h3>01</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=973&name=02"> <span>ئەڵقەی</span><h3>02</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=973&name=03"> <span>ئەڵقەی</span><h3>03</h3></a></li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> <div class="series-season"> <h2 style="padding-bottom:27px">وەرزی شەشەم <span class="newview"><i class="bi bi-eye"></i> 15,128 </span> </h2> <div class="season-data"> <img alt="" src="http://www.kurdcinama.com/Wenekan_KS/32251731122023_photo1704039445.jpeg" /> <div class="season-episodes"> <ul> <li><a href="episodes2.aspx?type=575&Stype=974&name=01"> <span>ئەڵقەی</span><h3>01</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=974&name=02"> <span>ئەڵقەی</span><h3>02</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=974&name=03"> <span>ئەڵقەی</span><h3>03</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=974&name=04"> <span>ئەڵقەی</span><h3>04</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=974&name=05"> <span>ئەڵقەی</span><h3>05</h3></a></li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> <div class="series-season"> <h2 style="padding-bottom:27px">وەرزی حەوتەم <span class="newview"><i class="bi bi-eye"></i> 6,514 </span> </h2> <div class="season-data"> <img alt="" src="http://www.kurdcinama.com/Wenekan_KS/642181042025_5456669118670433899.jpg" /> <div class="season-episodes"> <ul> <li><a href="episodes2.aspx?type=575&Stype=4157&name=01"> <span>ئەڵقەی</span><h3>01</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=4157&name=02"> <span>ئەڵقەی</span><h3>02</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=4157&name=03"> <span>ئەڵقەی</span><h3>03</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=4157&name=04"> <span>ئەڵقەی</span><h3>04</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=4157&name=05"> <span>ئەڵقەی</span><h3>05</h3></a></li> <li><a href="episodes2.aspx?type=575&Stype=4157&name=06"> <span>ئەڵقەی</span><h3>06</h3></a></li> </ul> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 col-12 mb-3"> <a target="_blank" href="https://www.aryanbet.com/"><img alt="" src="Wenekan_KS/24331815112023_aryan-giff-min.gif" width="100%" /></a> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12 mb-3"> <a target="_blank" href="https://www.facebook.com/InternetonlineCompany"><img alt="" src="Wenekan_KS/530131162024_onlinecompanyads.gif" width="100%"/></a> </div> </div> </div> <div class="ms oscar" > <div class="container-fluid"> <h1 class="ms-titles">نوێترین زنجیرەکان</h1> <div class="gridItemsHome"> <div> <div class="ms-card"> <a href="episodes.aspx?type=559"> <div class="poster-img"> <img alt="" src="/Wenekan_KS/3256201582025_FUBAR.jpg" /></div> <div class="ms-card-xtra"> <h4> 6.5</h4> <h5> ژ. وەرز / 2</h5> <h5> ژ. ئەلقە / 16</h5> <i class="bi bi-play-circle"></i> </div> <div class="ms-card-txt"> <h2>FUBAR</h2> <div class="ms-card-txt-xtra"> <h3><i class="bi bi-star-fill"></i> 6.5 </h3> <h3><i class="bi bi-hourglass-split"></i> بەردەوامە </h3> </div> </div> </a> </div> </div> <div> <div class="ms-card"> <a href="episodes.aspx?type=348"> <div class="poster-img"> <img alt="" src="/Wenekan_KS/322412382025_Foundation.jpg" /></div> <div class="ms-card-xtra"> <h4> 7.6</h4> <h5> ژ. وەرز / 3</h5> <h5> ژ. ئەلقە / 30</h5> <i class="bi bi-play-circle"></i> </div> <div class="ms-card-txt"> <h2>Foundation</h2> <div class="ms-card-txt-xtra"> <h3><i class="bi bi-star-fill"></i> 7.6 </h3> <h3><i class="bi bi-hourglass-split"></i> بەردەوامە </h3> </div> </div> </a> </div> </div> <div> <div class="ms-card"> <a href="episodes.aspx?type=449"> <div class="poster-img"> <img alt="" src="/Wenekan_KS/2643131182025_sandman.jpg" /></div> <div class="ms-card-xtra"> <h4> 7.7</h4> <h5> ژ. وەرز / 2</h5> <h5> ژ. ئەلقە / 23</h5> <i class="bi bi-play-circle"></i> </div> <div class="ms-card-txt"> <h2>The Sandman</h2> <div class="ms-card-txt-xtra"> <h3><i class="bi bi-star-fill"></i> 7.7 </h3> <h3><i class="bi bi-hourglass-split"></i> بەردەوامە </h3> </div> </div> </a> </div> </div> <div> <div class="ms-card"> <a href="episodes.aspx?type=174"> <div class="poster-img"> <img alt="" src="/Wenekan_KS/273520882025_4f82cbc5-a93c-4771-a962-64ed608d288f.jpeg" /></div> <div class="ms-card-xtra"> <h4> 7.7</h4> <h5> ژ. وەرز / 7</h5> <h5> ژ. ئەلقە / 100</h5> <i class="bi bi-play-circle"></i> </div> <div class="ms-card-txt"> <h2>The 100 (2014)</h2> <div class="ms-card-txt-xtra"> <h3><i class="bi bi-star-fill"></i> 7.7 </h3> <h3><i class="bi bi-hourglass-bottom"></i> تەواوبووە </h3> </div> </div> </a> </div> </div> <div> <div class="ms-card"> <a href="episodes.aspx?type=489"> <div class="poster-img"> <img alt="" src="/Wenekan_KS/421314782025_photo_2025-08-07_14-09-10.jpg" /></div> <div class="ms-card-xtra"> <h4> 8.0</h4> <h5> ژ. وەرز / 2</h5> <h5> ژ. ئەلقە / 16</h5> <i class="bi bi-play-circle"></i> </div> <div class="ms-card-txt"> <h2>Wednesday</h2> <div class="ms-card-txt-xtra"> <h3><i class="bi bi-star-fill"></i> 8.0 </h3> <h3><i class="bi bi-hourglass-split"></i> بەردەوامە </h3> </div> </div> </a> </div> </div> <div> <div class="ms-card"> <a href="episodes.aspx?type=4800"> <div class="poster-img"> <img alt="" src="/Wenekan_KS/04613282025_photo_2025-08-02_13-41-44.jpg" /></div> <div class="ms-card-xtra"> <h4> 8.0</h4> <h5> ژ. وەرز / 1</h5> <h5> ژ. ئەلقە / 9</h5> <i class="bi bi-play-circle"></i> </div> <div class="ms-card-txt"> <h2>Chief of War</h2> <div class="ms-card-txt-xtra"> <h3><i class="bi bi-star-fill"></i> 8.0 </h3> <h3><i class="bi bi-hourglass-split"></i> بەردەوامە </h3> </div> </div> </a> </div> </div> </div> </div> </div> <!-- Google tag (gtag.js) 06-08-2023 --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-LC7W3TLS6R"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-LC7W3TLS6R'); </script> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12 mb-3"> <a href="https://tracker.finalaffiliates.com/link?btag=97263481_443430"><img alt="" src="Wenekan/1000208275.gif" width="100%" /></a> </div> </div> </div> <div class="footer"> <div class="container-fluid"> <div class="footer-logo"><img alt="" src="images/logo.png" /></div> <div class="footer-social"> <a target="_blank" href="https://www.instagram.com/kurdcinema.official/"><i class="bi bi-instagram"></i></a> <a target="_blank" href="https://www.facebook.com/kurdcinema.officiall"><i class="bi bi-facebook"></i></a> <a target="_blank" href="https://www.youtube.com/channel/UCH7ULd3f3vHO1U5lJhSY8yQ"><i class="bi bi-youtube"></i></a> </div> <div class="footer-apps"> <a target="_blank" href="https://t.me/kurdcinamaplus"><img alt="" src="images/android.jpg" /></a> <a target="_blank" href="https://www.facebook.com/kurdcinemaplus"><img alt="" src="images/apple.jpg" /></a> </div> <div class="clearfix"></div> </div> <div class=" extra"> <div class="container-fluid"> <p>کوردسینەما یەکەمین و پڕبینەرترین ماڵپەڕی تایبەت بە فیلم و دراما کوردی و جیهانیەکان و هەواڵ و ژیانی ئەکتەران بەژێرنووس و بەزمانی کوردی </p> <h5>© 2023. All Rights Reserved. INFO@KURDCINAMA.COM </h5> <div class="clearfix"></div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.autocomplete.js" type="text/javascript"></script> <script> var jQuery_1_8_0 = jQuery.noConflict(); </script> <script type="text/javascript"> jQuery_1_8_0(document).ready(function () { jQuery_1_8_0("#ctl00_txtSearch").autocomplete("Search.ashx", { width: 200, formatItem: function (data, i, n, value) { return "<a style='display: flex; align-items: flex-start; gap: 1rem; width: 100%;' href='" + value.split(",")[2] + "'><img style='object-fit: contain; height: 6rem;' src='/Wenekan_KS/" + value.split(",")[1] + "'/> " + "<div style='display: flex;width:80%; flex-direction: column; gap: 1rem;'>" + "<span style='font-family: Inter Tight; font-size: 1.4rem !important; line-height: 1.3rem;'>" + value.split(",")[0] + "</span>" + //"<div style='display: flex; align-items: center;gap: 1.5rem;'><div style='display: flex; align-items: center;gap: 0.5rem;'><img style='width:35px; object-fit: contain' src='images/imdb.png'/>" + "<span style='font-size: 17px;'>7.3</span></div>" + //"<div style='display: flex; align-items: center; gap: 0.5rem;'><i class='bi bi-clock'></i>" + "<span style='font-size: 17px;'>125000</span></div>" + /*"<p style='width: 290px;text-align:right; font-size:15px;margin-top:0px;'>" + value.split(",")[3] + "</p>" + */ "</div></div>" + "</a>"; }, formatResult: function (data, value) { return value.split(",")[0]; } }); }); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script> <script type="text/javascript"> /** * jquery.responsive-menu.js * jQuery + CSS Multi Level Responsive Menu */ jQuery(function ($) { $.fn.responsivenav = function (args) { // Default settings var defaults = { responsive: true, width: 1200, // Responsive width button: $(this).attr('id') + '-button', // Menu button id animation: { // Menu animation effect: 'slide', // Accepts 'slide' or 'fade' show: 150, hide: 100 }, selected: 'selected', // Selected class arrow: 'downarrow' // Dropdown arrow class }; var settings = $.extend(defaults, args); // Initialize the menu and the button init($(this).attr('id'), settings.button); function init(menuid, buttonid) { setupMenu(menuid, buttonid); // Add a handler function for the resize and orientationchange event $(window).bind('resize orientationchange', function () { resizeMenu(menuid, buttonid); }); // Trigger initial resize resizeMenu(menuid, buttonid); } function setupMenu(menuid, buttonid) { var $mainmenu = $('#' + menuid + '>ul'); var $headers = $mainmenu.find("ul").parent(); // Add dropdown arrows $headers.each(function (i) { var $curobj = $(this); $curobj.children('a:eq(0)').append('<span class="' + settings.arrow + '"></span>'); }); if (settings.responsive) { // Menu button click event // Displays top-level menu items $('#' + buttonid).click(function (e) { e.preventDefault(); if (isSelected($('#' + buttonid))) { // Close menu collapseChildren('#' + menuid); animateHide($('#' + menuid), $('#' + buttonid)); } else { // Open menu animateShow($('#' + menuid), $('#' + buttonid)); } }); } } function resizeMenu(menuid, buttonid) { var $ww = document.body.clientWidth; // Add mobile class to elements for CSS use // instead of relying on media-query support if ($ww > settings.width || !settings.responsive) { $('#' + menuid).removeClass('mobile'); $('#' + buttonid).removeClass('mobile'); } else { $('#' + menuid).addClass('mobile'); $('#' + buttonid).addClass('mobile'); } var $headers = $('#' + menuid + '>ul').find('ul').parent(); $headers.each(function (i) { var $curobj = $(this); var $link = $curobj.children('a:eq(0)'); var $subul = $curobj.find('ul:eq(0)'); // Unbind events $curobj.unbind('mouseenter mouseleave'); $link.unbind('click'); animateHide($curobj.children('ul:eq(0)')); if ($ww > settings.width || !settings.responsive) { // Full menu $curobj.hover(function (e) { var $targetul = $(this).children('ul:eq(0)'); var $dims = { w: this.offsetWidth, h: this.offsetHeight, subulw: $subul.outerWidth(), subulh: $subul.outerHeight() }; var $istopheader = $curobj.parents('ul').length == 1 ? true : false; $subul.css($istopheader ? {} : { top: 0 }); var $offsets = { left: $(this).offset().left, top: $(this).offset().top }; var $menuleft = $istopheader ? 0 : $dims.w; $menuleft = ($offsets.left + $menuleft + $dims.subulw > $(window).width()) ? ($istopheader ? -$dims.subulw + $dims.w : -$dims.w) : $menuleft; $targetul.css({ left: $menuleft + 'px', width: $dims.subulw + 'px' }); animateShow($targetul); }, function (e) { var $targetul = $(this).children('ul:eq(0)'); animateHide($targetul); }); } else { // Compact menu $link.click(function (e) { e.preventDefault(); var $targetul = $curobj.children('ul:eq(0)'); if (isSelected($curobj)) { collapseChildren($targetul); animateHide($targetul); } else { //collapseSiblings($curobj); animateShow($targetul); } }); } }); collapseChildren('#' + menuid); if (settings.responsive && isSelected($('#' + buttonid))) { //collapseChildren('#'+menuid); $('#' + menuid).hide(); $('#' + menuid).removeAttr('style'); $('#' + buttonid).removeClass(settings.selected); } } function collapseChildren(elementid) { // Closes all submenus of the specified element var $headers = $(elementid).find('ul'); $headers.each(function (i) { if (isSelected($(this).parent())) { animateHide($(this)); } }); } function collapseSiblings(element) { var $siblings = element.siblings('li'); $siblings.each(function (i) { collapseChildren($(this)); }); } function isSelected(element) { return element.hasClass(settings.selected); } function animateShow(menu, button) { if (!button) { var button = menu.parent(); } button.addClass(settings.selected); if (settings.animation.effect == 'fade') { menu.fadeIn(settings.animation.show); } else if (settings.animation.effect == 'slide') { menu.slideDown(settings.animation.show); } else { menu.show(); menu.removeClass('hide'); } } function animateHide(menu, button) { if (!button) { var button = menu.parent(); } if (settings.animation.effect == 'fade') { menu.fadeOut(settings.animation.hide, function () { menu.removeAttr('style'); button.removeClass(settings.selected); }); } else if (settings.animation.effect == 'slide') { menu.slideUp(settings.animation.hide, function () { menu.removeAttr('style'); button.removeClass(settings.selected); }); } else { menu.hide(); menu.addClass('hide'); menu.removeAttr('style'); button.removeClass(settings.selected); } } }; }); jQuery(function ($) { $('#primary-nav').responsivenav(); $('#top-nav').responsivenav({ responsive: false }); }); </script> <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script> <script type="text/javascript"> var swiper = new Swiper(".mySwiper", { spaceBetween: 30, centeredSlides: true, autoplay: { delay: 6500, disableOnInteraction: false, }, pagination: { el: ".swiper-pagination", clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); </script> <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/owl.carousel.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { var owl = $('.owl-carousel'); owl.owlCarousel({ rtl: false, margin: 14, nav: true, loop: true, responsive: { 0: { items: 2 }, 600: { items: 4 }, 1000: { items: 4 } } }) }) </script> <script> const backdrop = document.querySelector(".searchBox_backdrop") const searchIcon = document.querySelector(".search") const searchBox = document.querySelector(".searchBox") const searchInput = document.querySelector(".txtSearch") searchIcon.addEventListener("click", () => { if (backdrop.classList.contains("searchBox_backdropOpen")) { backdrop.classList.remove("searchBox_backdropOpen") searchBox.classList.remove("searchBoxOpen") } else { backdrop.classList.add("searchBox_backdropOpen") searchBox.classList.add("searchBoxOpen") searchInput.focus() } }) backdrop.addEventListener("click", () => { backdrop.classList.remove("searchBox_backdropOpen") searchBox.classList.remove("searchBoxOpen") }) </script> <script> const profileIcon = document.querySelector("#profileIcon") const authModalBackdrop = document.querySelector(".authModalBackdrop") const authModal = document.querySelector(".authModal") const authModalClose = document.querySelector("#authModalClose") const authModalType = document.querySelector("#authModalType") const authModalTitle = document.querySelector(".authModal__title") const authModalFormSubmit = document.querySelector(".authModal__form__submit") const authModalContent = document.querySelector(".authModalContent") const authModalFormInputName = document.querySelector(".authModal__form__inputName") profileIcon.addEventListener("click", () => { // Backdrop authModalBackdrop.classList.add("authModalBackdrop__open") authModalBackdrop.classList.remove("authModalBackdrop__close") // Modal authModal.classList.add("authModal__open") authModal.classList.remove("authModal__close") }) authModalClose.addEventListener("click", () => { // Backdrop authModalBackdrop.classList.remove("authModalBackdrop__open") authModalBackdrop.classList.add("authModalBackdrop__close") // Modal authModal.classList.remove("authModal__open") authModal.classList.add("authModal__close") }) </script> <script type="text/javascript"> // Function to set a cookie function setCookie(name, value) { document.cookie = name + "=" + value + "; path=/"; } // Function to get the value of a cookie function getCookie(name) { var match = document.cookie.match(new RegExp(name + '=([^;]+)')); return match ? match[1] : undefined; } // Function to calculate the duration of stay and set a cookie function calculateAndSetDuration() { var openTime = getCookie("openTime"); if (openTime) { var leaveTime = new Date().toISOString(); var durationInSeconds = Math.round((new Date(leaveTime) - new Date(openTime)) / 1000); // Set a cookie with the duration of stay setCookie("durationOfStay", durationInSeconds); } } // Set a cookie with the current timestamp as the open time setCookie("openTime", new Date().toISOString()); // Attach the calculateAndSetDuration function to the onbeforeunload event window.onbeforeunload = calculateAndSetDuration; </script> </form> </body> </html>