En este artículo, aprenderemos a mostrar un mensaje cuando un número está entre el rango dado usando JavaScript. Tomamos un número del usuario y le decimos si está dentro de un rango o no, en nuestro caso, el rango es de 1 a 10.
Enfoque: creamos un botón y le agregamos un detector de eventos de clic. Cuando hacemos clic en el botón, se muestra un aviso en la pantalla del navegador utilizando la función de aviso de JavaScript() solicitando una entrada. La variable se comprueba si está entre el rango o no mediante la declaración if-else de JavaScript. Si esta entrada está entre el rango, mostramos un mensaje de éxito en la pantalla usando la propiedad innerHTML ; de lo contrario, mostramos un mensaje de falla.
Sintaxis:
prompt("Message to show");
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
.gfg1 {
font-size: 30px;
color: green;
}
#gfg2 {
font-size: 30px;
color: green;
}
div {
margin-left: 30%;
}
button {
font-size: 20px;
}
</style>
</head>
<body>
<div>
<p class="gfg1">GeeksforGeeks</p>
<button onclick="fun()">
click me
</button>
<p id="gfg2"></p>
</div>
<script>
function fun() {
const input = prompt('Please enter a number:');
if (input >= 1 && input <= 10)
document.getElementById("gfg2")
.innerHTML = input + " Success!";
else
document.getElementById("gfg2")
.innerHTML = input + " Fail!"
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por KapilChhipa y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA