Alerta Sí No con la función confirm() en JavaScript
Este tutorial explica cómo crear un diálogo usando la función confirm() en JavaScript.
Crear un diálogo usando la función confirm() en JavaScript
Para crear un diálogo, podemos usar la función confirm() en JavaScript. Esta función pide al usuario su opinión y devuelve true o false según la elección del usuario. Puede utilizar el valor devuelto para realizar la función deseada.
Por ejemplo, creemos un diálogo con algún texto usando la función confirm(). Consulte el siguiente código.
var dialog = confirm('Save data?');
if (dialog) {
console.log('Data Saved')
} else {
console.log('Data Not Saved')
}
Producción :
Data Saved
Cuando ejecute el código anterior, aparecerá un cuadro de diálogo que le preguntará si desea guardar datos o no. Si presiona ok, la salida anterior aparecerá en la consola.
La función console.log() se utiliza para imprimir el texto en la consola. Si la función confirm() causa problemas, también puede utilizar la función window.confirm() para evitar cualquier problema.
Ahora, el cuadro de diálogo de arriba aparecerá cuando vuelva a cargar o abra la página. Aún así, también puede adjuntarlo con un botón o un enlace; de esta manera, cuando se presiona un botón o enlace, aparecerá este cuadro de diálogo. De otra forma no.
Por ejemplo, usemos un botón para pedirle confirmación al usuario para guardar datos. Vea el código a continuación.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<button type="button" onclick="if(confirm('Save Data?')){ console.log('Data Saved')};">SomeButton</button>
</body>
</html>
Producción :
Data Saved
En el código anterior, usamos un botón para mostrar el cuadro de diálogo, pero también puede usar un enlace o formulario para mostrarlo de acuerdo con sus requisitos.
