Código para calcular IMC não funciona

1. Código para calcular IMC não funciona

removido
(usa Nenhuma)

Enviado em 09/01/2017 - 18:59h

Estou fazendo um código em Javascript para calcular IMC. Porém, não está funcionando e o console do Opera não acusa nenhum erro.

Segue o código JS:

  function imc(){

    var altura = document.imcform.altura.value;

    var peso = document.imcform.peso.value;

    var total;

	

      if((altura == '') || (peso == '')){

          alert('Preencha os campos!');

		  document.imcform.altura.focus;

	  }else{

	       total = peso / (altura * altura);

	       document.imcform.result.value = total;

	        if(total <= 18.5){

	            alert('Você está abaixo do peso!');

	     } else if((total >= 18.6) && (total <= 24.9)){

		       alert('Você está no peso ideal!');

	     } else if((total >= 25) && (total <= 29.9)){

		       alert('Você está levemente acima do peso');

	     }

	  }

  }

Código HTML:

<!DOCTYPE html>

<html lang="pt-br">



	<head>

		<meta charset="utf-8">

		<meta name="description" content="Aprendendo JavaScript">

		<meta name="keywords" content="JavaScript">

		<title>JavaScript</title>

		<script src="javascript.js"></script>

	</head>

	

	<body>

		<meta charset="utf-8">

		<noscript>

			Seu JavaScript está desabilitado.

		</noscript>

		<form method="$_POST" name="imcform">

			<input type="number" name="altura" placeholder="Altura" step="0.01" required><br><br>

			<input type="number" name="peso" placeholder="Peso(kg)" step="0.01" required><br><br>

			<input type="number" name="imc" placeholder="IMC" step="0.1" disabled><br><br>

			<input type="submit" name="result" onclick="imc()">

		</form>

	</body>



</html>

Acho que deu pra perceber q sou iniciante em JS jkk

0 0

Quote

2. Re: Código para calcular IMC não funciona

drizze
(usa Linux Mint)

Enviado em 09/01/2017 - 20:08h

Altere input type submit para input typr button.

0 0

Quote

3. Re: Código para calcular IMC não funciona

msoliver
(usa Debian)

Enviado em 11/01/2017 - 00:01h

Boa noite RCommando62.
Veja se ajuda . . . .

<!DOCTYPE html>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<!-- Marcelo Oliver | Janeiro/2017-->

<html>

<head>

<title>Calcula IMC</title>

</head>

<body>

<script>

function CALCULA() {

    var peso = document.getElementById("peso").value;

    var altura = document.getElementById("altura").value;

    document.getElementById("H01").innerHTML =  "IMC = " + peso / (altura * altura); 

}

</script>



<div align="center">

<h2>Informe o Peso e a Altura.</h2>

<form>

<br>

  ALTURA : 

  <input type="number" step="0.01" min="0.50" id="altura" required>

  <br><br>

  PESO : 

  <input type="number" step="0.1" min="4" id="peso" required>

</form>



<br>

<button onclick="CALCULA()"><b>CALCULAR IMC</b></button>

<h1 id="H01"  style="color:red;"></h1>

</div>

</body>

</html>

Att.:
Marcelo Oliver

0 0

Quote

4. Re: Código para calcular IMC não funciona

rmothe
(usa Linux Mint)

Enviado em 11/01/2017 - 07:41h

RCommando62 escreveu:

Estou fazendo um código em Javascript para calcular IMC. Porém, não está funcionando e o console do Opera não acusa nenhum erro.
(...quote...)
Acho que deu pra perceber q sou iniciante em JS jkk

Aqui está uma solução, a mais simples possível:



<html>

<head>

  <title>Calculando o IMC com JavaScript</title>

  <meta charset="utf-8">

  <script>

    function calcularIMC(){

      var altura = document.imcform.altura.value;

      var peso = document.imcform.peso.value;

      var total;



      if((altura == '') || (peso == '')){

        alert('Preencha os campos!');

        document.imcform.altura.focus;

      }else{

        total = peso / (altura * altura);

        document.imcform.imc.value = total;

        if(total <= 18.5){

          alert('Você está abaixo do peso!');

        } else if((total > 18.5) && (total <= 24.9)){

          alert('Você está no peso ideal!');

        } else if((total > 24.9) && (total <= 29.9)){

          alert('Você está levemente acima do peso!');

        } else {

          alert('Você está acima do peso!');

        }

      }

    }

  </script>

</head>

<body>

  <form name="imcform">

    <input type="number" name="altura" placeholder="Altura" step="0.01" required><br><br>

    <input type="number" name="peso" placeholder="Peso(kg)" step="0.01" required><br><br>

    <input type="number" name="imc" placeholder="IMC" step="0.1" disabled><br><br>

    <input type="button" value="Calcular" onclick="calcularIMC();">

  </form>

</body>

</html>

Fiz isto pois sei que você quer ver seu código funcionando. Como sei que está iniciando seus aprendizados, evitei comentários, pois, neste momento, eles não serão úteis. Por exemplo: tags fora do contexto, conflito de IDs, atribuição inapropriada, etc...

Para fazer páginas web siga este pequeno roteiro:

1º.- Estude HTML;
2º.- Estude CSS: ;
3º.- Estude JavaScript.

Que tal começar por aqui: https://www.youtube.com/watch?v=epDCjksKMok&list=PLHz_AreHm4dlAnJ_jJtV29RFxnPHDuk9o

Te desejo sucesso nesta sua jornada!

Linux Counter: #318909

1 0

Quote