DOM Manipulation

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

Submitted by rems on
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

Submitted by rems on
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

Submitted by oretnom23 on

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

Submitted by richard999 on
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

Submitted by oretnom23 on
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

Submitted by oretnom23 on
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

Submitted by oretnom23 on
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 Bootstrap

Simple Recipe App in JavaScript Free Source Code

Submitted by oretnom23 on
Introduction This is a mini-project called Simple Recipe App. This is a simple web application that allows the user to store and manage their recipe list. The application was developed using HTML, CSS, and JavaScript. The features of this project were achieved with the jQuery Library. The application uses Bootstrap v5 Framework for the design. This can help the user to easily store, retrieve, and
Subscribe to DOM Manipulation