Explorer
project
code-review.md
index.html
scoreBoard.css
scoreBoard.js
Dependencies
Bootcamp
Study group
Collaborate with peers in your dedicated #study-group channel.
Code reviews
Submit projects for review using the /review
command in your #code-reviews channel
let homeScore = 0
let guestScore = 0
// @ts-ignore
document.getElementById("home-score").textContent = homeScore.toString()
// @ts-ignore
document.getElementById("guest-score").textContent = guestScore.toString()
// Home Count
function addOneHome(){
homeScore += 1
// @ts-ignore
document.getElementById("home-score").textContent = homeScore.toString()
}
function addTwoHome(){
homeScore+= 2
// @ts-ignore
document.getElementById("home-score").textContent = homeScore.toString()
}
function addThreeHome(){
homeScore+= 3
// @ts-ignore
document.getElementById("home-score").textContent = homeScore.toString()
}
// Guest Count
function addOneGuest(){
guestScore += 1
// @ts-ignore
document.getElementById("guest-score").textContent = guestScore.toString()
}
function addTwoGuest(){
guestScore+= 2
// @ts-ignore
document.getElementById("guest-score").textContent = guestScore.toString()
}
function addThreeGuest(){
guestScore+= 3
// @ts-ignore
document.getElementById("guest-score").textContent = guestScore.toString()
}
let homeLeadingScore = document.getElementById("home-leading")
let guestLeadingScore = document.getElementById("guest-leading")
// Highligh the leader
function highLight(){
if (homeScore > guestScore){
// @ts-ignore
homeLeadingScore.textContent = "Home is LEADING" + " 🥳"
// @ts-ignore
guestLeadingScore.textContent = ""
}
else if(homeScore < guestScore) {
// @ts-ignore
guestLeadingScore.textContent = "Guest is LEADING" + " 🤯"
// @ts-ignore
homeLeadingScore.textContent = ""
}
else {
// @ts-ignore
homeLeadingScore.textContent = ""
// @ts-ignore
guestLeadingScore.textContent = ""
}
}
// Fouls Count
// Reset new game
function newGame(){
homeScore = 0
guestScore = 0
// @ts-ignore
document.getElementById("home-score").textContent = "0"
// @ts-ignore
document.getElementById("guest-score").textContent = "0"
// @ts-ignore
homeLeadingScore.textContent = ""
// @ts-ignore
guestLeadingScore.textContent = ""
// @ts-ignore
homeFouls = "0"
guestFouls = "0"
// @ts-ignore
document.getElementById("home-foul").textContent = homeFouls.toString()
// @ts-ignore
document.getElementById("guest-foul").textContent = guestFouls.toString()
// prevent timer from counting down automatically after resetting to 20:00
clearInterval(countDown)
// @ts-ignore
// reset timer to 20:00
document.getElementById("timer").textContent = "20:00"
//clear the previous timer
countTime = 20 * 60
}
//Set Timer
let timer = "20:00"
// @ts-ignore
document.getElementById("timer").textContent = timer
let countDown
let countTime = 20 * 60
// UPDATE TIMER
function updateTimer(){
let minutes = Math.floor(countTime / 60)
let seconds = countTime % 60
// @ts-ignore
minutes = minutes < 10 ? "0" + minutes : minutes
// @ts-ignore
seconds = seconds < 10 ? "0" + seconds : seconds
// @ts-ignore
document.getElementById("timer").textContent = minutes + ":" + seconds
countTime--
if(countTime < 0){
clearInterval(countDown)
// @ts-ignore
document.getElementById("timer").textContent = "Time is up"
}
}
// Start the Timer
function startTimer(){
countDown = setInterval(updateTimer, 1000)
}
// Foals Count
let homeFouls = "0"
let guestFouls = "0"
// @ts-ignore
document.getElementById("home-foul").textContent = homeFouls.toString()
// @ts-ignore
document.getElementById("guest-foul").textContent = guestFouls.toString()
function addHomeFouls(){
// @ts-ignore
homeFouls++
// @ts-ignore
document.getElementById("home-foul").textContent = homeFouls.toString()
}
function addGuestFouls(){
// @ts-ignore
guestFouls++
// @ts-ignore
document.getElementById("guest-foul").textContent = guestFouls.toString()
}