The Web Developer Bootcamp 2024

Colt Steele

Back to Class Page

Scorekeeper Widget

CSS Version

This widget is a simple, but very pointless widget that combines several HTML, CSS, and JavaScript technologies to achieve not only, the proper "look and feel" of the very specific design, but also the proper "functionality" of the widget itself. The purpose of this project is not to achieve any global breakthrough of a web-based application. It is merely and attempt to combine several technologies, to achieve the clearly defined results.

To play the game, you are to assume that two people are playing Ping Pong. And as each player wins a round (determined by you), you award one point to that winner by clicking either the   Green   or   Blue  box. You can also Reset the game by pressing the   Red  box. You also determine what the Winning score is by setting the Playing To: amount.

The HTML will control the initial text and widget layout. The CSS will control the proper "Look and Feel". And the JavaScript will control the "Functionality" of the widget.

Download the complete source code here.

Let's Play

Ping Pong Scorekeeper
0 - 0
Playing to:   
Use the buttons below to play.

Back to Top