<div class="tutorial-map"><div class="tutorial-map__filter"><div class="tutorial-map__filter-t"><div class="tutorial-map__input-wrap"><span class="text-input tutorial-map__input"><input class="text-input__control" type="text" placeholder="Filter by title" data-tutorial-map-filter="data-tutorial-map-filter"/><span class="text-input__clear"></span></span></div><div class="tutorial-map__option"><label class="tutorial-map__option-label" for="show-tasks"><input class="tutorial-map__option-control" id="show-tasks" type="checkbox" data-tutorial-map-show-tasks="data-tutorial-map-show-tasks"/>Show tasks</label></div></div></div><div class="tutorial-map-list"><div class="tutorial-map-list__item"><h2 class="tutorial-map-list__title">The JavaScript language</h2><ul class="tutorial-map-list-two"><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/getting-started">An introduction</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/intro">An Introduction to JavaScript</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/manuals-specifications">Manuals and specifications</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/code-editors">Code editors</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/devtools">Developer console</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/first-steps">JavaScript Fundamentals</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/hello-world">Hello, world!</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/hello-alert">Show an alert</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/hello-alert-ext">Show an alert with an external script</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/structure">Code structure</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/strict-mode">The modern mode, &quot;use strict&quot;</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/variables">Variables</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/hello-variables">Working with variables</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/declare-variables">Giving the right name</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/uppercast-constant">Uppercase const?</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/types">Data types</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/string-quotes">String quotes</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/alert-prompt-confirm">Interaction: alert, prompt, confirm</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/simple-page">A simple page</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/type-conversions">Type Conversions</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/operators">Basic operators, maths</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/increment-order">The postfix and prefix forms</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/assignment-result">Assignment result</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/primitive-conversions-questions">Type conversions</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/fix-prompt">Fix the addition</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/comparison">Comparisons</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/comparison-questions">Comparisons</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/ifelse">Conditional branching: if, '?'</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/if-zero-string">if (a string with zero)</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/check-standard">The name of JavaScript</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sign">Show the sign</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/rewrite-if-question">Rewrite 'if' into '?'</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/rewrite-if-else-question">Rewrite 'if..else' into '?'</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/logical-operators">Logical operators</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/alert-null-2-undefined">What's the result of OR?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/alert-or">What's the result of OR'ed alerts?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/alert-1-null-2">What is the result of AND?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/alert-and">What is the result of AND'ed alerts?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/alert-and-or">The result of OR AND OR</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/check-if-in-range">Check the range between</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/check-if-out-range">Check the range outside</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/if-question">A question about &quot;if&quot;</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/check-login">Check the login</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/nullish-coalescing-operator">Nullish coalescing operator '??'</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/while-for">Loops: while and for</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/loop-last-value">Last loop value</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/which-value-while">Which values does the while loop show?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/which-value-for">Which values get shown by the &quot;for&quot; loop?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/for-even">Output even numbers in the loop</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/replace-for-while">Replace &quot;for&quot; with &quot;while&quot;</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/repeat-until-correct">Repeat until the input is correct</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/list-primes">Output prime numbers</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/switch">The &quot;switch&quot; statement</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/rewrite-switch-if-else">Rewrite the &quot;switch&quot; into an &quot;if&quot;</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/rewrite-if-switch">Rewrite &quot;if&quot; into &quot;switch&quot;</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/function-basics">Functions</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/if-else-required">Is &quot;else&quot; required?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/rewrite-function-question-or">Rewrite the function using '?' or '||'</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/min">Function min(a, b)</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/pow">Function pow(x,n)</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/function-expressions">Function expressions</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/arrow-functions-basics">Arrow functions, the basics</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/rewrite-arrow">Rewrite with arrow functions</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/javascript-specials">JavaScript specials</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/code-quality">Code quality</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/debugging-chrome">Debugging in the browser</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/coding-style">Coding Style</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/style-errors">Bad style</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/comments">Comments</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/ninja-code">Ninja code</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/testing-mocha">Automated testing with Mocha</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/pow-test-wrong">What's wrong in the test?</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/polyfills">Polyfills and transpilers</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/object-basics">Objects: the basics</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/object">Objects</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/hello-object">Hello, object</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/is-empty">Check for emptiness</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sum-object">Sum object properties</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/multiply-numeric">Multiply numeric property values by 2</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/object-copy">Object references and copying</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/garbage-collection">Garbage collection</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/object-methods">Object methods, &quot;this&quot;</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/object-property-this">Using &quot;this&quot; in object literal</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/calculator">Create a calculator</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/chain-calls">Chaining</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/constructor-new">Constructor, operator &quot;new&quot;</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/two-functions-one-object">Two functions – one object</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/calculator-constructor">Create new Calculator</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/accumulator">Create new Accumulator</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/optional-chaining">Optional chaining '?.'</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/symbol">Symbol type</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/object-toprimitive">Object to primitive conversion</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/data-types">Data types</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/primitives-methods">Methods of primitives</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/string-new-property">Can I add a string property?</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/number">Numbers</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sum-interface">Sum numbers from the visitor</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/why-rounded-down">Why 6.35.toFixed(1) == 6.3?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/repeat-until-number">Repeat until the input is a number</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/endless-loop-error">An occasional infinite loop</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/random-min-max">A random number from min to max</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/random-int-min-max">A random integer from min to max</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/string">Strings</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/ucfirst">Uppercase the first character</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/check-spam">Check for spam</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/truncate">Truncate the text</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/extract-currency">Extract the money</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/array">Arrays</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/item-value">Is array copied?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/create-array">Array operations.</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/call-array-this">Calling in an array context</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/array-input-sum">Sum input numbers</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/maximal-subarray">A maximal subarray</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/array-methods">Array methods</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/camelcase">Translate border-left-width to borderLeftWidth</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/filter-range">Filter range</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/filter-range-in-place">Filter range &quot;in place&quot;</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sort-back">Sort in decreasing order</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/copy-sort-array">Copy and sort array</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/calculator-extendable">Create an extendable calculator</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/array-get-names">Map to names</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/map-objects">Map to objects</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sort-objects">Sort users by age</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/shuffle">Shuffle an array</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/average-age">Get average age</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/array-unique">Filter unique array members</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/reduce-object">Create keyed object from array</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/iterable">Iterables</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/map-set">Map and Set</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/array-unique-map">Filter unique array members</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/filter-anagrams">Filter anagrams</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/iterable-keys">Iterable keys</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/weakmap-weakset">WeakMap and WeakSet</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/recipients-read">Store &quot;unread&quot; flags</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/recipients-when-read">Store read dates</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/keys-values-entries">Object.keys, values, entries</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sum-salaries">Sum the properties</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/count-properties">Count properties</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/destructuring-assignment">Destructuring assignment</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/destruct-user">Destructuring assignment</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/max-salary">The maximal salary</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/date">Date and time</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/new-date">Create a date</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/get-week-day">Show a weekday</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/weekday">European weekday</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/get-date-ago">Which day of month was many days ago?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/last-day-of-month">Last day of month?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/get-seconds-today">How many seconds have passed today?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/get-seconds-to-tomorrow">How many seconds till tomorrow?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/format-date-relative">Format the relative date</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/json">JSON methods, toJSON</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/serialize-object">Turn the object into JSON and back</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/serialize-event-circular">Exclude backreferences</a></div></li></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/advanced-functions">Advanced working with functions</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/recursion">Recursion and stack</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sum-to">Sum all numbers till the given one</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/factorial">Calculate factorial</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/fibonacci-numbers">Fibonacci numbers</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/output-single-linked-list">Output a single-linked list</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/output-single-linked-list-reverse">Output a single-linked list in the reverse order</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/rest-parameters-spread">Rest parameters and spread syntax</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/closure">Variable scope, closure</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/closure-latest-changes">Does a function pickup latest changes?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/closure-variable-access">Which variables are available?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/counter-independent">Are counters independent?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/counter-object-independent">Counter object</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/function-in-if">Function in if</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/closure-sum">Sum with closures</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/let-scope">Is variable visible?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/filter-through-function">Filter through function</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sort-by-field">Sort by field</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/make-army">Army of functions</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/var">The old &quot;var&quot;</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/global-object">Global object</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/function-object">Function object, NFE</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/counter-inc-dec">Set and decrease for counter</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sum-many-brackets">Sum with an arbitrary amount of brackets</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/new-function">The &quot;new Function&quot; syntax</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/settimeout-setinterval">Scheduling: setTimeout and setInterval</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/output-numbers-100ms">Output every second</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/settimeout-result">What will setTimeout show?</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/call-apply-decorators">Decorators and forwarding, call/apply</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/spy-decorator">Spy decorator</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/delay">Delaying decorator</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/debounce">Debounce decorator</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/throttle">Throttle decorator</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/bind">Function binding</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/write-to-object-after-bind">Bound function as a method</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/second-bind">Second bind</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/function-property-after-bind">Function property after bind</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/question-use-bind">Fix a function that loses &quot;this&quot;</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/ask-partial">Partial application for login</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/arrow-functions">Arrow functions revisited</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/object-properties">Object properties configuration</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/property-descriptors">Property flags and descriptors</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/property-accessors">Property getters and setters</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/prototypes">Prototypes, inheritance</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/prototype-inheritance">Prototypal inheritance</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/property-after-delete">Working with prototype</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/search-algorithm">Searching algorithm</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/proto-and-this">Where does it write?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/hamster-proto">Why are both hamsters full?</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/function-prototype">F.prototype</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/changing-prototype">Changing &quot;prototype&quot;</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/new-object-same-constructor">Create an object with the same constructor</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/native-prototypes">Native prototypes</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/defer-to-prototype">Add method &quot;f.defer(ms)&quot; to functions</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/defer-to-prototype-extended">Add the decorating &quot;defer()&quot; to functions</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/prototype-methods">Prototype methods, objects without __proto__</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/dictionary-tostring">Add toString to the dictionary</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/compare-calls">The difference between calls</a></div></li></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/classes">Classes</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/class">Class basic syntax</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/rewrite-to-class">Rewrite to class</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/class-inheritance">Class inheritance</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/class-constructor-error">Error creating an instance</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/clock-class-extended">Extended clock</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/static-properties-methods">Static properties and methods</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/class-extend-object">Class extends Object?</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/private-protected-properties-methods">Private and protected properties and methods</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/extend-natives">Extending built-in classes</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/instanceof">Class checking: &quot;instanceof&quot;</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/strange-instanceof">Strange instanceof</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/mixins">Mixins</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/error-handling">Error handling</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/try-catch">Error handling, &quot;try...catch&quot;</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/finally-or-code-after">Finally or just the code?</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/custom-errors">Custom errors, extending Error</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/format-error">Inherit from SyntaxError</a></div></li></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/async">Promises, async/await</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/callbacks">Introduction: callbacks</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/promise-basics">Promise</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/re-resolve">Re-resolve a promise?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/delay-promise">Delay with a promise</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/animate-circle-promise">Animated circle with promise</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/promise-chaining">Promises chaining</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/then-vs-catch">Promise: then versus catch</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/promise-error-handling">Error handling with promises</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/error-async">Error in setTimeout</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/promise-api">Promise API</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/promisify">Promisification</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/microtask-queue">Microtasks</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/async-await">Async/await</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/rewrite-async">Rewrite using async/await</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/rewrite-async-2">Rewrite &quot;rethrow&quot; with async/await</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/async-from-regular">Call async from non-async</a></div></li></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/generators-iterators">Generators, advanced iteration</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/generators">Generators</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/pseudo-random-generator">Pseudo-random generator</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/async-iterators-generators">Async iteration and generators</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/modules">Modules</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/modules-intro">Modules, introduction</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/import-export">Export and Import</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/modules-dynamic-imports">Dynamic imports</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/js-misc">Miscellaneous</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/proxy">Proxy and Reflect</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/error-nonexisting">Error on reading non-existent property</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/array-negative">Accessing array[-1]</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/observable">Observable</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/eval">Eval: run a code string</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/eval-calculator">Eval-calculator</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/currying-partials">Currying</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/reference-type">Reference Type</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/check-syntax">Syntax check</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/why-this">Explain the value of &quot;this&quot;</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/bigint">BigInt</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/unicode">Unicode, String internals</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/weakref-finalizationregistry">WeakRef and FinalizationRegistry</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li></ul></div><div class="tutorial-map-list__item"><h2 class="tutorial-map-list__title">Browser: Document, Events, Interfaces</h2><ul class="tutorial-map-list-two"><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/document">Document</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/browser-environment">Browser environment, specs</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/dom-nodes">DOM tree</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/dom-navigation">Walking the DOM</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/dom-children">DOM children</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/navigation-links-which-null">The sibling question</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/select-diagonal-cells">Select all diagonal cells</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/searching-elements-dom">Searching: getElement*, querySelector*</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-elements">Search for elements</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/basic-dom-node-properties">Node properties: type, tag and contents</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/tree-info">Count descendants</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/lastchild-nodetype-inline">What's in the nodeType?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/tag-in-comment">Tag in comment</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/where-document-in-hierarchy">Where's the &quot;document&quot; in the hierarchy?</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/dom-attributes-and-properties">Attributes and properties</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/get-user-attribute">Get the attribute</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/yellow-links">Make external links orange</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/modifying-document">Modifying the document</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/createtextnode-vs-innerhtml">createTextNode vs innerHTML vs textContent</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/clear-elem">Clear the element</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/why-aaa">Why does &quot;aaa&quot; remain?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/create-list">Create a list</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/create-object-tree">Create a tree from the object</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/tree-count">Show descendants in a tree</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/calendar-table">Create a calendar</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/clock-setinterval">Colored clock with setInterval</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/append-to-list">Insert the HTML in the list</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sort-table">Sort the table</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/styles-and-classes">Styles and classes</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/create-notification">Create a notification</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/size-and-scroll">Element size and scrolling</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/get-scroll-height-bottom">What's the scroll from the bottom?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/scrollbar-width">What is the scrollbar width?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/put-ball-in-center">Place the ball in the field center</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/width-vs-clientwidth">The difference: CSS width versus clientWidth</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/size-and-scroll-window">Window sizes and scrolling</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/coordinates">Coordinates</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-point-coordinates">Find window coordinates of the field</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/position-at">Show a note near the element</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/position-at-absolute">Show a note near the element (absolute)</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/position-inside-absolute">Position the note inside (absolute)</a></div></li></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/events">Introduction to Events</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/introduction-browser-events">Introduction to browser events</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/hide-other">Hide on click</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/hide-self-onclick">Hide self</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/which-handlers-run">Which handlers run?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/move-ball-field">Move the ball across the field</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sliding-menu">Create a sliding menu</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/hide-message">Add a closing button</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/carousel">Carousel</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/bubbling-and-capturing">Bubbling and capturing</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/event-delegation">Event delegation</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/hide-message-delegate">Hide messages with delegation</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sliding-tree">Tree menu</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/sortable-table">Sortable table</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/behavior-tooltip">Tooltip behavior</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/default-browser-action">Browser default actions</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/why-return-false-fails">Why &quot;return false&quot; doesn't work?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/catch-link-navigation">Catch links in the element</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/image-gallery">Image gallery</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/dispatch-events">Dispatching custom events</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/event-details">UI Events</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/mouse-events-basics">Mouse events</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/selectable-list">Selectable list</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/mousemove-mouseover-mouseout-mouseenter-mouseleave">Moving the mouse: mouseover/out, mouseenter/leave</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/behavior-nested-tooltip">Improved tooltip behavior</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/hoverintent">&quot;Smart&quot; tooltip</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/mouse-drag-and-drop">Drag'n'Drop with mouse events</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/slider">Slider</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/drag-heroes">Drag superheroes around the field</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/pointer-events">Pointer events</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/keyboard-events">Keyboard: keydown and keyup</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/check-sync-keydown">Extended hotkeys</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/onscroll">Scrolling</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/endless-page">Endless page</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/updown-button">Up/down button</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/load-visible-img">Load visible images</a></div></li></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/forms-controls">Forms, controls</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/form-elements">Form properties and methods</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/add-select-option">Add an option to select</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/focus-blur">Focusing: focus/blur</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/editable-div">Editable div</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/edit-td-click">Edit TD on click</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/keyboard-mouse">Keyboard-driven mouse</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/events-change-input">Events: change, input, cut, copy, paste</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/deposit-calculator">Deposit calculator</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/forms-submit">Forms: event and method submit</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/modal-dialog">Modal form</a></div></li></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/loading">Document and resource loading</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/onload-ondomcontentloaded">Page: DOMContentLoaded, load, beforeunload, unload</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/script-async-defer">Scripts: async, defer</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/onload-onerror">Resource loading: onload and onerror</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/load-img-callback">Load images with a callback</a></div></li></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/ui-misc">Miscellaneous</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/mutation-observer">Mutation observer</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/selection-range">Selection and Range</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/event-loop">Event loop: microtasks and macrotasks</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/micro-macro-queue">What will be the output of this code?</a></div></li></ul></li></ul></li></ul></div><div class="tutorial-map-list__item"><h2 class="tutorial-map-list__title">Additional articles</h2><ul class="tutorial-map-list-two"><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/frames-and-windows">Frames and windows</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/popup-windows">Popups and window methods</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/cross-window-communication">Cross-window communication</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/clickjacking">The clickjacking attack</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/binary">Binary data, files</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/arraybuffer-binary-arrays">ArrayBuffer, binary arrays</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/concat">Concatenate typed arrays</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/text-decoder">TextDecoder and TextEncoder</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/blob">Blob</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/file">File and FileReader</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/network">Network requests</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/fetch">Fetch</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/fetch-users">Fetch users from GitHub</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/formdata">FormData</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/fetch-progress">Fetch: Download progress</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/fetch-abort">Fetch: Abort</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/fetch-crossorigin">Fetch: Cross-Origin Requests</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/do-we-need-origin">Why do we need Origin?</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/fetch-api">Fetch API</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/url">URL objects</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/xmlhttprequest">XMLHttpRequest</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/resume-upload">Resumable file upload</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/long-polling">Long polling</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/websocket">WebSocket</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/server-sent-events">Server Sent Events</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/data-storage">Storing data in the browser</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/cookie">Cookies, document.cookie</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/localstorage">LocalStorage, sessionStorage</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/form-autosave">Autosave a form field</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/indexeddb">IndexedDB</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/animation">Animation</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/bezier-curve">Bezier curve</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/css-animations">CSS-animations</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/animate-logo-css">Animate a plane (CSS)</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/animate-logo-bezier-css">Animate the flying plane (CSS)</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/animate-circle">Animated circle</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/animate-circle-callback">Animated circle with callback</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/js-animation">JavaScript animations</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/animate-ball">Animate the bouncing ball</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/animate-ball-hops">Animate the ball bouncing to the right</a></div></li></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/web-components">Web components</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/webcomponents-intro">From the orbital height</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/custom-elements">Custom elements</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/live-timer">Live timer element</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/shadow-dom">Shadow DOM</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/template-element">Template element</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/slots-composition">Shadow DOM slots, composition</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/shadow-dom-style">Shadow DOM styling</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/shadow-dom-events">Shadow DOM and events</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li><li class="tutorial-map-list-two__item"><div class="tutorial-map-list-two__title"><a class="tutorial-map-list-two__link" href="/regular-expressions">Regular expressions</a></div><ul class="tutorial-map-list-three"><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-introduction">Patterns and flags</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-character-classes">Character classes</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-unicode">Unicode: flag &quot;u&quot; and class \p{...}</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-anchors">Anchors: string start ^ and end $</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/start-end">Regexp ^$</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-multiline-mode">Multiline mode of anchors ^ $, flag &quot;m&quot;</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-boundary">Word boundary: \b</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-time-hh-mm">Find the time</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-escaping">Escaping, special characters</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-character-sets-and-ranges">Sets and ranges [...]</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-range-1">Java[^script]</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-time-2-formats">Find the time as hh:mm or hh-mm</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-quantifiers">Quantifiers +, *, ? and {n}</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-text-manydots">How to find an ellipsis &quot;...&quot; ?</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-html-colors-6hex">Regexp for HTML colors</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-greedy-and-lazy">Greedy and lazy quantifiers</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/lazy-greedy">A match for /d+? d+?/</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-html-comments">Find HTML comments</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-html-tags-greedy-lazy">Find HTML tags</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-groups">Capturing groups</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/test-mac">Check MAC-address</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-webcolor-3-or-6">Find color in the format #abc or #abcdef</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-decimal-numbers">Find all numbers</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/parse-expression">Parse an expression</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-backreferences">Backreferences in pattern: \N and \k&lt;name&gt;</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-alternation">Alternation (OR) |</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-programming-language">Find programming languages</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-matching-bbtags">Find bbtag pairs</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/match-quoted-string">Find quoted strings</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/match-exact-tag">Find the full tag</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-lookahead-lookbehind">Lookahead and lookbehind</a></div><ul class="tutorial-map-list-four"><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/find-non-negative-integers">Find non-negative integers</a></div></li><li class="tutorial-map-list-four__item"><div class="tutorial-map-list-four__title"><a class="tutorial-map-list-four__link" href="/task/insert-after-head">Insert After Head</a></div></li></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-catastrophic-backtracking">Catastrophic backtracking</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-sticky">Sticky flag &quot;y&quot;, searching at position</a></div><ul class="tutorial-map-list-four"></ul></li><li class="tutorial-map-list-three__item"><div class="tutorial-map-list-three__title"><a class="tutorial-map-list-three__link" href="/regexp-methods">Methods of RegExp and String</a></div><ul class="tutorial-map-list-four"></ul></li></ul></li></ul></div></div></div>