HTML Reference

Tennis Scoreboard

Also this structure is complex because in Tennis we find many modules, first we have classic modules (players name, labels, points, games and ball-change system
– The classes for active and inactive service are: .okservice (on) and .noservice (off)-

Below we can find a series of Divs, which will be activated when the results of the set are entered.

FUNCTIONS: Teams/Players name, Scores, Games, Ball-change, Set result, Tie-break mode.

<div class="container containertennis">
    <div class="sgrlogo"></div>
    <div class="label labelpoints">Pt</div>
    <div class="label labelgames">Gm</div>
    <div class="box boxhometeam" id="team_1">player_1</div>
    <div class="box numbers boxhomepoints" id="points_1">0</div>
    <div class="box numbers boxhomegames" id="game_1">0</div>
    <div class="box boxawayteam" id="team_2">player_2</div>
    <div class="box numbers boxawaypoints" id="points_2">0</div>
    <div class="box numbers boxawaygames" id="game_2">0</div>
    <div class="box boxservice boxhomeservice"><span id="homeservice" class="okservice"></span></div>
    <div class="box boxservice boxawayservice"><span id="awayservice" class="noservice"></span></div>
<!-------------- Set results ------------->
    <div class="box boxset boxoff" id="set_1_points_1"></div>
    <div class="box boxset boxoff" id="set_1_points_2"></div>
    <div class="box boxset boxoff" id="set_2_points_1"></div>
    <div class="box boxset boxoff" id="set_2_points_2"></div>
    <div class="box boxset boxoff" id="set_3_points_1"></div>
    <div class="box boxset boxoff" id="set_3_points_2"></div>
    <div class="box boxset boxoff" id="set_4_points_1"></div>
    <div class="box boxset boxoff" id="set_4_points_2"></div>
    <div class="box boxset boxoff" id="set_5_points_1"></div>
    <div class="box boxset boxoff" id="set_5_points_2"></div>