Skip to main content
Fragmento de código, título más descriptivo y separar texto en párrafos.
Origen Enlace
Triby
  • 25.2k
  • 3
  • 18
  • 36

Problams con Alerts Problemas para mostrar alertas

Estoy intentando hacer un código en el cualal que se le ingresan unos datos de altura y frecuencia,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(altura) funciona bien la alerta, pero en el caso sede 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>

    <!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>

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>

Problemas para mostrar alertas

Estoy intentando hacer un código al que se le ingresan 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 de la altura 2 y la frecuencia no sale ninguna alerta. 

Quisiera saber 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>

Origen Enlace

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>