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)