Category: JavaScript

In this tutorials, we will learn how the Fetch API can be used to get data from an API. I will be taking a fake API which will contain employee details as an example and from that API. I will show to get data by fetch() API method. JavaScript fetch() method: The fetch() method is modern and versatile and is very well-supported among modern browsers. It can send network requests to the server and load new information whenever it’s needed, without reloading the browser.Syntax: The fetch() m... Read Mores

Given a web page containing the page title and the task is to change the title of a web page dynamically using JavaScript. Method 1: Using JavaScript document.title property.This property is used to set or return the current title of the document. The title of the page can be changed by assigning the new title as a string to this property. This will change the title of the website to the preferred title. Syntax: newPageTitle = 'The title has changed!';document.title = newPageTitle... Read Mores

Hey Everyone, today in this tutorials, you’ll learn how to create a QR Code Generator in HTML CSS & JavaScript. In the earlier blog, I have shared how to Create A Todo List App in HTML CSS & JavaScript and now it’s time to make a QR Code Generator in JavaScript. QR (Quick Response) codes are capable of storing lots of data, and users can easily access the information by scanning the QR code. In my QR Code Generator app, users can enter a text or URL to generate a QR code for it. It... Read Mores

Hey guys, today in this tutorial, you’ll learn how to create a Todo List App in HTML CSS & JavaScript. I have already written two tutorials on Todo App in JavaScript, but these todos have limited features only. So, I have created a new todo app, and it has additional features than the previous todo list. In this todo app, you can easily add, edit, or delete your task. There are filters button too that helps you to filter the tasks. The tasks you added on this todo app will be stored in th... Read Mores

Hey Everyone, today in this tutorial you’ll learn how to create an Attractive Poll UI Design using HTML CSS & JavaScript. In the earlier tutorial, I have shared How to Highlight Searched Text Using JavaScript and now it’s time to create a Pooling System in JavaScript. You may have seen polls on Facebook, YouTube where the author posts a poll with some options, and user have to select one option from the mentioned options. You can undo your selection and in this blog, I’ll show you th... Read Mores

Hello Everyone, In this tutorial you'll learn how to highlight searched text using HTML & JavaScript. In the previous tutorials we shared Count Up / Count Down Animation With Javascript. Now, its time to create highlight searched text using js. If we want to highlight the text in the Html document using the <mark> tag, then we have to follow the steps which are given below. Using these steps, we can easily highlight the text. Highlight Searched Text Using JavaScript with Source Code ... Read Mores

Hello Everyone, in this tutorial you'll learn how to create count animation with JavaScript. Where you can count from one number to another number. You can change start and end number along with the speed. In the previous tutorials we shared How to create Multi Tags Input Box in HTML CSS & JavaScript. Now its time to create count up and count down counter animation using javascript. Access FREE : Compiler Design Free Tutorial Create count animation with JavaScript with Source Code To creat... Read Mores

Hey Everyone, today in this tutorial, you’ll learn How to create an Add Tags Input Box in HTML CSS & JavaScript. In the previous tutorial, I have shared How to Detect Browser in JavaScript and now it’s time to create Multi Tags Input Box. A tags input is a user interface (UI) component for the user that allows the user to add or insert multiple entries as tags into an input field. In this Multu Tags Input in JavaScript project, as you can see on the webpage, there is an input box with s... Read Mores

Hey Everyone, today in this tutorial you’ll learn How to Detect Browser in JavaScript. To detect user browser, I’ll use only HTML CSS & JavaScript. In the previous tutorial, I have shared How to create a Facebook Post Box in HTML CSS & JavaScript and now it’s time to create a simple program that detect browser in JavaScript. This is very simple program for JavaScript beginner  i.e Browser Detector using JavaScript. You can also access : Our Free Browser Detector Tool In this Det... Read Mores

Hey everyone, today in this tutorial, you’ll learn how to create a Facebook Post Box in HTML CSS & JavaScript. In the previous tutorial, I have shared How To Create AdBlock Detector using HTML & JavaScript. Now it’s time to create a Facebook Post Box and its drop-menu animation like facebook. I considered you have seen the Facebook Post Box and its drop or options menu animation on Facebook. You may be amazed by its cool, interactive, and attractive animation. I also liked its menu... Read Mores