Widget:Droflax

Calculadora

   <input type="text" id="display" disabled />
   

   <button onclick="addToDisplay('1')">1</button>
   <button onclick="addToDisplay('2')">2</button>
   <button onclick="addToDisplay('3')">3</button>
   <button onclick="addToDisplay('+')">+</button>
   

   <button onclick="addToDisplay('4')">4</button>
   <button onclick="addToDisplay('5')">5</button>
   <button onclick="addToDisplay('6')">6</button>
   <button onclick="addToDisplay('-')">-</button>
   

   <button onclick="addToDisplay('7')">7</button>
   <button onclick="addToDisplay('8')">8</button>
   <button onclick="addToDisplay('9')">9</button>
   <button onclick="addToDisplay('*')">*</button>
   

   <button onclick="addToDisplay('0')">0</button>
   <button onclick="clearDisplay()">C</button>
   <button onclick="calculateResult()">=</button>
   <button onclick="addToDisplay('/')">/</button>

<script>

   function addToDisplay(value) {
       document.getElementById('display').value += value;
   }

   function clearDisplay() {
       document.getElementById('display').value = ;
   }

   function calculateResult() {
       let result = eval(document.getElementById('display').value);
       document.getElementById('display').value = result;
   }

</script>