• Asignatura: Informática
  • Autor: jhernandez3697
  • hace 8 años

Teorema de pitagoras codigo en html y javascript

Respuestas

Respuesta dada por: MarcoHdez
6
Antes que nada recordemos que el teorema de pitágoras dice que la hipotenusa al cuadrado de un triángulo es igual al cateto opuesto al cuadrado más el cuadrado del cateto adyacente (c² = a² + b²) y con sus variaciones respectivas (a² = c² - b² ; b² = c² - a²)

Código:

<!--Parte de HTML,tú le añades el doctype y todo eso-->
<html>

<head>
<title> Teorema de Pitágoras </title>
<!--No vamos a añadir CSS para menos trabajo y para que tu lo personalices-->
</head>

<body>

<p> Lado a:  <input id="a" placeholder="Cateto Opuesto"/> </p>
<p> Lado b:  <input id="b" placeholder="Cateto Adyacente"/> </p>
<p> Lado c:  <input id="c" placeholder="Hipotenusa"/> </p>
<button onclick="resultado()"> Click para el resultado </button>
<button onclick="limpiar()"> Limpiar </button>

<script>
    var a = document.getElementById("a");
    var b = document.getElementById("b");
    var c = document.getElementById("c");

    function resultado() {
        if (a.value == "" || b.value == "" || c.value == "") {
            alert("Introduce por lo menos dos valores");
        } else if (a.value != "" && b.value != "" && c.value == "") {
            aa = parseInt(a.value);
            bb = parseInt(b.value);
            c.value = Math.sqrt(Math.pow(aa,2) + Math.pow(bb,2));
        } else if (a.value != "" && b.value == "" && c.value != "") {
            aa = parseInt(a.value);
            cc = parseInt(c.value);
            b.value = Math.sqrt(Math.pow(cc,2) - Math.pow(aa,2));
        } else if (a.value == "" && b.value != "" && c.value != "") {
            bb = parseInt(b.value);
            cc = parseInt(c.value);
            a.value = Math.sqrt(Math.pow(cc,2) - Math.pow(bb,2));
        }
    }

   function limpiar() {
     a.value = "";
     b.value = "";
     c.value = "";
   }
</script>
</body>
</html>

Y creo que eso es todo
Preguntas similares