Advertisement
Guest User

Untitled

a guest
Aug 26th, 2019
137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 7.32 KB | None | 0 0
  1. <html>
  2.   <head>
  3.       <title>Mi primer Botón</title>
  4.      <meta charset="UTF-8">
  5.     <script src="jQuery.js"></script>
  6.     <script src="miCodigo.js"></script>
  7.   </head>
  8.   <body>
  9.  
  10.       <h1>Ejercicio 1</h1>
  11.       <label>Ingrese su Nombre: </label>     <br>
  12.       <input id="txtNombre" type="text" style="width: 300px;" placeholder="Ingrese su nombre con mayúscula" /><br>
  13.       <label>Ingrese su Apellido: </label>     <br>
  14.       <input id="txtApellido" type="text" style="width: 300px;" placeholder="Ingrese su apellido con mayúscula" />
  15.       <br>
  16.       <input id="btnMostrar" type="button" value="Mostrar Resultado" />
  17.  
  18.       <h5>Se muestra el resultado:</h5>
  19.       <div id="divMostrar">donde se mostrará.</div>
  20.  
  21.       <hr />
  22.  
  23.       <h1>Ejercicio 2</h1>
  24.       <label>Ingrese el primer valor: </label> <br />
  25.       <input id="numPrimerValEj2" type="text" /> <br />
  26.       <label>Igrese el segundo valor:</label> <br />
  27.       <input id="numSegundoValEj2" type="text" /> <br />
  28.       <input id="btnSumarEj2" type="button" value="Sumar!" />
  29.  
  30.       <h5>El total es:</h5>
  31.       <div id="divTotalEj2"> Total </div>
  32.  
  33.       <hr />
  34.  
  35.       <h1>Ejercicio 3</h1>
  36.       <label>Ingrese el primer valor:</label><br />
  37.       <input id="numPrimerValEj3" type="text" /><br />
  38.       <label>Ingrese el segundo valor:</label><br />
  39.       <input id="numSegundoValEj3" type="text" /><br />
  40.       <label>Ingrese el tercer valor:</label><br />
  41.       <input id="numTercerValEj3" type="text" /><br />
  42.       <input id="btnSumarEj3" type="button" value="Sumar!" />
  43.  
  44.       <h5>El total es:</h5>
  45.       <div id="divTotalEj3"> Total </div>
  46.  
  47.       <hr />
  48.  
  49.       <h1>Ejercicio 4</h1>
  50.       <label>Ingrese el primer valor:</label><br />
  51.       <input id="numPrimerValEj4" type="text" /><br />
  52.       <label>Ingrese el segundo valor:</label><br />
  53.       <input id="numSegundoValEj4" type="text" /><br />
  54.       <br />
  55.       <input id="btnOperar" type="button" value="Operar!" />
  56.       <h5>El resultado de la suma es:</h5>
  57.       <div id="totalSuma">Resultado de la suma</div>
  58.       <h5>El resultado de la multiplicacion es:</h5>
  59.       <div id="totalMultiplicacion">Resultado de la multiplicacion</div>
  60.  
  61.       <hr />
  62.  
  63.       <h1>Ejercicio 5</h1>
  64.       <label> Ingrese el valor del lado del cuadrado: </label><br />
  65.       <input id="numLado" type="text" /><br />
  66.       <input id="btnCalcularArea" type="button" value="Calcular Area!" />
  67.       <h5>El area del cuadrado es:</h5>
  68.       <div id="totalArea"> Resultado</div>
  69.  
  70.       <hr />
  71.  
  72.       <h1>Ejercicio 6</h1>
  73.       <label>Cantidad en Pesos Uruguayos:</label><br />
  74.       <input id="numPesos" type="text" /><br />
  75.       <label>Valor actual del Dolar Estadounidense:</label><br />
  76.       <input id="numDolar" type="text" /><br />
  77.       <input id="btnConvertir" type="button" value="Convertir!" />
  78.       <h5>El total del monto en Dolares es:</h5>
  79.       <div id="divConversion">Resultado</div>
  80.  
  81.       <hr />
  82.  
  83.       <h1>Ejercicio 7</h1>
  84.       <label>Dividendo:</label><br />
  85.       <input id="numDividendo" type="text" /><br />
  86.       <label>Divisor:</label><br />
  87.       <input id="numDivisor" type="text" /><br />
  88.       <input id="btnModulo" type="button" value="Calcular modulo!" />
  89.       <h5>El resto es:</h5>
  90.       <div id="divModulo">Resultado</div>
  91.  
  92.       <hr />
  93.  
  94.       <h1>Ejercicio 8</h1>
  95.       <label>Valor 1</label><br />
  96.       <input id="numVal1Ej8" type="text" /><br />
  97.       <label>Valor 2</label><br />
  98.       <input id="numVal2Ej8" type="text" /><br />
  99.       <label>Valor 3</label><br />
  100.       <input id="numVal3Ej8" type="text" /><br />
  101.       <input id="btnOperarEj8" type="button" value="Operar!" />
  102.       <h5>El resultado es:</h5>
  103.       <div id="divResultadoEj8">Resultado</div>
  104.  
  105.       <hr />
  106.  
  107.       <h1>Ejercicio 9</h1>
  108.       <label>Valor 1</label><br />
  109.       <input id="numVal1Ej9" type="text" /><br />
  110.       <label>Valor 2</label><br />
  111.       <input id="numVal2Ej9" type="text" /><br />
  112.       <label>Valor 3</label><br />
  113.       <input id="numVal3Ej9" type="text" /><br />
  114.       <input id="btnOperarEj9" type="button" value="Operar!" />
  115.       <h5>El resultado es:</h5>
  116.       <div id="divResultadoEj9">Resultado</div>
  117.  
  118.       <hr />
  119.  
  120.       <h1>Ejercicio 10</h1>
  121.       <label>Valor 1</label><br />
  122.       <input id="numVal1Ej10" type="text" /><br />
  123.       <label>Porcentaje de recargo</label><br />
  124.       <input id="numVal2Ej10" type="text" /><br />
  125.       <input id="btnOperarEj10" type="button" value="Operar!" />
  126.       <h5>El resultado es:</h5>
  127.       <div id="divResultadoEj10">Resultado</div>
  128.  
  129.  
  130.       <hr />
  131.  
  132.       <h1>Ejercicio 11</h1>
  133.       <label>Ingrese subtotal:</label><br />
  134.       <input id="numVal1Ej11" type="text" /><br />
  135.       <input id="btnOperarEj11" type="button" value="Operar!" />
  136.       <h5>El total es:</h5>
  137.       <div id="divResultadoEj11">Resultado</div>
  138.  
  139.       <hr />
  140.  
  141.       <h1>Ejercicio 12</h1>
  142.       <label>Ingrese peso en Kg:</label><br />
  143.       <input id="numVal1Ej12" type="text" /><br />
  144.       <label>Ingrese altura en metros:</label><br />
  145.       <input id="numVal2Ej12" type="text" /><br />
  146.       <input id="btnOperarEj12" type="button" value="Calcular IMC" />
  147.       <h5>El Indice de Masa Corporal es:</h5>
  148.       <div id="divResultadoEj12">Resultado</div>
  149.  
  150.       <hr />
  151.  
  152.       <h1>Ejercicio 13</h1>
  153.       <input id="btnConteo" type="button" value="Click me!" />
  154.       <div id="divTotalClicks">El boton aun no se ha presionado</div>
  155.  
  156.       <hr />
  157.  
  158.       <h1>Ejercicio 14</h1>
  159.       <input id="btnConteoEj14" type="button" value="Click me!" />
  160.       <div id="divTotalClicksEj14">El boton aun no se ha presionado</div>
  161.  
  162.       <hr />
  163.  
  164.       <h1>Ejercicio 15</h1>
  165.       <label>Ingrese valor a añadir</label><br />
  166.       <input id="numValEj15" type="text" /><br />
  167.       <input id="btnAgregar" type="button" value="Añadir valor" />
  168.       <input id="btnMostrarE15" type="button" value="Mostrar valor" />
  169.       <div id="divResultadoEj15">Resultado</div>
  170.  
  171.       <hr />
  172.  
  173.       <h1>Ejercicio 16</h1>
  174.       <label>Cantidad de partidos ganados:</label><br />
  175.       <input id="numGanados" type="text" /><br />
  176.       <label>Cantidad de partidos empatados:</label><br />
  177.       <input id="numEmpatados" type="text" /><br />
  178.       <label>Cantidad de partidos perdidos:</label><br />
  179.       <input id="numPerdidos" type="text" /><br />
  180.       <input id="btnCalcular" type="button" value="Calcular puntaje" />
  181.       <h5>Los puntos acumulados son:</h5>
  182.       <div id="divPuntaje"> Puntos </div>
  183.  
  184.       <hr />
  185.  
  186.       <h1>Ejercicio 17</h1>
  187.       <label>Chillidos por minuto:</label><br />
  188.       <input id="numChillidos" type="text" /><br />
  189.       <input id="btnObtenerTemp" type="button" value="Obtener Temperatura" />
  190.       <h5>La temperatura en Farenheit es de: </h5>
  191.       <div id="divFarenheit"> TF </div>
  192.       <h5>La temperatura en Celcius es de: </h5>
  193.       <div id="divCelcius"> TC </div>
  194.       <h5>Calculo directo en Celcius: </h5>
  195.       <div id="divCelciusDirecto"> TC </div>
  196.  
  197.  
  198.  
  199.       <!-- <select id="selPaises">
  200.         <option value='-1'>Elija Opción</option>
  201.         <option value='0' id="0">Uruguay</option>
  202.         <option value='1'>Argentina</option>
  203.     </select>
  204.     -->
  205.       <script>
  206.                                                                   //no debemos colocar código en la página
  207.       </script>
  208.  
  209.   </body>
  210. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement