1
1
<!DOCTYPE html>
2
2
< html lang ="en ">
3
- < head >
4
- < meta charset ="UTF-8 ">
5
- < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
6
- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7
- < title > Score Keeper</ title >
8
- < link rel ="stylesheet " href ="Score_keeper.css ">
9
- < link rel ="preconnect " href ="https://fonts.googleapis.com ">
10
- < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin >
11
- < link href ="https://fonts.googleapis.com/css2?family=Anton&family=Rubik:ital,wght@1,300&display=swap " rel ="stylesheet ">
12
-
13
- </ head >
14
- < body >
15
- < div class ="sk ">
16
- < h1 > PING PONG BALL SCORE KEEPER</ h1 >
17
- < div class ="players ">
18
- < h2 > < span class ="p1scrdisp "> 0 </ span > -< span class ="p2scrdisp "> 0 </ span > </ h2 >
19
- </ div >
3
+ < head >
4
+ < meta charset ="UTF-8 " />
5
+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
7
+ < title > Score Keeper</ title >
8
+ < link rel ="stylesheet " href ="Score_keeper.css " />
9
+ < link rel ="preconnect " href ="https://fonts.googleapis.com " />
10
+ < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin />
11
+ < link
12
+ href ="https://fonts.googleapis.com/css2?family=Anton&family=Rubik:ital,wght@1,300&display=swap "
13
+ rel ="stylesheet "
14
+ />
15
+ </ head >
16
+ < body >
17
+ < div class ="sk ">
18
+ < h1 > PING PONG BALL SCORE KEEPER</ h1 >
19
+ < div class ="players ">
20
+ < h2 >
21
+ < span class ="p1scrdisp "> 0 </ span > -< span class ="p2scrdisp "> 0 </ span >
22
+ </ h2 >
23
+ </ div >
20
24
< div class ="label ">
21
25
< label for ="lt "> Maximum Score</ label >
22
- </ div >
23
- < div class ="score " id ="lt ">
24
- < select name ="" class ="limit ">
25
- < option value ="0 "> 0</ option >
26
- < option value ="2 "> 2</ option >
27
- < option value ="3 "> 3</ option >
28
- < option value ="4 "> 4</ option >
29
- < option value ="5 "> 5</ option >
30
- < option value ="6 "> 6</ option >
31
- < option value ="7 "> 7</ option >
32
- < option value ="8 "> 8</ option >
33
- < option value ="9 "> 9</ option >
34
- < option value ="10 "> 10</ option >
35
- < option value ="11 "> 11</ option >
36
- </ select >
37
- </ div >
38
- < div class ="buttons ">
26
+ </ div >
27
+ < div class ="score " id ="lt ">
28
+ < select name ="" class ="limit ">
29
+ < option value ="0 "> 0</ option >
30
+ < option value ="2 "> 2</ option >
31
+ < option value ="3 "> 3</ option >
32
+ < option value ="4 "> 4</ option >
33
+ < option value ="5 "> 5</ option >
34
+ < option value ="6 "> 6</ option >
35
+ < option value ="7 "> 7</ option >
36
+ < option value ="8 "> 8</ option >
37
+ < option value ="9 "> 9</ option >
38
+ < option value ="10 "> 10</ option >
39
+ < option value ="11 "> 11</ option >
40
+ </ select >
41
+ </ div >
42
+ < div class ="buttons ">
39
43
< button class ="p1button "> +1 to Player-1</ button >
40
44
< button class ="p2button "> +1 to Player-2</ button >
41
45
< button class ="reset "> Reset</ button >
46
+ </ div >
42
47
</ div >
43
- </ div >
44
- < script src ="Score_keeper.js "> </ script >
45
- </ body >
46
- </ html >
48
+ < script src ="Score_keeper.js "> </ script >
49
+ </ body >
50
+ </ html >
0 commit comments