Drop rate calculator: Difference between revisions

From Roat Pkz
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<div id="calc" style="margin:10px 0;">
<div id="calc" style="margin:10px 0; font-family: sans-serif;">
   <div>Num1: <span id="num1" contenteditable="true" style="border:1px solid #ccc;padding:2px 4px;">0</span></div>
   <div>
  <div>Num2: <span id="num2" contenteditable="true" style="border:1px solid #ccc;padding:2px 4px;">0</span></div>
    <span id="num1">0</span>
  <div>Operation:
    <span id="op">+</span>
    <span id="op" contenteditable="true" style="border:1px solid #ccc;padding:2px 4px;">+</span>
    <span id="num2">0</span>
     <small>(+, -, *, /)</small>
    <span>=</span>
    <span id="result">0</span>
  </div>
 
  <div style="margin-top:5px;">
    <div style="display:inline-block; margin-right:10px;">
      <div>Num1:</div>
      <button data-num1="1">1</button>
      <button data-num1="2">2</button>
      <button data-num1="3">3</button>
      <button data-num1="0">0</button>
    </div>
    <div style="display:inline-block; margin-right:10px;">
      <div>Num2:</div>
      <button data-num2="1">1</button>
      <button data-num2="2">2</button>
      <button data-num2="3">3</button>
      <button data-num2="0">0</button>
    </div>
    <div style="display:inline-block; margin-right:10px;">
      <div>Op:</div>
      <button data-op="+">+</button>
      <button data-op="-">-</button>
      <button data-op="*">*</button>
      <button data-op="/">/</button>
    </div>
    <div style="display:inline-block; margin-top:10px;">
      <button id="calcButton">Calculate</button>
     </div>
   </div>
   </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>

Revision as of 02:28, 5 March 2026

   0
   +
   0
   =
   0
Num1:
     <button data-num1="1">1</button>
     <button data-num1="2">2</button>
     <button data-num1="3">3</button>
     <button data-num1="0">0</button>
Num2:
     <button data-num2="1">1</button>
     <button data-num2="2">2</button>
     <button data-num2="3">3</button>
     <button data-num2="0">0</button>
Op:
     <button data-op="+">+</button>
     <button data-op="-">-</button>
     <button data-op="*">*</button>
     <button data-op="/">/</button>
     <button id="calcButton">Calculate</button>