@font-face{font-family:JetBrainsMono-Thin;src:url(/fonts/JetBrainsMono-Thin2.woff2) format("woff2");font-weight:thin;font-style:thin}*,*:before,*:after{box-sizing:border-box}*{margin:0}:root{view-transition-name:root}html{--logo-url: url(https://www.javascripttutorial.net/wp-content/uploads/2021/04/javascripttutorial.svg);--logo-width: 154px;--logo-height: 55px;--feature-image-bg-color: #fff}html{background:var(--body-bg-color);color:var(--text-color)}html{display:block}html,body{height:100%}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-family-code: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--primary-color: #f2bb13;--header-bg-color: #fff;--border-color: #e7ebed;--heading-color: #374151;--subheading-color: #374151;--link-color: #00369a;--link-color-hover: #00369a;--body-bg-color: #fff;--text-color: #212529;--title-color: #323232;--code-badge-color: #fff;--footer-bg-color: #f8f9fa;--footer-color: #495057;--footer-link-color: #495057;--footer-link-color-hover: #00369a;--ads-label-color: #666;--menu-current-color: #f9dc5c;--menu-color: #323330;--hover-background-color: #f4f4f4;--menu-background-color: #fff;--submenu-bg-color: #fff;--toggle-color: #f4f4f4;--inline-code-bg-color: #f5f5f5;--inline-code-color: #da1039;--input-bg-color: #fff;--input-color: #212529;--page-nav-bg-color: #fff;--mark-bg-color: #fff6ea;--feature-image-bg-color: #ffd040;--feature-image-filter: grayscale(100%);--fancy-list-color: rgba(0, 0, 0, .15);--scrollbar-bg-color: #ddd;--scrollbar-thumb-color: gray;--error: #dc3545;--success: #198754;--button-bg-color: #ffc107;--button-color: #323330;--button-bg-color-hover: #ffc107d3;--button-color-hover: #323330;--button-border-color: #ffc107;--button-focus: 0 0 0 .25rem rgb(217 164 6 / 50%);--input-text-color: #000;--input-placeholder-color: #c2c2c2;--input-background-color: #fff;--input-disabled: #f5f5f5;--box-shadow: rgb(217 164 6 / 50%) 0px 2px 5px -1px, rgb(217 164 6 / 50%) 0px 1px 3px -1px;--input-focus: 0 0 0 .25rem rgb(217 164 6 / 50%);--post-box-shadow: rgba(50, 50, 93, .25) 0px 2px 5px -1px, rgba(0, 0, 0, .3) 0px 1px 3px -1px;--post-border: none;--svg-color: #323330;--themeable-image-filter: none;--hljs-mark-color: #fafafa}html[data-theme=dark]{--body-bg-color: #171717;--text-color: #e3e3e3;--primary-color: #4db2ff;--header-bg-color: #171717;--header-border-color: #454545;--heading-color: #e3e3e3;--subheading-color: #e3e3e3;--link-color: #4db2ff;--link-color-hover: #0091ff;--title-color: #e3e3e3;--list-item-color: #e3e3e3;--badge-bg-color: #e3e3e3;--badge-color: #323330;--code-badge-color: #fff;--footer-bg-color: #2e2e2e;--footer-color: #e3e3e3;--footer-link-color: #e3e3e3;--footer-link-color-hover: #c7c7c7;--ads-label-color: #e3e3e3;--current-color: #e3e3e3;--menu-color: #e3e3e3;--border-color: #454545;--hover-background-color: #242424;--menu-background-color: #171717;--submenu-bg-color: #2e2e2e;--toggle-color: #242424;--button-bg-color: #282828;--button-color: #e3e3e3;--button-bg-color-hover: #323330;--button-color-hover: #e3e3e3;--button-border-color: #282828;--section-border-color: #454545;--inline-code-bg-color: #454545;--inline-code-color: #e3e3e3;--input-bg-color: #2e2e2e;--input-color: #e3e3e3;--input-border-color: #e3e3e3;--input-border-focus-color: #4db2ff;--image-filter: grayscale(50%);--page-nav-bg-color: inherit;--mark-bg-color: #454545;--feature-image-bg-color: #282828;--feature-image-filter: grayscale(50%);--fancy-list-color: #e3e3e3;--output-bg-color: #2e2e2e;--output-border-color: #2e2e2e;--svg-color: #f4f4f4;--themeable-image-filter: invert(1) sepia(0) saturate(1) hue-rotate(0deg);--hljs-mark-color: #282c34;--highlight-bg: #282C34;--highlight-img-filter: brightness(0) invert(1);--highlight-label: #727272;color-scheme:dark}html[data-theme=dark],html[data-theme=light]{color-scheme:attr(data-theme color)}@media (min-width: 1200px){:root{font-size:calc(1rem + .125vw)}}body{font-family:var(--font-family);font-size:1rem;line-height:1.8;line-height:1.5;-webkit-font-smoothing:antialiased;display:block}.main{background-color:var(--body-bg-color);overflow:hidden;max-width:min(70ch,100%);margin:0 auto;padding:0 1rem;display:block}.article{display:block;unicode-bidi:isolate}h1{font-size:1.95rem;color:var(--heading-color)}h1{display:block;font-size:2em;margin-block-start:.67em;margin-block-end:.67em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate}h1,h2,h3,h4,h5,h6{font-weight:500;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{margin:1rem 0}p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate}ul{padding-left:1rem;margin:1rem}li{margin:.5rem 0 0 1rem;display:list-item;text-align:-webkit-match-parent;unicode-bidi:isolate}.Link{color:var(--link-color)}.table{overflow-x:auto;width:100%}table{border:1px solid #dee2e6;border-collapse:collapse;text-align:center;margin-bottom:10px}td,th{text-align:left;padding:10px;border-top:1px solid #dee2e6;border-right:1px solid #dee2e6}.ES6-tutorial-figure{float:right;margin:.5em 0 .5em 1em}.ES6-tutorial-img{max-width:100%}.wp-block-group__inner-container{background-color:var(--body-bg-color);border:solid 1px var(--border-color);border-radius:15px;box-shadow:0 3px #545e6f33;padding:20px;margin:0 0 30px}.wp-block-heading{font-size:1.56rem;color:var(--subheading-color)}.wp-block-list{padding-left:0;list-style:none}.entry-content .wp-block-group ul>li:before,.feature-list li:before{content:"";border-color:transparent #ccc;border-style:solid;border-width:.3em 0 .3em .35em;display:block;height:0;width:0;left:-.75rem;top:1.25rem;position:relative;background:0 0;margin:0}a:hover,a:visited,a:focus{color:var(--link-color)}pre{background-color:#292d3e;width:100%;text-align:left;border-radius:4px;overflow-x:auto}code{font-family:JetBrainsMono-Thin;background-color:#292d3ed5;color:#bfc7d5;padding:3px;border-radius:4px;font-size:14px}img{width:100%}blockquote{margin-top:10px;margin-bottom:10px;border-left:3px solid rgb(46,41,183)}blockquote p{padding-left:10px}@media (max-width: 768px){pre{font-size:12px;max-width:90vw}blockquote{max-width:90vw}code{padding:2px;font-size:12px}img{width:100%;padding:10px 0}table{font-size:12px}}.block-image{margin-bottom:1em;display:block;unicode-bidi:isolate}.js-tutorial-figure{float:right;margin:.5em 0 .5em 1em}.js-tutorial-img{width:150px;height:150px;border-radius:inherit;max-width:100%;overflow-clip-margin:content-box;overflow:clip}html{--logo-url: url(https://www.javascripttutorial.net/wp-content/uploads/2021/04/javascripttutorial.svg);--logo-width: 154px;--logo-height: 55px;--feature-image-bg-color: #fff}header{font-family:var(font-family);background:var(--header-bg-color);width:100%;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border-color)}.logo{height:59px;width:154px;display:inline-block;margin-right:.75rem}.header-wrapper{display:flex;align-items:center;padding:0 1rem;position:relative;padding:10px 10px 0}.header-navigation{display:flex;align-items:center;justify-content:end;flex:1 1 auto;gap:.25rem}.header-navigation a{text-decoration:none;padding:1.25rem .75rem;display:block;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500;color:var(--menu-color);padding:.5rem;cursor:pointer}.nav-advanced{position:relative;display:inline-block;margin-left:.5rem}.advanced-button{background:none;border:none;cursor:pointer;font-size:.8rem;font-weight:550;color:var(--menu-color);margin-top:3px}.advanced-menu{position:absolute;top:calc(100% + 2px);left:0;min-width:220px;display:none;z-index:1000;padding:.25rem 0;border-radius:6px;box-shadow:0 8px 24px #0000001f;background:var(--footer-bg-color);border:1px solid rgba(0,0,0,.06)}.advanced-menu.show{display:block}.advanced-menu a{display:block;padding:.6rem .9rem;text-decoration:none;white-space:nowrap}.advanced-menu a:hover,.advanced-menu a:focus{color:var(--header-bg-color);outline:none}:root{--accent-yellow: #f7df1e;--underline-height: 3px;--underline-gap: 8px}.header-navigation .nav-link,.header-navigation .advanced-button{position:relative;display:inline-block;padding:.6rem .8rem;text-decoration:none;color:inherit;transition:color .15s ease}.header-navigation .nav-link:after,.header-navigation .advanced-button:after{content:"";position:absolute;left:0;bottom:calc(-1 * var(--underline-gap));width:100%;height:var(--underline-height);background:var(--accent-yellow);transform-origin:left center;transform:scaleX(0);transition:transform .18s cubic-bezier(.2,.9,.2,1);border-radius:2px;pointer-events:none}.header-navigation .nav-link:hover:after,.header-navigation .nav-link:focus:after,.header-navigation .advanced-button:hover:after,.header-navigation .advanced-button:focus:after{transform:scaleX(1)}.header-navigation .nav-link.active:after,.header-navigation .nav-item.nav-advanced.active .advanced-button:after,.header-navigation .advanced-button.active:after{transform:scaleX(1)}.header-navigation .nav-link:focus,.header-navigation .advanced-button:focus{outline:none}.advanced-menu a{display:block;padding:.5rem .9rem}.advanced-menu a:hover,.advanced-menu a:focus{background:var(--input-placeholder-color)}.logogo .cls-1 .cls-1{fill:#f9dc5c}.logogo .cls-1 .cls-2{fill:#323330}.logogo .cls-1 .cls-3{fill:gray}.hamburger{display:none;background:none;border:none;padding:.5rem;cursor:pointer;margin-left:.5rem}.hamburger-box{width:26px;height:10px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:26px;height:2px;background-color:var(--menu-color, #222);position:absolute;left:0;transition:transform .25s ease,opacity .2s ease}.hamburger-inner{top:50%;transform:translateY(-50%)}.hamburger-inner:before{content:"";top:-8px}.hamburger-inner:after{content:"";top:8px}.hamburger.is-open .hamburger-inner{transform:rotate(45deg)}.hamburger.is-open .hamburger-inner:before{transform:rotate(90deg) translate(0);top:0;opacity:0}.hamburger.is-open .hamburger-inner:after{transform:rotate(-90deg);top:0}@media (max-width:616px){.main{margin:8px}}@media (max-width: 1024px){.header-wrapper{padding:8px}.logogo{padding:0}.hamburger{display:none}.header-navigation{display:none;position:absolute;top:69px;left:0;right:0;background:var(--submenu-bg-color);z-index:50;border-bottom:1px solid var(--border-color);max-height:0;overflow:hidden;transition:max-height .3s ease,box-shadow .2s ease;box-shadow:0 6px 18px #0000000f;flex-direction:column;align-items:stretch;padding:0}.header-navigation.open{display:flex;max-height:calc(100vh - 59px);overflow:auto}.header-navigation .nav-link,.header-navigation .advanced-button{display:block;padding:1rem 1.15rem;text-transform:none;font-size:1rem;border-bottom:1px solid rgba(0,0,0,.04)}.nav-advanced{display:block}.advanced-menu{position:static;top:auto;left:auto;min-width:auto;box-shadow:none;border:none;display:none;background:transparent;padding-left:1rem}.advanced-menu.show{display:block}.advanced-menu a,.advanced-menu .menu-link{padding:.75rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.04);background:transparent;color:var(--text-color)}.header-navigation .nav-link.active,.header-navigation .nav-link:hover,.header-navigation .advanced-button.active,.header-navigation .advanced-button:hover{background:#f7df1e14}.header-navigation .nav-link:after,.header-navigation .advanced-button:after{display:none}}.header-controls{display:flex;align-items:center;gap:.5rem;margin-left:.75rem;flex:0 0 auto}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:36px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;padding:0;font-size:0}.theme-toggle svg{width:18px;height:18px;color:var(--menu-color)}.theme-toggle:hover,.theme-toggle:focus{background:#0000000a;outline:none}@media (max-width: 900px){.header-controls{margin-left:auto}.theme-toggle{order:0}.hamburger{order:1}}@media (max-width: 1024px){.main{padding:6px}.hamburger{display:inline-block}.header-controls{margin-left:auto;gap:.35rem}.theme-toggle{order:0}.hamburger{order:1}.header-navigation{display:none;position:absolute;top:69px;left:0;right:0}.header-navigation.open{display:flex;max-height:calc(100vh - 59px);overflow:auto}}body.lock-scroll{overflow:hidden;height:100%}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:0 1px rgba(0,0,0,.3)}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:0 1px rgba(0,0,0,.3)}@media print{code[class*=language-],pre[class*=language-]{text-shadow:0 1px rgba(0,0,0,.3)}}pre[class*=language-]{margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#292d3e}:not(pre)>code[class*=language-]{text-shadow:0 1px rgba(0,0,0,.3);padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#66d9ef}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}footer{display:block;unicode-bidi:isolate}footer a{text-decoration:none}footer h2{font-size:1.56rem;margin-top:1rem;color:var(--subheading-color)}footer p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.site-footer-widgets{display:flex;flex-direction:column;gap:1rem}.sidebar,.site-footer-widgets{padding:1rem}.site-footer{max-width:100%;background-color:var(--footer-bg-color);color:var(--footer-color)}.site-footer-sidebar{margin-bottom:1rem}.site-footer-sidebar>.widget-title{margin-top:1rem}.widget .menu{margin:0 0 1.5rem}.widget ul{margin:0;padding:0}.widget li{list-style-type:none;text-align:left;word-wrap:break-word;padding:.25rem 0;margin:0}li{display:list-item;unicode-bidi:isolate}.widget li:first-child{padding-top:0}.widget-title{font-weight:700;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;padding:0 0 1rem;margin:0}.site-info{text-align:center;margin:0 auto}.site-info>*{padding:0 1rem}.site-info p{margin:1rem 0}.site-info p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate}@media (min-width: 576px){.site-footer-sidebar{flex:1}}@media (min-width: 768px){.site-footer{grid-area:footer;border-top:1px solid var(--border-color)}}@media (min-width: 576px){.site-footer-widgets{display:flex;flex-direction:row;justify-content:space-between}}.menu .menu-item{position:relative}.dropdown-toggle{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.footer-dropdown{display:none;position:absolute;left:0;top:calc(100% + 6px);min-width:220px;max-width:320px;z-index:60;border-radius:6px;box-shadow:0 6px 18px #0000001f;border:1px solid rgba(0,0,0,.08);background-color:var(--footer-bg-color);color:var(--footer-color);padding:.5rem}.footer-dropdown.open{display:block}.footer-dropdown-inner{padding:.5rem;font-size:.9rem;line-height:1.4}@media (max-width: 575px){.footer-dropdown{position:static;display:none;margin-top:.5rem;box-shadow:none;border:none;padding-left:0;padding-right:0}.footer-dropdown.open{display:block}}.menu .menu-item a,.menu .menu-item button{display:inline-block;width:100%;padding:.25rem 0}.back-to-top{position:fixed;right:20px;bottom:20px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:var(--button-bg-color);box-shadow:0 6px 18px #0000001f;cursor:pointer;transform:translateY(12px);opacity:0;transition:opacity .22s ease,transform .22s ease;z-index:9999;pointer-events:none}.back-to-top--visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:focus{outline:3px solid rgba(21,156,228,.4);outline-offset:2px}.back-to-top svg{width:20px;height:20px;color:--button-color}