.power-density-calc {
max-width: 520px;
margin: 40px auto;
padding: 24px;
border: 2px solid #ccc;
border-radius: 16px;
background-color: #fefefe;
font-family: Arial, sans-serif;
text-align: center;
}

.power-density-calc h2 {
margin-bottom: 10px;
}

.power-density-calc p {
margin-bottom: 20px;
font-size: 14px;
color: #555;
}

.input-row {
margin-bottom: 14px;
}

.input-row label {
display: block;
margin-bottom: 5px;
}

.input-row input,
.input-row select {
padding: 8px;
width: 120px;
margin: 0 5px;
}

.power-density-calc button {
padding: 10px 18px;
margin: 12px 6px 0;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 15px;
}

.calculate-btn {
background-color: #007bff;
color: #fff;
}

.clear-btn {
background-color: #ccc;
color: #000;
}

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

function calculatePowerDensity() {
const l = parseFloat(document.getElementById(‘lengthVal’).value);
const w = parseFloat(document.getElementById(‘widthVal’).value);
const h = parseFloat(document.getElementById(‘heightVal’).value);
const p = parseFloat(document.getElementById(‘powerVal’).value);

const lUnit = parseFloat(document.getElementById(‘lengthUnit’).value);
const wUnit = parseFloat(document.getElementById(‘widthUnit’).value);
const hUnit = parseFloat(document.getElementById(‘heightUnit’).value);
const pUnit = parseFloat(document.getElementById(‘powerUnit’).value);
const oUnit = parseFloat(document.getElementById(‘outputUnit’).value);

if (isNaN(l) || isNaN(w) || isNaN(h) || isNaN(p)) {
document.getElementById(‘powerDensityResult’).innerText = “Please enter all values.”;
return;
}

const length = l * lUnit;
const width = w * wUnit;
const height = h * hUnit;
const power = p * pUnit;

const volume = length * width * height; // in m³
const density = (power / volume) * oUnit;

const unitLabel = document.getElementById(‘outputUnit’).selectedOptions[0].text;

document.getElementById(‘powerDensityResult’).innerText =
`Power Density: ${density.toFixed(3)} ${unitLabel}`;
}

function clearPowerDensity() {
document.getElementById(‘lengthVal’).value = ”;
document.getElementById(‘widthVal’).value = ”;
document.getElementById(‘heightVal’).value = ”;
document.getElementById(‘powerVal’).value = ”;
document.getElementById(‘powerDensityResult’).innerText = ”;
}

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