body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #333;
margin: 0;
padding: 20px;
background-color: #f4f7f6;
}
.calculator-container {
max-width: 600px;
margin: 0 auto;
background: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
border-top: 5px solid #2e7d32;
}
.calculator-title {
text-align: center;
color: #2e7d32;
margin-bottom: 25px;
font-size: 24px;
font-weight: 700;
}
.calc-section {
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.calc-section:last-child {
border-bottom: none;
}
.section-header {
font-size: 18px;
font-weight: 600;
color: #1b5e20;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.section-header svg {
margin-right: 10px;
fill: #1b5e20;
}
.input-group {
margin-bottom: 15px;
}
.input-group label {
display: block;
margin-bottom: 5px;
font-weight: 500;
color: #555;
}
.input-group input {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 16px;
box-sizing: border-box;
transition: border-color 0.3s;
}
.input-group input:focus {
border-color: #2e7d32;
outline: none;
}
.btn-calculate {
width: 100%;
padding: 14px;
background-color: #2e7d32;
color: white;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s;
}
.btn-calculate:hover {
background-color: #1b5e20;
}
.result-box {
margin-top: 20px;
padding: 15px;
background-color: #e8f5e9;
border-radius: 6px;
text-align: center;
display: none;
border: 1px solid #c8e6c9;
}
.result-value {
font-size: 32px;
font-weight: 800;
color: #2e7d32;
display: block;
margin-top: 5px;
}
.result-label {
font-size: 14px;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
}
.content-area {
max-width: 800px;
margin: 40px auto;
background: #fff;
padding: 40px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.content-area h2 {
color: #2e7d32;
border-bottom: 2px solid #e8f5e9;
padding-bottom: 10px;
margin-top: 30px;
}
.content-area p {
margin-bottom: 15px;
color: #444;
}
.content-area ul {
margin-bottom: 20px;
padding-left: 20px;
}
.content-area li {
margin-bottom: 10px;
}
.formula-box {
background: #f8f9fa;
padding: 15px;
border-left: 4px solid #2e7d32;
font-family: monospace;
margin: 20px 0;
font-size: 1.1em;
}
@media (max-width: 600px) {
.calculator-container {
padding: 20px;
}
.content-area {
padding: 20px;
}
}
function calculateBattingSR() {
var runs = parseFloat(document.getElementById('batRuns').value);
var balls = parseFloat(document.getElementById('batBalls').value);
var resultBox = document.getElementById('batResult');
var resultValue = document.getElementById('batResultValue');
if (isNaN(runs) || isNaN(balls)) {
alert("Please enter valid numbers for runs and balls.");
resultBox.style.display = 'none';
return;
}
if (balls <= 0) {
alert("Balls faced must be greater than 0.");
resultBox.style.display = 'none';
return;
}
// Batting SR Formula: (Runs / Balls) * 100
var strikeRate = (runs / balls) * 100;
resultValue.innerHTML = strikeRate.toFixed(2);
resultBox.style.display = 'block';
}
function calculateBowlingSR() {
var balls = parseFloat(document.getElementById('bowlBalls').value);
var wickets = parseFloat(document.getElementById('bowlWickets').value);
var resultBox = document.getElementById('bowlResult');
var resultValue = document.getElementById('bowlResultValue');
if (isNaN(balls) || isNaN(wickets)) {
alert("Please enter valid numbers for balls bowled and wickets.");
resultBox.style.display = 'none';
return;
}
if (wickets <= 0) {
alert("To calculate Bowling Strike Rate, wickets taken must be greater than 0.");
resultBox.style.display = 'none';
return;
}
// Bowling SR Formula: Balls Bowled / Wickets Taken
var strikeRate = balls / wickets;
resultValue.innerHTML = strikeRate.toFixed(2);
resultBox.style.display = 'block';
}
Understanding Cricket Strike Rates
In the sport of cricket, statistics play a massive role in analyzing player performance. Among the most critical metrics is the Strike Rate (SR). Whether you are analyzing a batsman's aggression or a bowler's wicket-taking ability, understanding how to calculate strike rate is essential for players, coaches, and fans alike.
This calculator provides accurate computations for both batting and bowling disciplines, as the logic differs significantly between the two.
Batting Strike Rate Formula
For a batsman, the strike rate represents the average number of runs scored per 100 balls faced. It is the primary metric used to judge a batsman's scoring speed, particularly in limited-overs formats like T20 and ODIs.
Strike Rate = (Total Runs Scored ÷ Total Balls Faced) × 100
Example Calculation
Imagine a batsman in a T20 match scores 45 runs and faces 25 balls. To calculate their strike rate:
- Step 1: Divide 45 by 25 = 1.8
- Step 2: Multiply 1.8 by 100
- Result: A strike rate of 180.00
A strike rate above 150 is considered excellent in T20 cricket, while a strike rate around 80-100 is standard for ODIs. In Test cricket, strike rates are generally lower (40-60) as the focus is on wicket preservation.
Bowling Strike Rate Formula
For a bowler, the strike rate measures the average number of balls bowled for every wicket taken. Unlike the batting metric, a lower number is better for bowlers because it means they are taking wickets more frequently.
Strike Rate = Total Balls Bowled ÷ Total Wickets Taken
Example Calculation
Suppose a fast bowler has bowled 10 overs (60 balls) and taken 4 wickets.
- Step 1: Calculate total balls (10 overs × 6) = 60 balls.
- Step 2: Divide 60 by 4.
- Result: A bowling strike rate of 15.00.
This means the bowler takes a wicket every 15 balls on average. An elite Test bowler typically has a strike rate under 50.
Why Strike Rate Matters
In modern cricket, context is key. While a batting average tells you how many runs a player scores before getting out, the strike rate tells you the pace at which those runs are scored.
- T20 Cricket: High batting strike rates are often prioritized over averages. A quick 30 runs off 12 balls (SR 250.00) can change the game more than 50 runs off 50 balls.
- Test Cricket: Bowling strike rates are scrutinized to find match-winners who can take 20 wickets in a match efficiently.
Use the calculator above to quickly analyze player statistics from match scorecards or fantasy cricket data.