JavaScript

Count number of images available on the webpage

Hello friends, In this tutorial, we will see the HTML, CSS, and JAVASCRIPT code to Count the number of images available on the webpage. Table Of Contents: HTML CODE JAVASCRIPT CODE OUTPUT OTHER POSTS   <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css” integrity=”sha384- JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z” crossorigin=”anonymous”> <script src=”https://code.jquery.com/jquery-3.5.1.slim.min.js” integrity=”sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj” …

Count number of images available on the webpage Read More »

Input value from the user using prompt html-js

Input value from the user using prompt html-js. <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>User Input with Prompt</title> </head> <body> <button onclick=”getUserInput()”>Enter Your Name</button> <p id=”userInputDisplay”>Your name will appear here.</p> <script> function getUserInput() { // Prompt the user for input var userInput = prompt(“Please enter your name:”); if (userInput !== …

Input value from the user using prompt html-js Read More »

Create an object and display its content in a table.

Create an object and display its content in a table. <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Display Object in Table</title> <style> table { width: 50%; border-collapse: collapse; margin: 20px 0; } table, th, td { border: 1px solid black; } th, td { padding: 8px; text-align: left; } </style> </head> …

Create an object and display its content in a table. Read More »

How to create a responsive table using HTML and CSS??

You will learn how to use HTML and CSS to design a responsive table by following this guide. This is especially beneficial so that consumers can enjoy a positive experience across various screen resolutions. We can make a responsive table that functions on desktop and mobile devices by combining HTML and CSS. Kindly ask any …

How to create a responsive table using HTML and CSS?? Read More »

How to make the first letter of each word capitalized automatically in a textbox field in HTML??

You will learn how to automatically capitalize the first letter of each word in an HTML textbox field by following this guide. This is especially useful for form fields like names and titles that need to be formatted properly as nouns. Using HTML and CSS together, we can create an interactive form element that guarantees …

How to make the first letter of each word capitalized automatically in a textbox field in HTML?? Read More »

Fireworks Effect Using CSS and JS

This tutorial tells about the fireworks effect using the CSS and JS. Working on Fireworks effect using CSS and JS <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Fireworks Effects</title> <link rel=”stylesheet” href=”style.css”> </head> <body> <div id=”fireworks-container”></div> <script src=”script.js”></script> </body> </html> style.css body { margin: 0; overflow: hidden; background: white; } #fireworks-container …

Fireworks Effect Using CSS and JS Read More »

Remove even numbers from an array using JavaScript

JavaScript JavaScript is a lightweight, cross-platform, single-threaded programming language used to create dynamic content on websites. JavaScript is an interpreted language that executes code line by line providing more flexibility. Widely used in web development, JavaScript enables the creation of interactive and dynamic elements in web applications. Removing even numbers from an array Here is …

Remove even numbers from an array using JavaScript Read More »

Scroll to Top