Teorema de pitagoras codigo en html y javascript
Respuestas a la pregunta
Contestado por
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
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
Otras preguntas
Química,
hace 7 meses
Matemáticas,
hace 7 meses
Matemáticas,
hace 1 año
Exámenes Nacionales,
hace 1 año
Biología,
hace 1 año