olding Cost ($ Per Unit):</label>
  <input type="number" id="holding-cost" required placeholder="Enter the annual price per unit to hold in inventory(Only Values)">

  <button id="calculate-eoq-button" style="background-color: black; color: white; border: 1px solid black; margin-top: 10px; padding-bottom: 15px;">Calculate EOQ</button>
  <span id="eoq-result" style="font-size: 1.5rem; margin-top: 10px;"></span>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
  function calculateEOQ() {
    const demand = parseFloat(document.getElementById("demand").value);
    const orderCost = parseFloat(document.getElementById("order-cost").value);
    const holdingCost = parseFloat(document.getElementById("holding-cost").value);

    const eoq = Math.sqrt(2 * demand * orderCost / holdingCost);

    document.getElementById("eoq-result").innerHTML = "<span style='color: #1E90FF'>EOQ: " + eoq.toFixed(2) + "</span>";
  }

  const calculateButton = document.getElementById("calculate-eoq-button");
  if (calculateButton) {
    calculateButton.addEventListener("click", calculateEOQ);
  }
});
</script>