Drop rate calculator: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div id="calc"> | <div id="calc" style="margin:10px 0;"> | ||
<div>Num1: <span id="num1">0</span></div> | <div>Num1: <span id="num1">0</span></div> | ||
<div>Num2: <span id="num2">0</span></div> | <div>Num2: <span id="num2">0</span></div> | ||
<div id="op">+</div> | <div>Operation: <span id="op">+</span></div> | ||
<button id="calcButton">Calculate</ | |||
<div id="result"></div> | <!-- Replace button with clickable div --> | ||
<div id="calcButton" style=" | |||
display:inline-block; | |||
padding:5px 10px; | |||
background-color:#8cabe6; | |||
color:white; | |||
cursor:pointer; | |||
margin-top:5px; | |||
border-radius:3px; | |||
user-select:none; | |||
">Calculate</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
<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>