Project
Spin The Bottle
Medium
116 completions
~ 7 hours
4.4It is a little game to learn event listeners, work with forms, create DOM elements, and manipulate them with JavaScript
Provided by
JetBrains Academy
About
"Spin The Bottle" is a fun and interactive web application designed to facilitate the random selection of players for games, activities, or any scenario where randomness adds excitement. Inspired by the classic party game, this project brings a modern twist to the concept, leveraging web technologies to create a dynamic and engaging user experience.
Training project
This project allows you to practice and strengthen your coding skills, helping you get ready for more advanced tasks ahead.
What you'll learn
Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:
Set the basic HTML structure for the game.
Implement the random player pick function.
Add a form to collect the player names.
Reviews
JE
Juan Esteban Serrano Aldana4 months ago
It was a good exercise in manipulating the DOM while applying sound JavaScript logic using loops and conditional statements, which help you implement an HTML form that makes effective use of the input field and buttons. :)
7 months ago
In this project, I learned how to manipulate the DOM with JavaScript to make a static page interactive. The biggest challenge was understanding the default behavior of HTML forms and how to use event.preventDefault() to stop the page from reloading, ensuring data wasn't lost. I also learned that HTM ...
9 months ago
Handling forms and user input, implementing validation, using asynchronous JS like setTimeOut, creating and managing dynamic lists. This was really fun and a bit more challenging.
4.4
Learners who completed this project within the Frontend Developer course rated it as follows: