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.


<html>
<head>
</head>
<body>

<script type="text/javascript">
  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.


<html>
<head>
</head>
<body>

<script type="text/javascript">
  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.


<html>
<head>
</head>
<body>

<script type="text/javascript">
  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