.calculator-container {
max-width: 500px;
margin: 40px auto;
padding: 20px;
border: 2px solid #ccc;
border-radius: 12px;
background-color: #f9f9f9;
font-family: Arial, sans-serif;
}

.calculator-container h2 {
text-align: center;
margin-bottom: 8px;
}

.calculator-container p {
text-align: center;
font-size: 14px;
margin-bottom: 20px;
}

.form-row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}

.form-row label {
flex: 1.2;
}

.form-row input,
.form-row select {
flex: 2;
padding: 6px;
margin-left: 10px;
}

.form-buttons {
text-align: center;
margin-top: 15px;
}

.form-buttons button {
padding: 8px 18px;
margin: 5px;
font-size: 14px;
border-radius: 6px;
border: none;
background-color: #3498db;
color: white;
cursor: pointer;
}

.form-buttons button:hover {
background-color: #3498db;
}

.result-box {
margin-top: 20px;
text-align: center;
font-weight: bold;
font-size: 16px;
}

function calculatePeakRMS() {
let peakVal = document.getElementById(“peak”).value;
let rmsVal = document.getElementById(“rms”).value;
const peakUnit = parseFloat(document.getElementById(“peak_unit”).value);
const rmsUnit = parseFloat(document.getElementById(“rms_unit”).value);

const resultBox = document.getElementById(“peak_rms_result”);
resultBox.innerHTML = “”;

if (peakVal && rmsVal) {
resultBox.innerHTML = “Please leave one field blank to calculate.”;
return;
}

if (!peakVal && !rmsVal) {
resultBox.innerHTML = “Please fill one field to calculate the other.”;
return;
}

if (peakVal) {
const peak = parseFloat(peakVal) * peakUnit;
const rms = peak / Math.sqrt(2);
const rmsDisplay = rms >= 1 ? `${rms.toFixed(3)} V` : `${(rms * 1000).toFixed(2)} mV`;
resultBox.innerHTML = `Calculated RMS Value: ${rmsDisplay}`;
} else if (rmsVal) {
const rms = parseFloat(rmsVal) * rmsUnit;
const peak = rms * Math.sqrt(2);
const peakDisplay = peak >= 1 ? `${peak.toFixed(3)} V` : `${(peak * 1000).toFixed(2)} mV`;
resultBox.innerHTML = `Calculated Peak Value: ${peakDisplay}`;
}
}

function resetPeakRMS() {
document.getElementById(“peak”).value = “”;
document.getElementById(“rms”).value = “”;
document.getElementById(“peak_rms_result”).innerHTML = “”;
}

(adsbygoogle = window.adsbygoogle || []).push({});