Probability Challenge

Prompt

Use this site: https://stacker.com/stories/art-culture/odds-50-random-events-happening-you to code a game in html, css, and JavaScript that is self-contained, complete, and embeddable. The game is for 2 teams of up to 10 per team. Select two of the 50 events on the site. Display brief summaries on flipping card of the two events such as Struck by Lightning and Killed by a Vending Machine on two cards on the screen. Players have 30 seconds to debate which has a higher probability. Before 30 seconds, players select which is more likely by clicking or tapping the card. Make card flip over to reveal correct if more likely and incorrect if less likely. If correct, award one point on the scoreboard. If incorrect, playing team receives zero points. Teams take turns guessing. After 25 rounds with two cards in each round, team with most points wins. Use a pleasing navy blue, white, black, and gray theme.

Iteration

Add a scoreboard to show team’s scores. Shorten the time to 20 seconds per play and show a countdown timer. If team fails to answer in 20 seconds, they lose one point. Add a ding sound for a correct answer and a whomp whomp sound for an incorrect answer. Randomize cards to ensure that the game is non-repetitive with endlessly changing play.

Iteration 2

This is now too repetitive. Only play each card once per complete game but randomize the cards for successive complete games.

Iteration 3

The Play Again button does not launch a new, randomized game. Fix it. Ensure the sounds play.