{"id":23341,"date":"2022-11-25T11:01:08","date_gmt":"2022-11-25T05:31:08","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/"},"modified":"2022-11-25T11:01:08","modified_gmt":"2022-11-25T05:31:08","slug":"solved-how-to-reset-a-global-variable","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/","title":{"rendered":"[Solved] How to reset a global variable"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-51506904\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"51506904\" data-parentid=\"51504957\" data-score=\"0\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>Most of the comments are placed within this fiddle, not too comfortable with SO&#8217;s manner of dealing with multi level code, but placing it here as well. Comments held within the code relay most of the changes and their reason, and repeating them here would feel unneeded.<\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jsfiddle.net\/Luis_Perez64\/qzr9yjud\/\">https:\/\/jsfiddle.net\/Luis_Perez64\/qzr9yjud\/<\/a><\/p>\n<\/p>\n<div class=\"snippet\" data-lang=\"js\" data-hide=\"false\" data-console=\"true\" data-babel=\"false\">\n<div class=\"snippet-code\">\n<pre class=\"snippet-code-js lang-js prettyprint-override\"><code>window.onload = function(){\r\n\/\/CAROUSEL\r\nlet leftSlideBtn = document.querySelectorAll('.nav-left');\r\nlet rightSlideBtn = document.querySelectorAll('.nav-right');\r\nlet flexElements = document.querySelectorAll('.flex');\r\nlet itemPos = [];\r\nlet duration = 800;\r\n\r\n\r\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/SLIDE FORWARD\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\r\nfor (let i = 0; i &lt; rightSlideBtn.length; i++) {\r\n  \/* \r\n  Instead of dealing with global vars which are more than not warned against,\r\n  It comes out better to just pass in your variables.\r\n  Reason for the functions is to keep the context of this scope technically global,\r\n  and pass in\/through the variables cleanly.\r\n   *\/\r\n  rightSlideBtn[i].addEventListener('click', function() {\r\n    F_slideHandlers(flexElements[i], i)\r\n  });\r\n\r\n  \/\/ NOTE: Commented out the remove event listener from the code below, never resuscribes although it happens only on first pull.\r\n  rightSlideBtn[i].addEventListener('mousedown', function() {\r\n    F_TransitionError(flexElements[i], i)\r\n  });\r\n  \/* \r\n  Using an array to handle your positioning, because there could be multiple elements and each should have their own thought\r\n  on what their position is. The manner in which you were seeking to solve this would\r\n   require counters, and arithmetic to keep within just one variable. \r\n   \r\n   \/\/ NOTE: !!!! This is more than likely the main change that you'd have to make to your initial implementation, but everything else comes in as heavy, personal, recommendations.\r\n   *\/\r\n  itemPos.push(0)\r\n}\r\n\r\n\r\nfunction F_slideHandlers(flex, idx) {\r\n  let totalFlexItemWidth = flex.children[1].offsetLeft - flex.children[0].offsetLeft;\r\n  let F_overflowedWidth = flex.scrollWidth - flex.offsetWidth;\r\n\r\n  F_slide(flex, totalFlexItemWidth, F_overflowedWidth, idx);\r\n  \/\/ NOTE: Why are these two functions needed? Adding and removing event listeners\r\n  F_btnOff(flex, idx);\r\n  F_btnOn(flex, idx);\r\n}\r\n\r\n\r\n\r\nfunction F_slide(flexItem, flexItemFullwidth, F_overflow, idx) {\r\n  itemPos[idx] -= flexItemFullwidth;\r\n  for (let i = 0; i &lt; flexItem.children.length; i++) {\r\n    flexItem.children[i].style.left = itemPos[idx] + 'px';\r\n    flexItem.children[i].style.transitionDuration = duration + 'ms';\r\n  }\r\n}\r\n\r\n\r\nfunction F_btnOff(flex, idx) {\r\n  \/* rightSlideBtn[idx] &amp;&amp; rightSlideBtn[idx].removeEventListener('click', () =&gt; F_slideHandlers(flex, idx)); *\/\r\n}\r\n\r\nfunction F_btnOn(flex, idx) {\r\n  \/* \r\n  setTimeout(function() {\r\n    rightSlideBtn[idx] &amp;&amp; rightSlideBtn[idx].addEventListener('click', () =&gt; F_slideHandlers(flex, idx));\r\n  } , duration);\r\n  *\/\r\n}\r\n\r\nfunction F_TransitionError(flex, idx) {\r\n  F_ErrorFix(flex, idx);\r\n  F_fixed(flex, idx);\r\n}\r\n\r\nfunction F_ErrorFix(flexItems, idx) {\r\n  for (let i = 0; i &lt; flexItems.length; i++) {\r\n    flexItems[i].style.left = itemPos[idx] + 'px';\r\n  }\r\n}\r\n\r\nfunction F_fixed(flex, idx) {\r\n  \/\/ NOTE: I feel the only real reason for this was to fix the overrun caused by multiple event listeners grabbing and mutating that itemPosition variable initially. \r\n  for (let i = 0; i &lt; rightSlideBtn.length; i++) {\r\n    \/* rightSlideBtn[i].removeEventListener('mousedown', () =&gt; F_TransitionError(flex, idx)) *\/\r\n    ;\r\n  }\r\n}\r\n\r\n }<\/code><\/pre>\n<pre class=\"snippet-code-css lang-css prettyprint-override\"><code>    #wrapper{\r\n      background: #f4f4f4;\r\n      height: 250px;\r\n      width: 100%;\r\n      margin-top: 100px;\r\n    }\r\n\r\n    img{\r\n      height: 100%;\r\n      width: 100%;\r\n      background-repeat: no-repeat;\r\n      background-size: cover;\r\n    }\r\n\r\n    .content-slider-nav-btn{\r\n      position: absolute;\r\n      height: 45px;\r\n      width: 45px;\r\n      border-radius: 50%;\r\n      margin-top: 100px;\r\n      background: #333;\r\n      color: #fff;\r\n      z-index: 1;\r\n      box-shadow: 1px 0 1px rgba(0, 0, 0, 0.4), 1px 0 1px rgba(0, 0, 0, 0.4);\r\n    }\r\n    .content-slider-nav-btn:hover {\r\n      background: #000;\r\n      cursor: pointer;\r\n      transform: scale(1.0);\r\n      transition: 500ms ease;\r\n    }\r\n    .content-slider-nav-btn:active {\r\n      background: transparent;\r\n      cursor: pointer;\r\n      transform: scale(1.1);\r\n      transition: 500ms ease;\r\n      \/* box-shadow: 1px 2px 10px 2px rgba(0, 0, 0, 0.2), 1px 2px 10px 2px rgba(0, 0, 0, 0.2); *\/\r\n    }\r\n    .content-slider-nav-btn i {\r\n      margin-top: 13px;\r\n      margin-left: 15px;\r\n      font-size: 17px;\r\n    }\r\n    .nav-left {\r\n      left: 10px;\r\n      display: none; \r\n    }\r\n    .nav-right {\r\n      right: 10px;\r\n    }\r\n\r\n    .flex {\r\n      max-height: 300px;\r\n      width: 95%;\r\n      background: #fafafa;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n      display: flex;\r\n      box-shadow: inset 0 0px 1px 0px rgba(0, 0, 0, 0.4), inset 0 0px 1px 0px rgba(0, 0, 0, 0.2);\r\n    }\r\n     .flex-item {\r\n      position: relative;\r\n      min-height: 200px;\r\n      min-width: 210px;\r\n      max-height: 230px;\r\n      max-width: 220px;\r\n      background: #ddd;\r\n      margin-right: 10px;\r\n      box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1);\r\n      \/* transition-duration: 800ms; *\/\r\n      transition-timing-function: ease-out;\r\n    }\r\n    .flex-item:last-child {\r\n      margin-right: 0;\r\n    }<\/code><\/pre>\n<pre class=\"snippet-code-html lang-html prettyprint-override\"><code>&lt;!DOCTYPE html&gt;\r\n&lt;html lang=\"en\" dir=\"ltr\"&gt;\r\n  &lt;head&gt;\r\n    &lt;meta charset=\"utf-8\"&gt;\r\n    &lt;title&gt;SLIDE FIX&lt;\/title&gt;\r\n    &lt;link rel=\"stylesheet\" href=\"https:\/\/stackoverflow.com\/questions\/51504957\/font-awesome\/css\/font-awesome.min.css\"&gt;\r\n    &lt;script type=\"text\/javascript\" src=\"jquery.min.js\"&gt;&lt;\/script&gt;\r\n\r\n\r\n  &lt;\/head&gt;\r\n  &lt;body&gt;\r\n    &lt;section id=\"wrapper\"&gt;\r\n\r\n      &lt;div class=\"content-slider-nav-btn nav-left\"&gt;&lt;i class=\"fa fa-arrow-left\"&gt;&lt;&lt;\/i&gt;&lt;\/div&gt;\r\n      &lt;div class=\"content-slider-nav-btn nav-right\"&gt;&lt;i class=\"fa fa-arrow-right\"&gt;&gt;&lt;\/i&gt;&lt;\/div&gt;\r\n\r\n      &lt;div class=\"flex\"&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-0&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-1&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-2&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n        \r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-3&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-4&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-5&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n        \r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-6&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-7&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-8&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;        \r\n\r\n      &lt;\/div&gt;\r\n    &lt;\/section&gt;\r\n\r\n   \r\n    &lt;section id=\"wrapper\"&gt;\r\n\r\n      &lt;div class=\"content-slider-nav-btn nav-left\"&gt;&lt;i class=\"fa fa-arrow-left\"&gt;&lt;&lt;\/i&gt;&lt;\/div&gt;\r\n      &lt;div class=\"content-slider-nav-btn nav-right\"&gt;&lt;i class=\"fa fa-arrow-right\"&gt;&gt;&lt;\/i&gt;&lt;\/div&gt;\r\n\r\n      &lt;div class=\"flex\"&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-0&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-1&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-2&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n        \r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-3&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-4&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-5&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n        \r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-6&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-7&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;\r\n\r\n        &lt;div class=\"flex-item\"&gt;\r\n          &lt;h1 class=\"content-slider-title\"&gt;&lt;a href=\"#\"&gt;item-8&lt;\/a&gt;&lt;\/h1&gt;\r\n        &lt;\/div&gt;        \r\n\r\n      &lt;\/div&gt;\r\n    &lt;\/section&gt;   \r\n\r\n  &lt;\/body&gt;\r\n&lt;\/html&gt;<\/code><\/pre>\n<\/div>\n<\/div><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\"><\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved How to reset a global variable <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] Most of the comments are placed within this fiddle, not too comfortable with SO&#8217;s manner of dealing with multi level code, but placing it here as well. Comments held within the code relay most of the changes and their reason, and repeating them here would feel unneeded. https:\/\/jsfiddle.net\/Luis_Perez64\/qzr9yjud\/ window.onload = function(){ \/\/CAROUSEL let leftSlideBtn &#8230; <a title=\"[Solved] How to reset a global variable\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/\" aria-label=\"More on [Solved] How to reset a global variable\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[333,366],"class_list":["post-23341","post","type-post","status-publish","format-standard","hentry","category-solved","tag-javascript","tag-variables"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] How to reset a global variable - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How to reset a global variable - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] Most of the comments are placed within this fiddle, not too comfortable with SO&#8217;s manner of dealing with multi level code, but placing it here as well. Comments held within the code relay most of the changes and their reason, and repeating them here would feel unneeded. https:\/\/jsfiddle.net\/Luis_Perez64\/qzr9yjud\/ window.onload = function(){ \/\/CAROUSEL let leftSlideBtn ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-25T05:31:08+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How to reset a global variable\",\"datePublished\":\"2022-11-25T05:31:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/\"},\"wordCount\":71,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"javascript\",\"variables\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/\",\"name\":\"[Solved] How to reset a global variable - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-11-25T05:31:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How to reset a global variable\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How to reset a global variable - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How to reset a global variable - JassWeb","og_description":"[ad_1] Most of the comments are placed within this fiddle, not too comfortable with SO&#8217;s manner of dealing with multi level code, but placing it here as well. Comments held within the code relay most of the changes and their reason, and repeating them here would feel unneeded. https:\/\/jsfiddle.net\/Luis_Perez64\/qzr9yjud\/ window.onload = function(){ \/\/CAROUSEL let leftSlideBtn ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/","og_site_name":"JassWeb","article_published_time":"2022-11-25T05:31:08+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How to reset a global variable","datePublished":"2022-11-25T05:31:08+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/"},"wordCount":71,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["javascript","variables"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/","name":"[Solved] How to reset a global variable - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-11-25T05:31:08+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-reset-a-global-variable\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How to reset a global variable"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/23341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=23341"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/23341\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=23341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=23341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=23341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}