.cs-calculator-container {
max-width: 800px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
padding: 20px;
}
.cs-header {
text-align: center;
margin-bottom: 25px;
background-color: #1a4d2e;
color: white;
padding: 15px;
border-radius: 6px;
}
.cs-header h2 {
margin: 0;
font-size: 24px;
}
.cs-input-group {
margin-bottom: 20px;
}
.cs-label {
display: block;
font-weight: 600;
margin-bottom: 8px;
color: #333;
}
.cs-input {
width: 100%;
padding: 12px;
border: 2px solid #ddd;
border-radius: 6px;
font-size: 16px;
box-sizing: border-box;
transition: border-color 0.3s;
}
.cs-input:focus {
border-color: #1a4d2e;
outline: none;
}
.cs-radio-group {
display: flex;
gap: 20px;
margin-bottom: 20px;
background: #f5f5f5;
padding: 15px;
border-radius: 6px;
}
.cs-radio-label {
display: flex;
align-items: center;
cursor: pointer;
font-weight: bold;
}
.cs-radio-label input {
margin-right: 8px;
width: 18px;
height: 18px;
}
.cs-btn {
display: block;
width: 100%;
padding: 15px;
background-color: #1a4d2e;
color: white;
font-size: 18px;
font-weight: bold;
border: none;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s;
text-transform: uppercase;
}
.cs-btn:hover {
background-color: #143d23;
}
.cs-result {
margin-top: 25px;
padding: 20px;
background-color: #f0fdf4;
border: 1px solid #bbf7d0;
border-radius: 6px;
text-align: center;
display: none;
}
.cs-result-value {
font-size: 36px;
font-weight: 800;
color: #1a4d2e;
display: block;
margin-top: 10px;
}
.cs-result-label {
font-size: 14px;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
}
.cs-content-section {
max-width: 800px;
margin: 40px auto;
line-height: 1.6;
color: #333;
font-family: inherit;
}
.cs-content-section h2 {
color: #1a4d2e;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
margin-top: 30px;
}
.cs-content-section h3 {
color: #444;
margin-top: 25px;
}
.cs-content-section p, .cs-content-section ul {
margin-bottom: 15px;
}
.cs-content-section li {
margin-bottom: 8px;
}
.cs-formula-box {
background: #f9f9f9;
padding: 15px;
border-left: 4px solid #1a4d2e;
font-family: monospace;
font-size: 16px;
margin: 20px 0;
}
/* Helper for bowling explanation */
.cs-note {
font-size: 12px;
color: #666;
margin-top: 5px;
}
function toggleCalcMode() {
var radios = document.getElementsByName('calcType');
var selectedValue;
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
selectedValue = radios[i].value;
break;
}
}
var battingInputs = document.getElementById('battingInputs');
var bowlingInputs = document.getElementById('bowlingInputs');
var resultBox = document.getElementById('resultBox');
if (selectedValue === 'batting') {
battingInputs.style.display = 'block';
bowlingInputs.style.display = 'none';
} else {
battingInputs.style.display = 'none';
bowlingInputs.style.display = 'block';
}
// Hide result when switching
resultBox.style.display = 'none';
}
function calculateStrikeRate() {
var radios = document.getElementsByName('calcType');
var mode;
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
mode = radios[i].value;
break;
}
}
var resultBox = document.getElementById('resultBox');
var resultValue = document.getElementById('resultValue');
var resultLabel = document.getElementById('resultLabel');
var resultExplanation = document.getElementById('resultExplanation');
if (mode === 'batting') {
var runs = document.getElementById('runsScored').value;
var balls = document.getElementById('ballsFaced').value;
if (runs === '' || balls === '' || parseFloat(balls) <= 0) {
alert("Please enter valid runs and balls faced (balls must be greater than 0).");
return;
}
var sr = (parseFloat(runs) / parseFloat(balls)) * 100;
resultLabel.innerHTML = "Batting Strike Rate";
resultValue.innerHTML = sr.toFixed(2);
resultExplanation.innerHTML = "This means the batsman scores " + sr.toFixed(2) + " runs for every 100 balls faced.";
resultBox.style.display = 'block';
} else {
var oversInput = document.getElementById('oversBowled').value;
var wickets = document.getElementById('wicketsTaken').value;
if (oversInput === '' || wickets === '' || parseFloat(wickets) 1 ? parseInt(parts[1]) : 0;
// Validation for extra balls (cannot be > 5)
if (extraBalls >= 6) {
alert("Invalid balls in over. Decimal part represents balls (0-5).");
return;
}
var totalBalls = (fullOvers * 6) + extraBalls;
var bowlingSR = totalBalls / parseFloat(wickets);
resultLabel.innerHTML = "Bowling Strike Rate";
resultValue.innerHTML = bowlingSR.toFixed(2);
resultExplanation.innerHTML = "This means the bowler takes a wicket every " + bowlingSR.toFixed(2) + " balls.";
resultBox.style.display = 'block';
}
}
How Do You Calculate Strike Rate in Cricket?
In the sport of cricket, Strike Rate is one of the most critical statistics used to analyze player performance. However, the calculation differs significantly depending on whether you are evaluating a batsman or a bowler. While a high strike rate is desirable for a batsman, a low strike rate is the goal for a bowler.
1. Batting Strike Rate Formula
For a batsman, the strike rate represents the average number of runs scored per 100 balls faced. It measures how quickly a batsman scores runs.
Formula: (Total Runs Scored ÷ Total Balls Faced) × 100
Example Calculation:
If a batsman scores 45 runs off 30 balls:
- Step 1: Divide 45 by 30 = 1.5
- Step 2: Multiply by 100 = 150.00
The Batting Strike Rate is 150.00. This indicates aggressive scoring, typical of T20 cricket.
2. Bowling Strike Rate Formula
For a bowler, the strike rate measures the average number of balls bowled for every wicket taken. A lower number indicates the bowler takes wickets more frequently.
Formula: Total Balls Bowled ÷ Total Wickets Taken
Note on Calculating Balls: In cricket, overs are often written as decimals (e.g., 4.2). To calculate the total balls:
- Multiply full overs by 6.
- Add the remaining balls (the decimal part).
Example Calculation:
If a bowler bowls 10.2 overs (10 overs and 2 balls) and takes 4 wickets:
- Step 1: Convert Overs to Balls. (10 × 6) + 2 = 62 balls.
- Step 2: Divide balls by wickets. 62 ÷ 4 = 15.5.
The Bowling Strike Rate is 15.5. This means the bowler takes a wicket roughly every 15 or 16 balls.
What is a Good Strike Rate?
The benchmark for a "good" strike rate depends heavily on the format of the game:
- Test Cricket (Batting): A strike rate of 40–60 is standard. Resilience is valued over speed.
- ODI Cricket (Batting): A strike rate of 80–100 is considered good for top-order batsmen.
- T20 Cricket (Batting): A strike rate above 130 is expected, with finishers often targeting 150+.
- Bowling (All Formats): A bowling strike rate below 40 in Tests or below 20 in T20s is considered world-class.
Why Use This Calculator?
Whether you are a coach, a fantasy cricket player, or a fan analyzing match stats, knowing the exact strike rate helps compare players objectively. This tool handles the math instantly, including the tricky conversion of overs-to-balls for bowling stats.