domingo, 1 de diciembre de 2019

Desarrollo de la ficha

<!DOCTYPE html>
<html lang="es">
<head>
 <meta charset="UTF-8">
 <title>Ejercicio 02</title>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 <script type="text/javascript">
  $(document).ready(function(){

   })
  </script>
 </head>
 <body>
  <h2>Calcular la resistencia</h2>
  Formula: E=V*T(E:Espacio, V:Velocidad, T:Tiempo)
  <form>
   <label>Velocidad(V):</label>
   <input type="text" id="velocidad"><br>
   <label>Tiempo(T):</label>
   <input type="text" id="tiempo">
  </form>
  <button id="btncalcular">Calcular</button>
  <p id="rpta"></p>
 </body>
 </html>
<!DOCTYPE html>
<html lang="es">
<head>
 <meta charset="UTF-8">
 <title>Calculadora</title>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 <script type="text/javascript">
  $(document).ready(function () {
   // Al hacer click en el id btnsuma
  ('#btnsuma').click(function () {
   //calculando la suma
   var rpta=(parseFloat($('#num1').val())+parseFloat($('#num2').val()));
   //mostrando respuesta
   $('#rpta').html(rpta);
  })
 })
  </script>
 </head>
 <body>
  <h2>Calculadora de 4 operaciones</h2>
  <form>
   <label>Número 1:</label>
   <input type="text"id="num1"><br>
   <label>Número 2:</label>
   <input type="text"id="num2">
  </form>
  <button id="btnsuma">Sumar</button>
  <button id="btnresta">Restar</button>
  <button id="btnmulti">Multiplicar</button>
  <button id="btndiv">Dividir</button>
  <p id="rpta"></p>
 </body>
 </html>

No hay comentarios:

Publicar un comentario