Skip to content

Commit

Permalink
Stats added
Browse files Browse the repository at this point in the history
  • Loading branch information
Sarah Weeks authored and Sarah Weeks committed Feb 21, 2020
1 parent 6490b52 commit 04e4a18
Show file tree
Hide file tree
Showing 3 changed files with 127 additions and 26 deletions.
36 changes: 36 additions & 0 deletions app.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,27 @@ const con = document.getElementById("con");
const con2 = document.getElementById("con2");
const dg = document.getElementById("dg");
const dg2 = document.getElementById("dg2");
const tryStat = document.getElementById("tryStats");
const conStat = document.getElementById("conStats");
const penStat = document.getElementById("penStats");
const dgStat = document.getElementById("dgStats");
const tryStat2 = document.getElementById("tryStats2");
const conStat2 = document.getElementById("conStats2");
const penStat2 = document.getElementById("penStats2");
const dgStat2 = document.getElementById("dgStats2");

let t1s = document.getElementById("teamOneScore");
let t2s = document.getElementById("teamTwoScore");
let minutes = 0;
let seconds = 0;
let tryNo1 = 0;
let conNo1 = 0;
let penNo1 = 0;
let dgNo1 = 0;
let tryNo2 = 0;
let conNo2 = 0;
let penNo2 = 0;
let dgNo2 = 0;

timerButton.addEventListener("click", () => {
console.log("Button Clicked");
Expand Down Expand Up @@ -49,6 +65,8 @@ let teamTwoScore = 0;
tryy.addEventListener("click", () => {
teamOneScore += 5;
t1s.innerText = teamOneScore;
tryNo1 ++;
tryStat.textContent = tryNo1;
document.getElementById("con").disabled = false;

let paragraph = document.createElement("P");
Expand All @@ -58,6 +76,8 @@ tryy.addEventListener("click", () => {
try2.addEventListener("click", () => {
teamTwoScore += 5;
t2s.innerText = teamTwoScore;
tryNo2 ++;
tryStat2.textContent = tryNo2;
document.getElementById("con2").disabled = false;

let paragraph = document.createElement("P");
Expand All @@ -67,6 +87,9 @@ try2.addEventListener("click", () => {
pen.addEventListener("click", () => {
teamOneScore += 3;
t1s.innerText = teamOneScore;
penNo1 ++;
penStat.textContent = penNo1;
document.getElementById("con").disabled = true;

let paragraph = document.createElement("P");
paragraph.innerHTML = "Team One Scored a Penalty";
Expand All @@ -75,6 +98,9 @@ pen.addEventListener("click", () => {
pen2.addEventListener("click", () => {
teamTwoScore += 3;
t2s.innerText = teamTwoScore;
penNo2 ++;
penStat2.textContent = penNo2;
document.getElementById("con2").disabled = true;

let paragraph = document.createElement("P");
paragraph.innerHTML = "Team Two Scored a Penalty";
Expand All @@ -83,6 +109,8 @@ pen2.addEventListener("click", () => {
con.addEventListener("click", () => {
teamOneScore += 2;
t1s.innerText = teamOneScore;
conNo1 ++;
conStat.textContent = conNo1;
document.getElementById("con").disabled = true;

let paragraph = document.createElement("P");
Expand All @@ -92,6 +120,8 @@ con.addEventListener("click", () => {
con2.addEventListener("click", () => {
teamTwoScore += 2;
t2s.innerText = teamTwoScore;
conNo2++;
conStat2.textContent = conNo2;
document.getElementById("con2").disabled = true;

let paragraph = document.createElement("P");
Expand All @@ -101,6 +131,9 @@ con2.addEventListener("click", () => {
dg.addEventListener("click", () => {
teamOneScore += 3;
t1s.innerText = teamOneScore;
dgNo1 ++;
dgStat.textContent = dgNo1;
document.getElementById("con").disabled = true;

let paragraph = document.createElement("P");
paragraph.innerHTML = "Team One Scored a Drop Goal";
Expand All @@ -109,6 +142,9 @@ dg.addEventListener("click", () => {
dg2.addEventListener("click", () => {
teamTwoScore = teamTwoScore + 3;
t2s.innerText = teamTwoScore;
dgNo2 ++;
dgStat2.textContent = dgNo2;
document.getElementById("con2").disabled = true;

let paragraph = document.createElement("P");
paragraph.innerHTML = "Team Two Scored a Drop Goal";
Expand Down
45 changes: 31 additions & 14 deletions css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,10 @@ body {
font-family: 'Playfair Display SC', serif;
}

.statsHeader{
font-size: 14px;
}

#sixNations, .timer {
color: #B48955;
text-align: center;
Expand All @@ -24,7 +28,7 @@ body {
.gameBox {
display: flex;
flex-wrap: wrap;
width: 80%;
width: 100%;
padding: 10px 40px;
justify-content: space-around;
color: whitesmoke;
Expand All @@ -36,13 +40,38 @@ body {
background-color: #2d3748;
padding: 20px;
border-radius: 50px;
height: 600px;
/* height: 600px; */
align-content: center;
margin: 0 80px;
font-weight: 300;
box-shadow: -6px 4px 20px 20px rgba(0,0,0,0.18);
}

.headerContainer{
display: flex;
align-content: center;
padding: 0 10px;
justify-content: space-around;
}

.statsRow{
display: flex;
font-size: 13px;
}

.statsContainer{
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 10px;
border-style: solid 10px;
border-radius: 20px;
box-shadow: -6px 4px 20px 20px rgba(0,0,0,0.18);
color: whitesmoke;
line-height: 3px;
/* height: 180px; */
}

.buttonBox {
display: flex;
flex-wrap: wrap;
Expand All @@ -60,20 +89,8 @@ button {
border-radius: 10px;
height: 40px;
width: 100px;
box-shadow: 20px rgba(0,0,0,0.18);
}

/*
button {
display: inline-block;
padding: 0.35cm 0.8cm;
border: 0.1cm solid whitesmoke;
margin: 0 0.3cm 0.3cm 0;
border-radius: 0.12cm;
box-sizing: border-box;
text-align: center;
transition: 0.5s;
} */

.buttons :hover{
background-color: darkgray;
Expand Down
72 changes: 60 additions & 12 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,16 +8,64 @@
<title>Six Nations Scoreboard</title>
</head>
<body>
<div>
<h1 id="sixNations">Six Nations Scoreboard</h1>
</div>
<div class="timer">
<div class="headerContainer">
<!-- <div>
<h1 id="sixNations">Six Nations Scoreboard</h1>
</div>
<br> -->
<div class="timer">
<h1 id="sixNations">Six Nations Scoreboard</h1>
<br>
<h2>Timer</h1>
<p id="timer"></p>
<div id="startGame">
<button class="buttons" id="timerButton">Start Game</button>
<div class="buttons" id="startGame">
<button id="timerButton">Start Game</button>
</div>
</div>
<div class="statsContainer">
<h3 class="statsHeader">Team One Stats</h3>
<div class="statsRow">
<div>
<p>Try</p>
<p id="tryStats"></p>
</div>
<div class="statsList">
<p>Conversion</p>
<p id="conStats"></p>
</div>
<div class="statsList">
<p>Penalty</p>
<p id="penStats"></p>
</div>
<div class="statsList">
<p>Drop Goal</p>
<p id="dgStats"></p>
</div>
</div>
<h3 class="statsHeader">Team Two Stats</h3>
<div class="statsRow">
<div class="statsList">
<p>Try</p>
<p id="tryStats2"></p>
</div>
<div class="statsList">
<p>Conversion</p>
<p id="conStats2"></p>
</div>
<div class="statsList">
<p>Penalty</p>
<p id="penStats2"></p>
</div>
<div class="statsList">
<p>Drop Goal</p>
<p id="dgStats2"></p>
</div>
</div>


</div>
</div>

<br>
<div class="container">
<div class="buttonBox">
Expand All @@ -39,16 +87,16 @@ <h2>Timer</h1>
<div>
<h3 class="scores">Team 1 Score</h2>
<p id="teamOneScore"></p>
<div id="teamOneCommentary">

</div>
<div id="teamOneCommentary"></div>
</div>
<div>
<h3 class="scores">Team 2 Score</h2>
<p id="teamTwoScore"></p>
<div id="teamTwoCommentary">

</div>
<div id="teamTwoCommentary"></div>
<br>
<br>
<br>
<br>
</div>

</div>
Expand Down

0 comments on commit 04e4a18

Please sign in to comment.