Found 32 Questions For JavaScript

How to Add Scroll Animations to a Page with JavaScript’s Intersection Observer API

Updated on 31-Mar-2023 19:32:26
Introduction Scroll animations are an excellent way to engage users and make web pages more dynamic. When a user scrolls through a page, animations can be triggered to create an interactive and immersive experience. One way to achieve scroll animations is through the use of JavaScript's Intersection Observer API. In this article, we will explore what the Intersection Observer API is, how it works, and how to use it to add scroll animations to a web page. What is the Intersection Observer API? ... Read More

Create Page Reload Button Using JavaScript

Updated on 12-Mar-2023 14:07:49
Hello Friends, In this tutorial we will learn to create a page reload button using JavaScript by adding an event listener to a button element that triggers the location.reload() method when clicked. Here is an example code:HTML:<button id="reloadButton">Reload Page</button>JavaScript:const reloadButton = document.getElementById("reloadButton");reloadButton.addEventListener("click", () => {  location.reload();});In this code, we first select the button element using the docume... Read More

Create Beautiful Login Page Using HTML and JS

Updated on 12-Mar-2023 13:04:37
Hello Friend, In this tutorial we will learn to create beautiful login page using HTML and JavaScript:HTML:<!DOCTYPE html><html><head> <title>Beautiful Login Page</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="style.css"></head><body> <div class="container"> <form class="login-form" action="" method="post"> <h2>Login&... Read More

Create OTP Code Verification Form in HTML CSS & JavaScript

Updated on 01-Mar-2023 19:22:17
Hello Friends, In this tutorial we will learn how to create OTP Code Verification Form in HTML CSS & JavaScript and Check Enter OTP is valid or not valid using JavaScript. Html Code :<!DOCTYPE html><html>  <head>    <title>OTP Code Verification Form</title>    <style>      * {        box-sizing: border-box;      }      body {        font-famil... Read More

How to Use the JavaScript Fetch API to Get Data from an API?

Updated on 20-Feb-2023 0:17:53
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 More

How to Change a Web Page’s Title Dynamically using JavaScript ?

Updated on 06-Feb-2023 17:24:42
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 More

how to create a QR Code Generator in HTML CSS & JavaScript.

Updated on 31-Jul-2022 10:00:17
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 More

Create A Todo List App in HTML CSS & JavaScript

Updated on 13-Mar-2022 15:42:30
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 More

create an Attractive Poll UI Design using HTML CSS & JavaScript

Updated on 26-Jan-2022 13:51:43
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 More

How to Highlight Searched Text Using JavaScript

Updated on 21-Jan-2022 13:29:25
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 More
1 2 3 4 Next



Advertisements

ads