Drop rate calculator: Difference between revisions

From Roat Pkz
Jump to navigation Jump to search
No edit summary
No edit summary
Line 4: Line 4:
   <div>Operation: <span id="op">+</span></div>
   <div>Operation: <span id="op">+</span></div>
    
    
   <!-- Replace button with clickable div -->
   <!-- Clickable div instead of button -->
   <div id="calcButton" style="
   <div id="calcButton" style="
       display:inline-block;
       display:inline-block;
Line 18: Line 18:
   <div>Result: <span id="result">0</span></div>
   <div>Result: <span id="result">0</span></div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
  const btn = document.getElementById("calcButton");
  btn.addEventListener("click", function() {
    const a = parseFloat(document.getElementById("num1").textContent);
    const b = parseFloat(document.getElementById("num2").textContent);
    const op = document.getElementById("op").textContent;
    let result;
    if (isNaN(a) || isNaN(b)) {
      result = "Enter valid numbers";
    } else {
      switch(op) {
        case "+": result = a + b; break;
        case "-": result = a - b; break;
        case "*": result = a * b; break;
        case "/": result = b !== 0 ? a / b : "∞"; break;
        default: result = "Error";
      }
    }
    document.getElementById("result").textContent = result;
  });
});
</script>

Revision as of 02:26, 5 March 2026

Num1: 0
Num2: 0
Operation: +
Calculate
Result: 0