Skip to main content

Decision Wheel in JavaScript and jQuery Free Source Code

Language

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 :)

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.

FOR YOUR OWN SAFETY, PLEASE:

1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Comments

Submitted byedi1 (not verified)on Sun, 05/22/2022 - 05:29

good job

Add new comment