├── .gitattributes ├── icons └── reset-icon.png ├── fonts └── CursedTimerUlil-Aznm.ttf ├── index.js ├── index.html └── index.css /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /icons/reset-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/K-Jadeja/Scoreboard/main/icons/reset-icon.png -------------------------------------------------------------------------------- /fonts/CursedTimerUlil-Aznm.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/K-Jadeja/Scoreboard/main/fonts/CursedTimerUlil-Aznm.ttf -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | let guestScore = document.getElementById("guest-score") 4 | let homeScore = document.getElementById("home-score") 5 | homeScoreCount = 0 6 | guestScoreCount = 0 7 | function homeone() { 8 | homeScoreCount +=1 9 | homeScore.textContent = homeScoreCount 10 | } 11 | function hometwo() { 12 | homeScoreCount +=2 13 | homeScore.textContent = homeScoreCount 14 | } 15 | function homethree() { 16 | homeScoreCount +=3 17 | homeScore.textContent = homeScoreCount 18 | } 19 | 20 | function guestone() { 21 | guestScoreCount +=1 22 | guestScore.textContent =guestScoreCount 23 | } 24 | function guesttwo() { 25 | guestScoreCount +=2 26 | guestScore.textContent =guestScoreCount 27 | } 28 | function guestthree() { 29 | guestScoreCount +=3 30 | guestScore.textContent =guestScoreCount 31 | } 32 | 33 | function reset() { 34 | guestScoreCount = 0 35 | homeScoreCount = 0 36 | homeScore.textContent = homeScoreCount 37 | guestScore.textContent =guestScoreCount 38 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 |
8 |
9 |

HOME

10 |

0

11 |
12 | 13 | 14 | 15 |
16 | 17 |
18 |
19 |

AWAY

20 |

0

21 |
22 | 23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 | 33 |
34 | 35 | 36 | -------------------------------------------------------------------------------- /index.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | src: url(fonts/CursedTimerUlil-Aznm.ttf); 3 | font-family: CursedTimer; 4 | } 5 | 6 | body { 7 | margin: 0; 8 | background-color: #1B244A; 9 | color: #EEEEEE; 10 | text-align: center; 11 | font-family: 'verdana'; 12 | 13 | } 14 | .container { 15 | display: flex; 16 | justify-content: space-evenly; 17 | } 18 | 19 | .team-grid { 20 | display: grid; 21 | grid-template-columns: 1fr 1fr; 22 | column-gap: 50px; 23 | 24 | } 25 | .team-grid h3{ 26 | font-size:30px; 27 | margin-bottom: 0px; 28 | } 29 | .score { 30 | border-radius: 10px; 31 | background-color: #080001; 32 | padding: 20px 45px; 33 | padding-bottom: 5px; 34 | margin-top: 10px; 35 | margin-bottom: 20px; 36 | font-family: CursedTimer; 37 | font-size: 80px; 38 | color: #F94F6D; 39 | } 40 | .buttons{ 41 | display: flex; 42 | justify-content: center; 43 | gap: 10px; 44 | } 45 | 46 | .buttons button{ 47 | border-radius: 6px; 48 | border: 2px solid #9AAAD8; 49 | background-color: transparent; 50 | font-family: CursedTimer; 51 | color: #9AAAD8; 52 | padding: 9px 6px; 53 | padding-bottom: 7; 54 | } 55 | .reset-btn { 56 | display: grid; 57 | display: inline-block; 58 | position: relative; 59 | } 60 | .reset-btn button{ 61 | margin-top: 15px; 62 | font-size: 20px; 63 | border: 2px solid #4e6bc4; 64 | border-radius: 6px; 65 | background-color: transparent; 66 | font-family: CursedTimer; 67 | color: #5099ff; 68 | padding: 9px 10px; 69 | padding-bottom: 5px; 70 | padding-right: 40px; 71 | } 72 | .image { 73 | position: absolute; 74 | left: 80px; 75 | bottom: 8px; 76 | } --------------------------------------------------------------------------------