Advertisement
Guest User

Untitled

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