Silver Rate Calculator
This calculator helps you determine the price of silver based on its weight and the current market rate per unit of weight.
.calculator-container {
font-family: sans-serif;
border: 1px solid #ccc;
padding: 20px;
border-radius: 8px;
max-width: 400px;
margin: 20px auto;
background-color: #f9f9f9;
}
.input-section {
margin-bottom: 15px;
}
.input-section label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.input-section input[type="number"] {
width: calc(100% – 12px);
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
}
button {
background-color: #4CAF50;
color: white;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
width: 100%;
}
button:hover {
background-color: #45a049;
}
.result-section {
margin-top: 20px;
padding: 15px;
border: 1px dashed #4CAF50;
border-radius: 4px;
background-color: #e8f5e9;
font-size: 1.1em;
text-align: center;
}
function calculateSilverRate() {
var silverWeightInput = document.getElementById("silverWeight");
var ratePerGramInput = document.getElementById("ratePerGram");
var resultDiv = document.getElementById("result");
var silverWeight = parseFloat(silverWeightInput.value);
var ratePerGram = parseFloat(ratePerGramInput.value);
if (isNaN(silverWeight) || isNaN(ratePerGram) || silverWeight <= 0 || ratePerGram <= 0) {
resultDiv.textContent = "Please enter valid positive numbers for both weight and rate.";
resultDiv.style.borderColor = "#f44336";
resultDiv.style.backgroundColor = "#ffebee";
return;
}
var totalSilverRate = silverWeight * ratePerGram;
resultDiv.textContent = "The total rate for " + silverWeight.toFixed(2) + " grams of silver is: " + totalSilverRate.toFixed(2);
resultDiv.style.borderColor = "#4CAF50";
resultDiv.style.backgroundColor = "#e8f5e9";
}