Skip to main content
1 de 2

Problams con Alerts

Estoy intentando hacer un código en el cual se le ingresan unos datos de altura y frecuencia, en caso de que alguno de esos datos estén por fuera de los parámetros debe mostrar un alerta indicando que ese dato debe ser cambiado. En el caso de la primera altura funciona bien la alerta, pero en el caso se la altura 2 y la frecuencia no sale ninguna alerta. Quisiera saber en cual es mi error.

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>ttt</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<div class="cell-md-4">
<div class="row">
<div class="cell">
<div class="card">
<div class="card-header clear">Altura</div>
<div class="card-content p-3">
<input id="htx" value="35" type="text" data-role="materialinput" data-label="Altura" placeholder="Ingrese la altura" onchange="updateLoss();">
</div>
</div>
</div>
</div>
<div class="row">
<div class="cell">
<div class="card">
<div class="card-header clear">Alrtura 2</div>
<div class="card-content p-3">
<input id="hrx" value="1.5" type="text" data-role="materialinput" data-label="Altura" placeholder="Ingrese la altura" onchange="updateLoss();">
</div>
</div>
</div>
</div>
<div class="row">
<div class="cell">
<div class="card">
<div class="card-header"> Frecuencia </div>
<div class="card-content p-3">
<input id="frecuencia" value="150000000" type="text" data-role="materialinput" data-label="Frecuencia [Hz]" placeholder="Ingrese la frecuencia" onchange="updateLoss();">
</div>
</div>
</div>

<body>
  <script>
function updateLoss (hr){
var hr = parseFloat(document.getElementById("hrx").value);
if(hr < 1 || hr > 10){window.alert("no valido altura " + hr + "m");
}
}            
             
function updateLoss(freq){
var freq = parseFloat(document.getElementById("frecuencia").value);
if(freq < 150000000 ||freq > 1500000000){window.alert("no valido para la frecuencia " + freq + "Hz"); }
}
                         
function updateLoss(ht){
var ht = parseFloat(document.getElementById("htx").value);
 if(ht < 30 || ht > 200){window.alert("no valido para la altura " + ht + "m");}
} 
  
</script>
</body>

</html>