• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
JavaScriptSource

JavaScriptSource

Search 5,000+ Free JavaScript Snippets

  • Home
  • Browse Snippets
    • Addon
    • Ajax
    • Buttons
    • Cookies
    • CSS
    • Featured
    • Forms
    • Games
    • Generators
    • Image Effects
    • Math Related
    • Miscellaneous
    • Multimedia
    • Navigation
    • Page Details
    • Passwords
    • Text Effects
    • Time & Date
    • User Details

Remove duplicate items from an array

Remove duplicate items from an array

To remove any duplicates, we can pass our array into the new Set() constructor, then convert the returned collection back into an array.

Miscellaneous

Check if all the elements in values are included in arr

Check if all the elements in values are included in arr

Use Array.prototype.every() and Array.prototype.includes() to check if all elements of values are included in arr.

Miscellaneous

Detect Caps Lock Is On

Detect Caps Lock Is On

To check if the caps lock is on, you use the getModifierState() method of the KeyboardEvent object.

Miscellaneous

Select an element or list of elements

Select an element or list of elements

Select an element or elements by given ID, class name, tag name, or CSS selector.

CSS

Dynamically changing the text color based on background color contrast

Dynamically changing the text color based on background color contrast

Get the contrasting color for any hex color.

Text Effects

Check if at least one element of values is included in arr

Check if at least one element of values is included in arr

Use Array.prototype.some() and Array.prototype.includes() to check if at least one element of values is included in arr.

Miscellaneous

Check If an Element is Visible in the Viewport

Check If an Element is Visible in the Viewport

In this tutorial, you’ll learn how to check if an element is visible in the viewport using JavaScript.

CSS

Press shift and enter for a new line

Press shift and enter for a new line

In some cases such as an inline editable element, or a messaging application, you would like to submit the data when user presses Enter. The only way to generate a new line is to press Shift and Enter.

Miscellaneous

Get the value of a cookie

Get the value of a cookie

In order to retrieve specific cookie value, we just need to get string that is after “; {name}=” and before next “;”.

Cookies

Insert an HTML string after the end of the specified element

Insert an HTML string after the end of the specified element

Use Element.insertAdjacentHTML() with a position of ‘afterend’ to parse htmlString and insert it after the end of el.

Miscellaneous

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 22
  • Go to page 23
  • Go to page 24
  • Go to page 25
  • Go to page 26
  • Interim pages omitted …
  • Go to page 36
  • Go to Next Page »

Primary Sidebar

Popular Posts

Story Generator

IP Grabber – get a users IP address with JavaScript

Simple Calendar

Remove Ads

Astrological Calculator

Copyright © 2025 JavaScriptSource.com

  • About
  • Privacy Policy
  • FAQ
  • Jobs For Developers