Decision Wheel in JavaScript and jQuery Free Source Code

Introduction

This simple project is entitled Decision Wheel Web App. This is a simple web-based application that was developed using HTML, CSS, JavaScript, and jQuery. The main goal of this project is to give students or self-learners a source code that they can practice with to develop their own programming capacity. The project plays a lot with the CSS and JavaScript Coding.

About the Decision Wheel Web App

I developed this project using the following:

• MySQL Database
• HTML
• CSS
• JavaScript
• jQuery
• Bootstrap v5

This Decision Wheel Web App has simple features and functionalities. This allows the users to add their choices to the wheel dynamically. The data are stored using the localStorage. The system generates a random background color for each choice or item. The item container in the wheel are automatically generated by the system and the sizes are depending on how many items are added. The user can simply click the 'SPIN' button to spin or rotate the wheel to a random degree.

Features

• Add Choice/Item
• Remove Choice/Item
• Spin the Wheel
• Randomly Generates Items Background Color
• Generate an Equal Size container for each item on the wheel

How to Run ??

• Download the provided source code zip file. (download button is located below)
• Extract the downloaded source code zip file.
• Locate the index.html file on the extracted source code folder.
• Open the index.html file in a browser to run the project.

DEMO VIDEO

That's it. You can now explore the features and functionalities of this Decision Wheel Web App in JavaScript. I hope you'll find something useful for your future projects.

Explore more on this website for more Free Source Codes and Tutorials.

Enjoy :)