DEV Community

Cover image for Ping Pong Scorekeeper Widget
Saqib Suleman
Saqib Suleman

Posted on

Ping Pong Scorekeeper Widget

After going through the basic JavaScript in the Web Developer Bootcamp course by Colt Steele, I moved on to functions and Document Object Model(DOM). Once I got enough practice with functions and manipulating DOM objects by doing the course's coding exercises, I decided to do a code-along project of a scorekeeper widget, specifically for Ping Pong. Bulma was used as a CSS framework for the styling of the widget.

Before adding the logic for the widget with JavaScript, basic HTML was added to layout the content on the page. A "Player 1" button, a "Player 2" button and a "Reset" button were added for manipulating the widget. A "select" was also added to determine the score up to which the game will be played.

You can check out the widget at vigorous-blackwell-9259c4.netlify.app.

Source code can be found at Github: github.com/saqibs3291/scoreKeeper_widget

Top comments (0)