Artículos
Java

Calcular la hipotenusa con Java

Creado: 25/Feb/2007 Actualizado: 03/Jun/2015

La hipotenusa es el lado del triangulo opuesto al angulo recto. Dados los valores de los catetos podemos aplicar el Teorema de Pitágoras para realizar el cálculo del valor de la hipotenusa.

El Teorema de Pitágoras dice que «la suma de los cuadrados de los catetos es igual al cuadrado de la hipotenusa». Es por ello que esta formula matemática la podemos expresar de una forma sencilla en Java.

Lo primero que tenemos que hacer es definir la variables que almacenaran los valores de la hipotenusa (vacía inicialmente) y de sus respectivos catetos.

double hypo = 0;
double cateto1 = 2;
double cateto2 = 3;

Si despejamos el valor de la hipotenusa de la formula del Teorema de Pitágoras veremos que la hipotenusa es igual a la raíz cuadrada de la suma del cuadrado de los catetos.

Es por ello que nos podemos apoyar en los método .pow(double, double) y .sqrt(double) para representar esta formula.

Por un lado .pow(double, double).sqrt(double) calcula la raiz cuadrara del valor pasado como parámetro.

El código sería la siguiente línea de código:

hypo = Math.sqrt(Math.pow(cateto1, 2) + Math.pow(cateto2, 2));

Java nos proporciona un método mediante el cual nos calculará el valor de una hipotenusa dado el valor de sus catetos, sin la necesidad de conocer el Teorema de Pitágoras. El método es .hypot(double,double)

La línea de código a utilizar en este caso es la siguiente:

Math.hypot(cateto1, cateto2);

Código Fuente

Descárgate el código fuente de Calcular la hipotenusa con Java
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java
Artículos
Prototype

Modificar el contenido de una capa con Prototype

Creado: Actualizado: 09/Ene/2025

En los últimos años de la web estamos tendiendo a interfaces de usuario con muchísima funcionalidad y mayor dinamismo. En todo este flujo de información, los elementos se van modificando y actualizando. Normalmente en forma asíncrona.

Es por ello que es bueno que sepamos como podemos hacer esto vía código y utilizando el framework Prototype. Prototype nos ayudará mediante sus funciones a llevar a cabo nuestro cometido.

Lo primero que tenemos que saber es como acceder a una capa (asumimos que ya existe la capa). Para ello utilizaremos la función $() pasándole el id de la capa como parámetro.

$('idcapa');

Como queremos reaprovechar el código vamos a crear una función JavaScript que reciba el texto a poner en la capa y actualice el contenido de la misma. El contenido de una capa se puede modificar mediante el atributo .innerHTML. De esta forma nos quedaría la siguiente función:

<script type="text/javascript">
function modificarCapa(texto){
  $('micapa').innerHTML=texto;
}
</script>

Ahora solo nos quedará utilizar esta función desde alguna parte de la página. En nuestro caso hemos utilizado unos simples botones. Los cuales, mediante el evento onClick lanzarán dicho método:

<form action="#"><input type="button" value="Texto Uno"> <input type="button" value="Texto Dos"> <input type="button" value="Texto Tres"> <input type="button" value="Texto Cuatro"></form>

Todo muy sencillo. Y recordar el instanciar el framework Prototype al principio:

<script type="text/JavaScript" src="https://lineadecodigo.com/wp-content/uploads/2007/02/prototype.js"></script>
Prototype

Obtener el contenido de una capa con Prototype

Creado: Actualizado: 25/Ago/2021

Como ya sabemos, el framework Prototype nos permite manejar las páginas HTML dinámicamente de una forma muy sencilla. Para ello evita que tengamos que conocer todos los detalles del lenguaje JavaScript y las complejidades de los modelos DOM de las páginas.

Uno de sus ejemplos será el obtener el contenido de una capa de la página. Las capas en HTML se pueden definir mediante el elemento <DIV>. De esta forma podríamos definir una capa en HTML de la siguiente forma:

<div id="micapa">
Contenido de mi capa<br>
para lineadecodigo.com
</div>

Es muy importante el identificador que le demos a la capa. Es decir, el valor de su atributo id. Ya que dicho valor será el que utilicemos para acceder a la capa desde Prototype.

En Prototype nos apoyaremos en el método de utilidad $(). Este método recibe como parámetro el identificador del elemento de la página a acceder. En nuestro ejemplo sería ‘micapa’.

$('micapa');

Este código solo nos devolverá el elemento tal cual, es decir, la capa. Si lo que queremos es acceder a su contenido deberemos de acceder al atributo innerHTML de la capa. El cual nos dará el contenido de dicha capa. Veamos como sería dicho código:

alert($('micapa').innerHTML);

Nos hemos apoyado en el método alert de JavaScript para mostrarlo en una ventana emergente.

Acuérdate que para cargar el framework Prototype simplemente nos apoyamos en la etiqueta <SCRIPT> mediante la cual indicaremos la librería prototype.js.

Visualizar el ejemplo | Descargar el código