You Are Viewing Posts Under Category: JavaScript Codes

Full--Featured-Custom-Video-Player-Using-HTML5-And-JavaScript

Full Featured Custom Video Player Using HTML5 And JavaScript

Video Player is must have a tool for a website that has videos to play what about if you do not want to use the browser default player for your videos that do not match your website styling and demand then you have to build your own custom video player. So, in this tutorial, we […]...

How To Set And Add onClick Function On Elements Using JavaScript?

If you’ve ever used a form on a website, chances are you’ve interacted with JavaScript. It’s the technology that makes things like buttons and drop-downs work.  But what is it, and how does it work? An event is an action taken by a browser or a user. The JavaScript concept of even...
JavaScript-Based-Selectable-Tabs-For-Search-Filters

JavaScript Based Selectable Tags For Search Filters

Do you want to add a list of labels and tags or categories to let your users search filters or in your forms with awesome animation with pure vanilla javascript? There are many code snippets available online or on many other blogs and websites, but everyone cannot optimize your blog or website, so y...
Input-Tags-With-Automatically-Comma-Separated-Formatting-Using-JavaScript

Input Tags With Automatically Comma Separated Formatting Using JavaScript

The “simple-tags” is a modest Vanilla JavaScript plugin that allows you to create tag input. This pure JS tags input plugin is useful to insert new tags, remove tags and display predefined tag in an HTML container. Besides this, you can also style the tags field with additional CSS according to ...
Custom-Web-Audio-Player-With-Controls-And-Playlist-Using-Vanilla-JavaScript

Custom Web Audio Player With Controls And Playlist Using Vanilla JavaScript

This code snippet helps you to create a JavaScript audio player with a playlist. It comes with custom controls including volume progress, play/pause, next/previous, shuffles, and autoplay buttons. Likewise, users can expand and collapse the player and playlist. The player is purely built with JavaSc...
JavaScript-Audio-Waveform-Visualizer-Player-With-Pure-Vanilla-JavaScript

JavaScript Audio Waveform Visualizer Player With Pure Vanilla JavaScript

The JS Audio Visualizer is a lightweight JavaScript plugin to create an audio waveform visualizer. It gets the frequency data from the audio source file and draws audio visualization on the canvas element. It displays real-time audio visualization with an HTML5 audio player. Whether you are working ...
Add-A-Simple-Page-Scroll-Reader-Indicator-With-Pure-Vanilla-JavaScript

Add A Simple Page Scroll Reader Indicator With Pure Vanilla JavaScript

Reading progress indicators are generally used in long-form articles. They provide a visual clue for readers indicating how far they are from the end of an article. In this tutorial we’ll be creating a reading progress indicator that looks and functions like the following: Adding a progress bar to...