Advertisement
Guest User

Untitled

a guest
Aug 26th, 2019
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 6.85 KB | None | 0 0
  1. $(document).ready(cargarEventos);
  2.  
  3. function cargarEventos(){
  4.     $("#btnMostrar").click(loQuePasaAlDarClick);
  5.     $("#btnSumarEj2").click(sumar);
  6.     $("#btnSumarEj3").click(sumarEj3);
  7.     $("#btnOperar").click(sumiplicar);
  8.     $("#btnCalcularArea").click(calcArea);
  9.     $("#btnConvertir").click(dePesoADolar);
  10.     $("#btnModulo").click(modulazo);
  11.     $("#btnOperarEj8").click(sumaResta);
  12.     $("#btnOperarEj9").click(elevarRestar);
  13.     $("#btnOperarEj10").click(recargo);
  14.     $("#btnOperarEj11").click(sumarIva);
  15.     $("#btnOperarEj12").click(IMC);
  16.     $("#btnConteo").click(sumarClicks);
  17.     $("#btnConteoEj14").click(sumar3);
  18.     $("#btnAgregar").click(agregar);
  19.     $("#btnMostrarE15").click(mostrar15);
  20.     $("#btnCalcular").click(sumarPuntaje);
  21.     $("#btnObtenerTemp").click(obtenerTemperatura);
  22. }
  23.  
  24.  
  25. //defino bloque de código para click del botón
  26. function loQuePasaAlDarClick(){
  27.    //capturar el nombre
  28.    let nombre = $("#txtNombre").val();
  29.    console.log(nombre);
  30.    let apellido = $("#txtApellido").val();
  31.    console.log(apellido);
  32.    let mensaje = apellido + ", " + nombre + ".";
  33.    console.log(mensaje);
  34.    $("#divMostrar").html(mensaje);  //.....innerHTML = mensaje;
  35.     /*
  36.     Jquery sigue pa' delante sino encuentra el elemento.
  37.     let test = $("#txtApsellido").val();
  38.     console.log(test);
  39.  
  40.    */
  41.    console.log("terminé");
  42. }
  43.  
  44. //Ejercicio 2----------------------------------------------------------------------------------
  45.  
  46. function sumar() {
  47.     let val1 = parseInt($("#numPrimerValEj2").val());
  48.     let val2 = parseInt($("#numSegundoValEj2").val());
  49.     let total = val1 + val2;
  50.     $("#divTotalEj2").html(total);
  51. }
  52.  
  53. //Ejercicio 3------------------------------------------------------------------------------------------
  54.  
  55. function sumarEj3() {
  56.     let val13 = parseInt($("#numPrimerValEj3").val());
  57.     let val23 = parseInt($("#numSegundoValEj3").val());
  58.     let val33 = parseInt($("#numTercerValEj3").val());
  59.     let totalEj3 = val13 + val23 + val33;
  60.     $("#divTotalEj3").html(totalEj3);
  61. }
  62.  
  63. //Ejercicio 4------------------------------------------------------------------------------------------
  64.  
  65. function sumiplicar() {
  66.     let val14 = parseInt($("#numPrimerValEj4").val());
  67.     let val24 = parseInt($("#numSegundoValEj4").val());
  68.     let totalSuma = val14 + val24;
  69.     let totalMultiplicacion = val14 * val24;
  70.     $("#totalSuma").html(totalSuma);
  71.     $("#totalMultiplicacion").html(totalMultiplicacion);
  72. }
  73.  
  74. //Ejercicio 5--------------------------------------------------------------------------------------------
  75.  
  76. function calcArea() {
  77.     let lado = parseInt($("#numLado").val());
  78.     let resultadoArea = Math.pow(lado, 2);
  79.     $("#totalArea").html(resultadoArea);
  80. }
  81.  
  82. //Ejercicio 6--------------------------------------------------------------------------------------------
  83.  
  84. function dePesoADolar() {
  85.     let peso = parseInt($("#numPesos").val());
  86.     console.log(peso);
  87.     let precioDolar = parseInt($("#numDolar").val());
  88.     console.log(precioDolar);
  89.     let totalDolares = peso / precioDolar;
  90.     console.log(totalDolares);
  91.     $("#divConversion").html(totalDolares);
  92. }
  93.  
  94. //Ejercicio 7-------------------------------------------------------------------------------------------
  95.  
  96. function modulazo() {
  97.     let dividendo = parseInt($("#numDividendo").val());
  98.     let divisor = parseInt($("#numDivisor").val());
  99.     let modulo = dividendo % divisor;
  100.     $("#divModulo").html(modulo);
  101. }
  102.  
  103. //Ejercicio 8---------------------------------------------------------------------------------------------
  104.  
  105. function sumaResta() {
  106.     let val1Ej8 = parseInt($("#numVal1Ej8").val());
  107.     let val2Ej8 = parseInt($("#numVal2Ej8").val());
  108.     let val3Ej8 = parseInt($("#numVal3Ej8").val());
  109.     let resultadoEj8 = val1Ej8 + val2Ej8 - val3Ej8;
  110.     $("#divResultadoEj8").html(resultadoEj8);
  111. }
  112.  
  113. //Ejercicio 9----------------------------------------------------------------------------------------------
  114.  
  115. function elevarRestar() {
  116.     let val1Ej9 = parseInt($("#numVal1Ej9").val());
  117.     let val2Ej9 = parseInt($("#numVal2Ej9").val());
  118.     let val3Ej9 = parseInt($("#numVal3Ej9").val());
  119.     let totalEj9 = Math.pow(val1Ej9, 2) - (val2Ej9 + val3Ej9);
  120.     $("#divResultadoEj9").html(totalEj9);
  121. }
  122.  
  123. //Ejercicio 10---------------------------------------------------------------------------------------------
  124.  
  125. function recargo() {
  126.     let importe = parseInt($("#numVal1Ej10").val());
  127.     let porcentaje = parseInt($("#numVal2Ej10").val());
  128.     let resultadoEj10 = ((importe / 100) * porcentaje) + importe;
  129.     $("#divResultadoEj10").html(resultadoEj10);
  130. }
  131.  
  132. //Ejercicio 11---------------------------------------------------------------------------------------------
  133.  
  134. function sumarIva() {
  135.     let subtotal = parseInt($("#numVal1Ej11").val());
  136.     let totalEj11 = ((subtotal / 100) * 22) + subtotal;
  137.     $("#divResultadoEj11").html("$" + totalEj11);
  138. }
  139.  
  140. //Ejercicio 12----------------------------------------------------------------------------------------------
  141.  
  142. function IMC() {
  143.     let peso = parseFloat($("#numVal1Ej12").val());
  144.     let altura = parseFloat($("#numVal2Ej12").val());
  145.     let indiceMasaCorporal = peso / (Math.pow(altura, 2));
  146.     $("#divResultadoEj12").html(indiceMasaCorporal);
  147. }
  148.  
  149. //Ejercicio 13--------------------------------------------------------------------------------------------
  150.  
  151. let clicks = 0;
  152.  
  153. function sumarClicks() {
  154.     clicks++;
  155.     $("#divTotalClicks").html("El boton se ha presionado " + clicks + " veces");
  156. }
  157.  
  158. //Ejercicio 14-----------------------------------------------------------------------------------------------
  159.  
  160. let clicksEj14 = 0;
  161.  
  162. function sumar3() {
  163.     clicksEj14 += 3;
  164.     $("#divTotalClicksEj14").html(clicksEj14);
  165. }
  166.  
  167. //Ejercicio 15------------------------------------------------------------------------------------------------
  168.  
  169. let totalEj15= 0;
  170.  
  171. function agregar() {
  172.     let agregados = parseInt($("#numValEj15").val());
  173.     totalEj15 = totalEj15 + agregados;
  174.     console.log(totalEj15);
  175. }
  176.  
  177. function mostrar15() {
  178.     console.log("click");
  179.     $("#divResultadoEj15").html(totalEj15);    
  180. }
  181.  
  182. //Ejercicio 16------------------------------------------------------------------------------------------------
  183.  
  184. function sumarPuntaje() {
  185.     let ganados = (parseInt($("#numGanados").val())) * 3;
  186.     let empatados = parseInt($("#numEmpatados").val());
  187.     let puntaje = ganados + empatados;
  188.     $("#divPuntaje").html(puntaje);
  189. }
  190.  
  191. //Ejercicio 17------------------------------------------------------------------------------------------------
  192.  
  193. function obtenerTemperatura() {
  194.     let chillidos = parseFloat($("#numChillidos").val());
  195.     let tempF = ((chillidos - 40) / 4) + 50;
  196.     let tempFC = (tempF - 32) / 1.8
  197.     let tempC = ((chillidos - 40) / 7) + 10;
  198.     $("#divFarenheit").html(tempF);
  199.     $("#divCelcius").html(tempFC);
  200.     $("#divCelciusDirecto").html(tempC);
  201. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement