Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

tcn

Chamando função

Por , em Javascript

Recommended Posts

tcn    1

tcn
Postado

Bom Dia

 

pessoal, tenho esse código:

    <script type="text/javascript">
	
	function calcular()
	{
				var sexo  = document.getElementById('sexo');
				var altura = document.getElementById('altura');
				

				if(sexo == 'masculino'){
	  				diferenca = alutura - 152,4;
  					ideal = 52 + (0,75 * diferenca);
				} else if(sexo == 'feminino'){
					diferenca = alutura - 152,4;
  					ideal = 49 + (0,67 * diferenca);
				}
					alert('o peso ideal é'+ideal);
					}
			</script>
e preciso chama-lo neste código:

 <h3>Peso Ideal - Faça um teste agora mesmo<h3>
	</div>
    <form action="31852Saude.htm" method="get"><br>
  
    	<table border="2" align="center">
  			<tr>
    			<td>
        			<input type="radio" name="maculino" id = 'sexo'>Homem<br><p>
        			<input type="radio" name="feminino" id = 'sexo'>Mulher<br><p>
        			Digite sua Altura: <input type="text" height="3" id = 'altura'><br><p>
        			<input name="Calcular" type="button" value="Calcular">
                   
        		</td>
  			</tr>

A pergunta é:

Como eu faço isso? tenho que criar uma função no caso para chamar isso dentro do botão calcular correto?

E como eu faço isso?

 

Alguem poderia me ajudar por favor?

 

Grato

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Vou mostrar algumas formas:

 <input name="Calcular" type="button" value="Calcular" onclick="calcular()">

ou você pode atrelar a função no elemento, sem alterar a marcação HTML, colocando JS nela.

 <input name="Calcular" type="button" value="Calcular" id="Calcular" >
E no JS:
window.onload = function(){
document.getElementById('Calcular').onclick = calcular;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

tcn    1

tcn
Postado

Willian, bom dia

 

testei isso e vi que meu código não funcionou, tentei usar alert mas ele estava dando indefinido no código, pegando outro que me ajudaram aqui já estou tentando mas não está funcionando também, desculpa o incomodo mas poderia me informar qual erro nesse código?

 

 

<body>
	<div id="Saude" class="titulopagina">
		<h1>Saúde</h1>
	</div>
    <div id="Saudeconteudo">
	  <h3>Peso Ideal - Faça um teste agora mesmo<h3>
	</div>
    <form action="../calculadoraIMC" method="get"><br>
  
    	<table border="2" align="center">
  			<tr>
    			<td>
        			<input type="radio" name="maculino" id = "sexo" value = "masculino" >Homem<br><p>
        			<input type="radio" name="feminino" id = "sexo" value = "feminino" >Mulher<br><p>
        			Digite sua Altura: <input type="text" height="15" id = "altura"><br><p>
        			<input name="Calcular" type="button" value="Calcular" onclick="calcular()">
                   
        		</td>
  			</tr>
		</table>
	</form>
	
    <script language="javascript">
	
	function calcular()
	{
				var sexo   = document.calculadoraIMC.sexo.value;
               var altura = document.calculadoraIMC.altura.value;

				var ideal;
				var diferenca;

				alert(sexo);
				alert(altura);

				if(sexo == 'masculino'){
	  				diferenca = altura - 152,4;
  					ideal = 52 + (0,75 * diferenca);
				} else if(sexo == 'feminino'){
					diferenca = altura - 152,4;
  					ideal = 49 + (0,67 * diferenca);
				}
				alert('o peso ideal é' + ideal);
					}
			</script>

ele quando clico em calcular não chama os Alert's para pegar informação, agradeço pela ajuda.

 

Grato.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito