gitextract_o7rxk2fy/ ├── .editorconfig ├── .gitignore ├── CNAME ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── PULL_REQUEST_TEMPLATE.md ├── README.md ├── bootstrap.php ├── build/ │ └── config.gypi ├── composer.json ├── config.php ├── netlify.toml ├── package.json ├── source/ │ ├── 404.html │ ├── CNAME │ ├── _assets/ │ │ ├── js/ │ │ │ ├── autocomplete.js │ │ │ └── main.js │ │ └── sass/ │ │ ├── about.scss │ │ ├── all.scss │ │ ├── autocomplete.scss │ │ ├── banner.scss │ │ ├── body.scss │ │ ├── card.scss │ │ ├── category.scss │ │ ├── code.scss │ │ ├── footer.scss │ │ ├── landing.scss │ │ ├── main.scss │ │ ├── nav.scss │ │ ├── prism.css │ │ ├── related.scss │ │ ├── share.scss │ │ └── usecase.scss │ ├── _jsusecases/ │ │ ├── add-class-to-element.md │ │ ├── add-item-to-array.md │ │ ├── add-item-to-localstorage.md │ │ ├── add-item-to-sessionstorage.md │ │ ├── add-multiple-classes-to-element.md │ │ ├── add-object-to-localstorage.md │ │ ├── append-html.md │ │ ├── apply-function-to-every-array-element.md │ │ ├── async-await-fetch.md │ │ ├── async-await.md │ │ ├── call-a-function-with-arguments.md │ │ ├── call-a-function.md │ │ ├── capitalize-first-letter.md │ │ ├── change-CSS-property.md │ │ ├── check-if-array-includes-element.md │ │ ├── check-if-element-has-class.md │ │ ├── check-if-number-is-even.md │ │ ├── check-if-number-is-odd.md │ │ ├── check-if-object-includes-substring.md │ │ ├── check-if-object-includes-value.md │ │ ├── check-if-object-is-empty.md │ │ ├── check-if-string-ends-with-substring.md │ │ ├── check-if-string-includes-another-string.md │ │ ├── check-if-string-starts-with-substring.md │ │ ├── check-if-variable-is-a-string.md │ │ ├── check-if-variable-is-an-object.md │ │ ├── clear-interval.md │ │ ├── clear-timeout.md │ │ ├── comment.md │ │ ├── concatenate-arrays.md │ │ ├── concatenate-objects.md │ │ ├── convert-JSON-to-string.md │ │ ├── convert-array-to-comma-separated-string.md │ │ ├── convert-date-to-mysql-format-YYYY-MM-DD.md │ │ ├── convert-date-to-timestamp.md │ │ ├── convert-from-degree-to-radian.md │ │ ├── convert-string-to-number.md │ │ ├── copy-text-to-clipboard.md │ │ ├── create-a-promise.md │ │ ├── create-a-range-array.md │ │ ├── create-a-regex.md │ │ ├── create-a-switch-statement.md │ │ ├── create-an-object.md │ │ ├── create-array-from-existing-array.md │ │ ├── create-date-in-RFC3339-format.md │ │ ├── create-logical-AND-condition.md │ │ ├── create-logical-NOT-condition.md │ │ ├── create-logical-OR-condition.md │ │ ├── create-object-from-array.md │ │ ├── create-shallow-copy-of-object.md │ │ ├── create-string-from-character-code.md │ │ ├── decode-url.md │ │ ├── decrement-a-variable.md │ │ ├── define-a-class.md │ │ ├── define-a-function-with-default-parameter.md │ │ ├── define-variable.md │ │ ├── delete-item-from-array.md │ │ ├── destructure-from-array.md │ │ ├── destructure-from-object.md │ │ ├── destructure-with-default-value.md │ │ ├── empty-array.md │ │ ├── encode-url.md │ │ ├── fetch-XML.md │ │ ├── fetch-json.md │ │ ├── fetch-post-json.md │ │ ├── filter-objects-in-array.md │ │ ├── find-an-element-from-the-DOM.md │ │ ├── find-element-by-class.md │ │ ├── find-element-by-id.md │ │ ├── find-index-of-element-in-array.md │ │ ├── find-multiple-DOM-elements.md │ │ ├── find-next-element.md │ │ ├── find-previous-element.md │ │ ├── find-root-of-positive-number.md │ │ ├── flatten-a-nested-array.md │ │ ├── format-currency-as-per-locale.md │ │ ├── format-date.md │ │ ├── generate-random-string.md │ │ ├── get-CSS-custom-property.md │ │ ├── get-CSS-property.md │ │ ├── get-count-of-DOM-elements.md │ │ ├── get-count-of-character-in-string.md │ │ ├── get-count-of-duplicate-items-in-array.md │ │ ├── get-current-day-name.md │ │ ├── get-current-month-name.md │ │ ├── get-current-page-url.md │ │ ├── get-current-short-day-name.md │ │ ├── get-current-short-month-name.md │ │ ├── get-current-timestamp-in-seconds.md │ │ ├── get-current-timestamp.md │ │ ├── get-current-year.md │ │ ├── get-data-attribute-from-element.md │ │ ├── get-division-remainder.md │ │ ├── get-extension-from-input-type-file.md │ │ ├── get-file-name-from-path.md │ │ ├── get-first-character-of-string.md │ │ ├── get-function-arguments-as-array.md │ │ ├── get-human-friendly-date-difference.md │ │ ├── get-item-from-localstorage.md │ │ ├── get-item-from-sessionstorage.md │ │ ├── get-keys-of-object.md │ │ ├── get-last-array-element.md │ │ ├── get-last-character-of-string.md │ │ ├── get-length-of-array.md │ │ ├── get-length-of-string.md │ │ ├── get-minutes-ago.md │ │ ├── get-path-from-full-path.md │ │ ├── get-port-from-url.md │ │ ├── get-random-element-from-array.md │ │ ├── get-random-hex-color.md │ │ ├── get-random-number-between-two-numbers.md │ │ ├── get-unique-values-from-object-array-property.md │ │ ├── get-url-search-params.md │ │ ├── hide-element.md │ │ ├── increment-a-variable.md │ │ ├── interpolate.md │ │ ├── listen-to-click-event.md │ │ ├── listen-to-hover-event.md │ │ ├── listen-to-scroll-event.md │ │ ├── loop-backwards-through-array.md │ │ ├── loop-through-array.md │ │ ├── loop-through-object.md │ │ ├── lowercase-a-string.md │ │ ├── manually-trigger-event-on-element.md │ │ ├── match-text-against-regex.md │ │ ├── open-url-in-new-tab.md │ │ ├── parse-JSON-string.md │ │ ├── pause-audio.md │ │ ├── pause-video.md │ │ ├── play-audio.md │ │ ├── play-video.md │ │ ├── prevent-default-action-of-event.md │ │ ├── redirect-to-another-page.md │ │ ├── register-a-service-worker.md │ │ ├── reload-page.md │ │ ├── remove-a-property-from-object.md │ │ ├── remove-class-from-element.md │ │ ├── remove-duplicates-from-array.md │ │ ├── remove-element-from-DOM.md │ │ ├── remove-item-from-localstorage.md │ │ ├── remove-multiple-classes-from-element.md │ │ ├── repeat-a-string.md │ │ ├── replace-a-class-of-element.md │ │ ├── replace-all-occurrences-of-string.md │ │ ├── replace-element-content-HTML.md │ │ ├── replace-spaces-with-dashes.md │ │ ├── reverse-elements-of-array.md │ │ ├── round-a-number.md │ │ ├── set-CSS-custom-property.md │ │ ├── set-interval.md │ │ ├── set-timeout.md │ │ ├── set-url-search-params.md │ │ ├── show-element.md │ │ ├── skip-values-from-array-destructuring.md │ │ ├── smooth-scroll.md │ │ ├── sort-array-in-ascending-order.md │ │ ├── sort-array-in-descending-order.md │ │ ├── sort-array-of-objects-in-ascending-order.md │ │ ├── sort-array-of-objects-in-descending-order.md │ │ ├── split-comma-separated-string.md │ │ ├── split-string-into-array-of-characters.md │ │ ├── stop-audio.md │ │ ├── stop-video.md │ │ ├── sum-items-of-array.md │ │ ├── swap-variables.md │ │ ├── time-a-function.md │ │ ├── toggle-class-of-element.md │ │ ├── try-catch.md │ │ ├── update-array-immutably.md │ │ ├── uppercase-a-string.md │ │ ├── uppercase-every-word.md │ │ ├── uppercase-first-letter.md │ │ ├── validate-email.md │ │ ├── wait-in-async-await-functions.md │ │ ├── write-a-multiline-string.md │ │ └── write-an-arrow-function.md │ ├── _layouts/ │ │ ├── master.blade.php │ │ └── usecase.blade.php │ ├── _partials/ │ │ ├── footer.blade.php │ │ ├── head.blade.php │ │ ├── header.blade.php │ │ ├── header_inner.blade.php │ │ ├── logosvg.blade.php │ │ ├── menu.blade.php │ │ ├── related.blade.php │ │ ├── scripts.blade.php │ │ └── share.blade.php │ ├── _reactusecases/ │ │ ├── destructure-props.md │ │ ├── export-a-component.md │ │ ├── fetch-with-use-hook.md │ │ ├── get-React-version.md │ │ ├── get-props.md │ │ ├── listen-to-click-event.md │ │ ├── listen-to-keydown-event.md │ │ ├── listen-to-keypress-event.md │ │ ├── listen-to-keyup-event.md │ │ ├── render-to-the-DOM.md │ │ ├── use-fragments.md │ │ ├── use-state-with-hooks.md │ │ ├── write-a-class-component.md │ │ └── write-a-functional-component.md │ ├── about.blade.php │ ├── all.blade.php │ ├── api/ │ │ ├── users.json │ │ └── users.xml │ ├── assets/ │ │ └── build/ │ │ ├── 0.js │ │ ├── css/ │ │ │ ├── app.css │ │ │ └── main.css │ │ ├── js/ │ │ │ ├── index.js │ │ │ └── main.js │ │ └── mix-manifest.json │ ├── build/ │ │ ├── css/ │ │ │ └── main-17bd45cbc3.css │ │ ├── js/ │ │ │ └── all-0048fc7a19.js │ │ └── rev-manifest.json │ ├── css/ │ │ └── main.css │ ├── dynamic-sitemap.blade.php │ ├── favicons/ │ │ ├── browserconfig.xml │ │ └── manifest.json │ ├── index.blade.php │ ├── javascript.blade.php │ ├── js/ │ │ ├── all.js │ │ └── index.js │ └── react.blade.php ├── tasks/ │ ├── algolia-sync.js │ ├── bin.js │ └── build.js └── webpack.mix.js