body {
font-family: Arial, sans-serif;
background: #f2f2f2;
padding: 20px;
}

.calculator-container {
max-width: 600px;
margin: auto;
background: #fff;
padding: 25px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

h2 {
text-align: center;
margin-bottom: 10px;
}

.caption {
text-align: center;
font-size: 14px;
color: #555;
margin-bottom: 25px;
}

.input-group {
margin-bottom: 15px;
}

label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}

input[type=”number”] {
width: 100%;
padding: 8px;
font-size: 16px;
}

button {
padding: 10px 20px;
font-size: 16px;
margin-top: 15px;
cursor: pointer;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
}

.results {
margin-top: 25px;
padding: 15px;
background: #eef;
border-radius: 8px;
}

.results p {
margin: 8px 0;
}

function calculateZener() {
const vinMax = parseFloat(document.getElementById(‘vinMax’).value);
const vinMin = parseFloat(document.getElementById(‘vinMin’).value);
const vout = parseFloat(document.getElementById(‘vout’).value);
const iout_mA = parseFloat(document.getElementById(‘iout’).value);

if (isNaN(vinMax) || isNaN(vinMin) || isNaN(vout) || isNaN(iout_mA)) {
alert(“Please fill all fields correctly.”);
return;
}

const iout = iout_mA / 1000; // convert to A
const Vz = vout;
const VrMax = vinMax – Vz;

// Series resistor value
const R = VrMax / iout;

// Resistor power (worst case at max Vin)
const Pr = VrMax * iout;

// Zener power (worst case at min Vin — all current flows into Zener)
const Iz = (vinMin – Vz) / R;
const Pz = Iz * Vz;

// Show results
document.getElementById(‘zenerVoltage’).textContent = Vz.toFixed(2);
document.getElementById(‘seriesResistor’).textContent = R.toFixed(2);
document.getElementById(‘resistorPower’).textContent = Pr.toFixed(2);
document.getElementById(‘zenerPower’).textContent = Pz.toFixed(2);
document.getElementById(‘results’).style.display = ‘block’;
}

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