Hola! Bueno, programando en Javascript quiero que una vez dado el IMC me muestre una imagen diferente de acuerdo al valor, pero no se como lograr que salga una imagen diferente, siempre sale la misma
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Calcular IMC</title>
<script>
function calcularImc() {
var m = parseFloat(kilos.value);
var h = parseFloat(metros.value);
var res = m / (2 * h);
resultado.value = res;
}
function cambiarImc() {
var imc = parseFloat(campoImc.value);
if (imc < 16) {
fotografia.src = "imc/bajo.jpg";
}
else if (imc > 16 && imc < 17) {
fotografia.src = "imc/bajo.jpg";
}
else if (imc > 16.99 && imc > 18.5) {
fotografia.src = "imc/bajo.jpg";
}
else if (imc > 18.49 && imc < 25) {
fotografia.src = "imc/medio.jpg";
}
else if (imc > 24.49 && imc < 30) {
fotografia.src = "imc/alto.jpg";
}
else if (imc > 29.99 && imc < 35) {
fotografia.src = "imc/alto.jpg";
}
else if (imc > 34.99 && imc < 40.01) {
fotografia.src = "imc/alto.jpg";
}
else if (imc > 40) {
fotografia.src = "imc/alto.jpg";
}
}
</script>
</head>
<body>
<h1> Calcular IMC</h1>
<input type="number" id="kilos" placeholder="Su peso en kilos" />
/
<input type="number" id="metros" placeholder="Su estatura en metros" />
<input type="button" value="Calcular" onclick="calcularImc()" />
<br />
Su IMC es:<br />
<input type="text" id="resultado" /> <br />
<br />
<br />
<h2> Coloque su IMC</h2>
<input type="number" id="campoImc" placeholder="IMC" />
<input type="button" value="Checar" onclick="cambiarImc()" />
<br />
<br />
<img src="imc/bajo.jpg" id="fotografia" />
(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)