Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

8 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฒ Dice Roller

A simple and responsive Dice Roller web application built using HTML, CSS, and JavaScript. Click the Roll button to simulate rolling a six-sided die and generate a random number between 1 and 6.

โœจ Features

  • ๐ŸŽฒ Simulates rolling a six-sided die
  • ๐ŸŽฏ Generates a random number from 1 to 6
  • ๐Ÿ’ฌ Displays the result instantly
  • ๐ŸŽจ Clean and modern user interface
  • ๐Ÿ“ฑ Responsive design

๐Ÿ› ๏ธ Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)

๐Ÿ“‚ Project Structure

dice-roller/
โ”‚โ”€โ”€ index.html
โ”‚โ”€โ”€ style.css
โ”‚โ”€โ”€ script.js
โ””โ”€โ”€ README.md

๐Ÿš€ Getting Started

  1. Clone the repository:
git clone https://github.com/yourusername/dice-roller.git
  1. Navigate to the project folder.

  2. Open index.html in your preferred web browser.

๐ŸŽฎ How to Use

  1. Open the application in your web browser.
  2. Click the Roll button.
  3. A random number between 1 and 6 will be generated.
  4. The result will be displayed below the button.

๐Ÿ”ฎ Future Improvements

  • Display a different dice face based on the number rolled
  • Add a rolling animation
  • Include sound effects
  • Roll multiple dice at once
  • Add dark mode

๐Ÿ‘ฉโ€๐Ÿ’ป Author

Created by Fadila.

About

A simple and responsive Dice Roller web application built with HTML, CSS, and JavaScript that simulates rolling a six-sided die with the click of a button.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages