How much soil fits in a flower pot?

document.addEventListener(‚DOMContentLoaded‘, function () {
const wrapper = document.querySelector(‚.pot-volume-calculator‘);
if (!wrapper) return;
const heightInput = wrapper.querySelector(‚#potHeight‘);
const topInput = wrapper.querySelector(‚#topDiameter‘);
const bottomInput = wrapper.querySelector(‚#bottomDiameter‘);
const button = wrapper.querySelector(‚#calculatePotVolume‘);
const resultEl = document.getElementById(‚result‘);
if (!heightInput || !topInput || !bottomInput || !button || !resultEl) return;
button.addEventListener(‚click‘, function () {
const height = parseFloat(heightInput.value);
const topDiameter = parseFloat(topInput.value);
const bottomDiameter = parseFloat(bottomInput.value);
if (
isNaN(height) || height <= 0 ||
isNaN(topDiameter) || topDiameter <= 0 ||
isNaN(bottomDiameter) || bottomDiameter <= 0
) {
resultEl.textContent = ‚Please enter valid values.‘;
return;
}
const R = topDiameter / 2;
const r = bottomDiameter / 2;
const volumeCm3 = (Math.PI * height * (R * R + R * r + r * r)) / 3;
const volumeLiters = volumeCm3 / 1000;
resultEl.textContent = volumeLiters.toFixed(2) + ‚ Liters‘;
});
});