Skip to content

skools-here/Flip-a-Coin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flip a Coin Web App This is a simple and interactive web application that simulates flipping a coin. Users can click a button or the coin itself to perform a virtual flip. The result will be displayed as either "Heads" or "Tails" along with a visual update of the coin image.

Features Random result generation (Heads or Tails)

Interactive button to flip the coin

Coin flip animation using CSS transitions

Responsive and centered layout

Dynamic image change based on result

Technologies Used HTML5

CSS3

JavaScript (Vanilla)

Folder Structure css Copy Edit flip-a-coin/ 1.index.html 2.style.css 3.script.js 4.heads.png 5.tails.png How to Use Clone or download the repository.

Place appropriate heads.png and tails.png images in the project folder.

Open index.html in a web browser.

Click the "RANDOM" button or the coin image to flip the coin.

Deployed Website is here:https://beautiful-swan-ecfa85.netlify.app/

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published