Mensagem em input
Olá.
Estou com a seguinte dúvida:
Tento fazer com que o usuário digite 3 valores de um triângulo em um input cada.
Logo em seguida, o código deve mostrar se os valores satisfazem os requisitos para que o triângulo exista e, além disso, qual o tipo do triângulo.
Não sei se o ideal seria aqui ou em HTML5.
Com ele todo em JS eu consigo fazer, mas quero aprender mais.
<meta charset="UTF-8">
<html>
<head>
<script type="text/javascript">
//esta função mostra uma frase no navegador e pula uma linha.
var mostra = function(frase){
document.write(frase + "<br>");
};
//esta função verifica se a condição de existência do triângula é suprida.
function condicao_existencia(){
var n1 = parseInt(document.getElementById('base'));
var n2 = parseInt(document.getElementById('ladob'));
var n3 = parseInt(document.getElementById('ladoc'));
if (n1 < n2 + n3 && n2 < n3 + n1 && n3 < n1 + n2){
document.getElementById('existencia').value = "Esses números satisfazem a condição de existência de um triângulo";
}
else{
document.getElementById('existencia').value = "Esses números não satisfazem a condição de existência de um triângulo";
};
tipo_triangulo();
};
//esta função checa que tipo de triângulo é
function tipo_triangulo(){
if (n1 === n2 && n2 === n3) {
document.getElementById('tipo').value = "Esses valores podem formar um triângulo EQUILÁTERO";
};
if (n1 != n2 && n2 != n3 && n3 != n1){
document.getElementById('tipo').value = "Esses valores podem formar um triângulo ESCALENO";
};
if (n1 != n2 && n2 === n3) {
document.getElementById('tipo').value = "Esses valores podem formar um triângulo ISÓSCELES";
};
};
//variáveis
var n1 = parseInt(document.getElementById('base'));
var n2 = parseInt(document.getElementById('ladob'));
var n3 = parseInt(document.getElementById('ladoc'));
</script>
</head>
<body>
<center>
<font size="8" color="purple">PROGRAMA PARA CÁLCULO DE TRIÂNGULO</font><br><br>
<form>
Informe o valor da base (a) do triângulo: <input type="text" id="base"><br>
Informe o valor do lado b do triângulo: <input type="text" id="ladob"><br>
Informe o valor do lado c do triângulo: <input type="text" ide="ladoc"><br>
<input type="button" id="calcular" value="Verificar Triângulo" onclick="condicao_existencia();"><br>
Validade do triângulo: <input type="text" id="existencia"> <br>
Tipo de triângulo: <input type="text" id="tipo">
</script>
</form>
</body>
</html>Discussão (4)
Carregando comentários...