Rate of Reaction Calculator
This calculator helps you determine the rate of a chemical reaction based on the change in concentration of a reactant or product over a specific time interval.
Change in Concentration (M/s):
Time Interval (s):
Calculate Rate
Rate of Reaction: — M/s
function calculateRate() {
var changeInConcentration = parseFloat(document.getElementById("changeInConcentration").value);
var timeInterval = parseFloat(document.getElementById("timeInterval").value);
var reactionRateElement = document.getElementById("reactionRate");
if (isNaN(changeInConcentration) || isNaN(timeInterval)) {
reactionRateElement.textContent = "Invalid input";
return;
}
if (timeInterval === 0) {
reactionRateElement.textContent = "Time interval cannot be zero";
return;
}
var rate = changeInConcentration / timeInterval;
reactionRateElement.textContent = rate.toFixed(4); // Display with 4 decimal places
}
#rate-calculator {
font-family: sans-serif;
border: 1px solid #ccc;
padding: 20px;
border-radius: 8px;
max-width: 400px;
margin: 20px auto;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.input-group {
margin-bottom: 15px;
}
.input-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.input-group input[type="number"] {
width: calc(100% – 12px);
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
#rate-calculator button {
background-color: #4CAF50;
color: white;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
width: 100%;
margin-top: 10px;
}
#rate-calculator button:hover {
background-color: #45a049;
}
#result {
margin-top: 20px;
padding: 10px;
background-color: #f0f0f0;
border-radius: 4px;
text-align: center;
}
#reactionRate {
font-weight: bold;
color: #333;
}