Scores
Cricket Score Updater
// Variables to track score
let totalRuns = 0;
let totalWickets = 0;
let balls = 0;
// HTML Elements
const runsDisplay = document.getElementById('runs-display');
const wicketsDisplay = document.getElementById('wickets-display');
const oversDisplay = document.getElementById('overs-display');
const ballUpdates = document.getElementById('ball-updates');
// Add runs for a ball
function addBall() {
const runs = parseInt(document.getElementById('runs').value) || 0;
// Validate input
if (runs < 0 || runs > 6) {
alert('Please enter a valid number of runs (0-6).');
return;
}
totalRuns += runs;
balls++;
// Calculate overs
const overs = Math.floor(balls / 6);
const ballInOver = balls % 6;
// Update the display
runsDisplay.textContent = totalRuns;
oversDisplay.textContent = `${overs}.${ballInOver}`;
// Add ball update
const update = document.createElement('li');
update.textContent = `Ball ${balls}: ${runs} runs`;
ballUpdates.appendChild(update);
// Clear input
document.getElementById('runs').value = '';
}
// Add a wicket
function addWicket() {
if (totalWickets < 10) {
totalWickets++;
balls++;
// Calculate overs
const overs = Math.floor(balls / 6);
const ballInOver = balls % 6;
// Update the display
wicketsDisplay.textContent = totalWickets;
oversDisplay.textContent = `${overs}.${ballInOver}`;
// Add ball update
const update = document.createElement('li');
update.textContent = `Ball ${balls}: WICKET!`;
ballUpdates.appendChild(update);
} else {
alert('All wickets are down!');
}
}!doctype>
Live Cricket Score
Runs
0
Wickets
0
Overs
0.0
Subscribe to:
Post Comments (Atom)
Author Details
Templatesyard is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of templatesyard is to provide the best quality blogger templates which are professionally designed and perfectlly seo optimized to deliver best result for your blog.


No comments:
Post a Comment