DOM Manipulation

Grocery Checklist App Using HTML, CSS JavaScript with Source Code

This is a Grocery Checklist App created using HTML, CSS, and JavaScript. The purpose of this web application is to allow users to create and manage a checklist of grocery items they need to buy. This Grocery Checklist App allows users to add, remove, and mark items as done on their grocery list. The checklist data is stored in local storage to provide persistence across sessions. Users can also

Unit Converter Using HTML, CSS and JavaScript with Source Code

In today's fast-paced world, unit conversion is an essential task that often arises in various fields, from science and engineering to everyday life. To simplify this process and make it more accessible to users, we've created a versatile Unit Converter web application using HTML, CSS, and JavaScript. Our Unit Converter provides a user-friendly interface that allows you to effortlessly convert

Alarm Clock App Using HTML, CSS and JavaScript

In today's fast-paced world, managing our time efficiently is crucial. One essential tool that has been a part of our daily routines for decades is the trusty alarm clock. With the advent of modern technology, we now have the opportunity to create our own digital alarm clock right in our web browsers. This project will guide you through the process of creating a simple yet functional Alarm Clock

Whac-A-Mole Game Using HTML, CSS and JavaScript with Source Code

Whack-A-Mole is a classic arcade game that has entertained people of all ages for decades. In this project, we will create a simplified version of Whack-A-Mole using the power of web technologies – HTML, CSS, and JavaScript. Whack-A-Mole is a game that challenges your reaction time and hand-eye coordination as you attempt to "whack" or click on moles that pop up randomly from their hiding spots

Quick Math Using HTML, CSS and JavaScript with Source Code

Quick Math, an exciting and quick mathematical challenge that will put your arithmetic skills to the test! In this web-based game created with HTML, CSS, and JavaScript, you'll embark on a journey of rapid mental calculations and race against the clock. Quick Math, much like the Word Scramble and Rock, Paper, Scissors, that includes elements of randomness and quick thinking to create an engaging

Basic DOM (Document Object Model) Manipulation using jQuery Tutorial

Introductions

In this tutorial, a will show you how to Manipulate DOM (Document Object Model) using jQuery. You will learn how to use the basic and common jQuery APIs or methods. The tutorial aims to provide the students and new programmers a reference for learning how they can give their better experience for your using their developed web application using DOM Manipulations. Here, snippets and sample source codes are provided to give you more understanding of the scripts.

Call JavaScript From PHP & Efficiently Insert/Replace content and work with the DOM

Efficiently insert/replace content and work with the DOM. It is also possible to easily call JavaScript modules from PHP. This library currently implements a small part of Facebook BigPipe so far, but the advantage is to efficiently insert/replace content and work with the DOM. It is also possible to easily call JavaScript modules from PHP. Demo App Try the app with a live demo or check how to

Dynamic Web Landing Page using JavaScript and jQuery Free Source Code

Introduction This is a mini-project called Dynamic Web Landing Page . I am sharing this simple source code developed in HTML, CSS, JavaScript and jQuery to give the new programmers or students a reference of manipulating the HTML Elements. The source code outputs a simple site landing page that contains dynamic content which are the date, time, and some other texts. The data are being stored using

Simple Grocery Check List App in JavaScript Free Source Code

Introduction This is a mini-project called Grocery Check List App . This is a web-based mini-project that was developed in JavaScript, HTML, and CSS . The application allows the user to store their grocery checklist items. The application contains a CRUD Operation or Create, Read, Update, and Delete Functionalities. The data is being stored using the browser's local storage. It has a simple and

Simple Budget App in JavaScript Free Source Code

Introduction This is a mini-project called Simple Budget Application . This is a very simple web-based application that manages the user budget and expenses. The application was developed using JavaScript . It uses the browser's local storage as the data storage. The application contains Create, Read, Update, and Delete Operations for expenses. This has a pleasant user interface using the