API tools faq
paste
Advertisement
tdrobotica

main

tdrobotica
Dec 7th, 2023
883
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 4.72 KB | None | 0 0
raw download clone embed print report
  1. /* Creamos tres variables para guardar los valores y la operación
  2. otorgada por el usuario*/
  3. var datouno;
  4. var datodos;
  5. var operacion;
  6. /* Función principal que se ejecuta con la etiqueta body*/
  7. function miFuncion(){
  8.     /* Creamos variables para cada botón y el espacio de la pantalla
  9.     guardando el valor de cada una por medio de la función "getElmentById"*/
  10.     var resultado = document.getElementById("resultado");
  11.     var division = document.getElementById("division");
  12.     var multiplicacion = document.getElementById("multiplicacion");
  13.     var resta = document.getElementById("resta");
  14.     var suma = document.getElementById("suma");
  15.     var borrar = document.getElementById("borrar");
  16.     var igual = document.getElementById("igual");
  17.     var uno = document.getElementById("uno");
  18.     var dos = document.getElementById("dos");
  19.     var tres = document.getElementById("tres");
  20.     var cuatro = document.getElementById("cuatro");
  21.     var cinco = document.getElementById("cinco");
  22.     var seis = document.getElementById("seis");
  23.     var siete = document.getElementById("siete");
  24.     var ocho = document.getElementById("ocho");
  25.     var nueve = document.getElementById("nueve");
  26.     var cero = document.getElementById("cero");
  27.  
  28.     /* Por medio del atributo onclcik, cuando se dé clic sobre un botón
  29.     referente a un numero se guardara el valor de ese numero en la variable*/
  30.     uno.onclick = function(e){
  31.         resultado.textContent = resultado.textContent + "1";
  32.     }
  33.     dos.onclick = function(e){
  34.         resultado.textContent = resultado.textContent + "2";
  35.     }
  36.     tres.onclick = function(e){
  37.         resultado.textContent = resultado.textContent + "3";
  38.     }
  39.     cuatro.onclick = function(e){
  40.         resultado.textContent = resultado.textContent + "4";
  41.     }
  42.     cinco.onclick = function(e){
  43.         resultado.textContent = resultado.textContent + "5";
  44.     }
  45.     seis.onclick = function(e){
  46.         resultado.textContent = resultado.textContent + "6";
  47.     }
  48.     siete.onclick = function(e){
  49.         resultado.textContent = resultado.textContent + "7";
  50.     }
  51.     ocho.onclick = function(e){
  52.         resultado.textContent = resultado.textContent + "8";
  53.     }
  54.     nueve.onclick = function(e){
  55.         resultado.textContent = resultado.textContent + "9";
  56.     }
  57.     cero.onclick = function(e){
  58.         resultado.textContent = resultado.textContent + "0";
  59.     }
  60.  
  61.     /* Por medio del atributo onclcik, cuando se de clic sobre un botón
  62.     se llamara la funcion resetear*/
  63.     borrar.onclick = function(e){
  64.         resetear();
  65.     }
  66.  
  67.     /* Por medio del atributo onclcik, cuando se de clic sobre un botón
  68.     de operación se guardará en variable "datouno" el dato reflejado en
  69.     la pantalla, adicional se guardará en la variable "operacion" el
  70.     signo de acuerdo con el botón oprimido, limpiando el dato en la pantalla
  71.     con la funcion limpiar()*/
  72.     suma.onclick = function(e){
  73.         datouno = resultado.textContent;
  74.         operacion = "+";
  75.         limpiar();
  76.     }
  77.     resta.onclick = function(e){
  78.         datouno = resultado.textContent;
  79.         operacion = "-";
  80.         limpiar();
  81.     }
  82.     multiplicacion.onclick = function(e){
  83.         datouno = resultado.textContent;
  84.         operacion = "*";
  85.         limpiar();
  86.     }
  87.     division.onclick = function(e){
  88.         datouno = resultado.textContent;
  89.         operacion = "/";
  90.         limpiar();
  91.     }
  92.     /* Por medio del atributo onclcik, cuando se de clic sobre el botón
  93.     de igual se guaradara en variable "datodos" el dato reflejado en
  94.     la pantalla para luego por medio de la función resolver() se ejecute
  95.     la operación guardada en la varibale datouno y datodos*/
  96.     igual.onclick = function(e){
  97.         datodos = resultado.textContent;
  98.         resolver();
  99.     }
  100. }
  101. /* Función para limpiar el contenido de la pantalla*/
  102. function limpiar(){
  103.     resultado.textContent="";
  104. }
  105. /* Función borrar los valores en pantalla y reiniciar los valores de
  106. las variables datouno, dato dos y operación*/
  107. function resetear(){
  108.     resultado.textContent="";
  109.     datouno = 0;
  110.     datodos = 0;
  111.     operacion = "";
  112. }
  113.  
  114. /* Función para ejecutar la operación de acuerdo con el botón seleccionado
  115. de operación*/
  116. function resolver(){
  117.     var res = 0;
  118.     switch(operacion){
  119.         case"+":
  120.             res = parseFloat(datouno) + parseFloat(datodos);
  121.             break;
  122.         case"-":
  123.             res = parseFloat(datouno) - parseFloat(datodos);
  124.             break;
  125.         case"*":
  126.             res = parseFloat(datouno) * parseFloat(datodos);
  127.             break;
  128.         case"/":
  129.             res = parseFloat(datouno) / parseFloat(datodos);
  130.             break;
  131.     }
  132.     resetear();
  133.     resultado.textContent = res;
  134. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!