Elabore uma página HTML para calcular o peso ideal de uma pessoa. A página deverá exibir um formulário com dois campos:
•Um campo do tipo rádio para informação do sexo da pessoa;
•Um campo de texto convencional para entrada da altura da pessoa;
Dúvida de como identificar no estrutura condicional a partir do rádio quem é quem.. Abaixo o código que escrevi
<body>
<fieldset>
<legend>Sexo</legend>
<input type = "radio" name = "tSexo1" id = "cSexo1"><label for = "cSexo1">Masculino</label>
<input type = "radio" name = "tSexo1" id = "cSexo2"><label for = "cSexo2">Feminino</label>
</fieldset>
<fieldset>
<legend>Altura</legend><br>
Insira altura <br><input type = "text" name = "tAlt" id = "cAlt">
</fieldset>
<input type = "button" id = "btn" value = "Calcular" onClick = "calculaLoco()">
<script>
function calculaLoco() {
var z = document.getElementById('tAlt');
var z /= 100;
var a = document.getElementById('cSexo1');
if ('btn' == 'cSexo1') {
var pi = (72.7 * z) - 58;
}
else {
pi = (62.1 * z) - 44.7;
}
alert (pi);
}
</script>
</body>
</html>
Você pode pegar o elemento referente ao radio via document.getElementById, mas, você terá que pegar os dois.
O ideal é verificar qual está selecionado, assim, você já obtém a informação correta
var sexo = '';
if(document.getElementById('cSexo1').checked) {
sexo = 'M';
} else if(document.getElementById('cSexo2').checked) {
sexo = 'F';
} else { //Trata caso nenhum esteja selecionado
alert('Sexo não selecionado');
}
Entendeu?
1 curtida
Entendi sim @darlan_machado, porém ainda não está retornando nada. Mas a sua lógica é certa. Obrigado!