Controles FORM, BUTTON y TEXT.

PROBLEMAS

  1. Crear un programa que permita cargar un entero en un text y al presionar un botón nos muestre dicho valor elevado al cubo (emplear la función alert).
  2. Cargar dos números en objetos de tipo text y al presionar un botón, mostrar el mayor.
  3. Cargar un nombre y un apellido en sendos text. Al presionar un botón, concatenarlos y mostrarlos en un tercer text (Tener en cuenta que podemos modificar la propiedad value de un objeto TEXT cuando ocurre un evento)
Solución
Problema 1.


<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de JavaScript</title>
  <meta charset="UTF-8">
</head>
<body>

<script>
  function calcularCubo()
  {
    var v=document.getElementById('num').value;
    v=parseInt(v);
    var cubo=v*v*v;
    alert(cubo);
  }
</script>

<form>
  Ingrese un valor:
  <input type="text" id="num">
  <br>
  <input type="button" value="Calcular cubo" onClick="calcularCubo()">
</form>
</body>
</html>
     


Problema 2.


<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de JavaScript</title>
  <meta charset="UTF-8">
</head>
<body>

<script>
  function mostrarMayor()
  {
    var num1=document.getElementById('num1').value;
    var num2=document.getElementById('num2').value;
    num1=parseInt(num1);
    num2=parseInt(num2);
    if (num1>num2)
    {
      alert('El manor es '+num1);
    }
    else
    {
      alert('El manor es '+num2);
    }
  }
</script>

<form>
  Ingrese primer valor:
  <input type="text" id="num1">
  <br>
  Ingrese segundo valor:
  <input type="text" id="num2">
  <br>
  <input type="button" value="mostrar mayor" onClick="mostrarMayor()">
</form>
</body>
</html>
     


Problema 3.


<!DOCTYPE html>
<html>
<head>
  <title>Ejemplo de JavaScript</title>
  <meta charset="UTF-8">
</head>
<body>

<script>
  function concatenar()
  {
    var nom=document.getElementById('nombre').value;
    var ape=document.getElementById('apellido').value;
    document.getElementById('resultado').value=nom+ape;
  }
</script>

<form>
  Ingrese nombre:
  <input type="text" id="nombre">
  <br>
  Ingrese apellido:
  <input type="text" id="apellido">
  <br>
  <input type="button" value="Concatenar datos ingresados" onClick="concatenar()">
  <br>
  <input type="text" id="resultado">
</form>
</body>
</html>


Retornar al menu