Alerta Sim Não Com a Função confirm() em JavaScript

Este tutorial discute como criar um diálogo usando a função confirm() em JavaScript.

Crie uma caixa de diálogo usando a função confirm() em JavaScript

Para criar um diálogo, podemos usar a função confirm() em JavaScript. Esta função pede a opinião do usuário e retorna true ou false dependendo da escolha do usuário. Você pode usar o valor retornado para executar a função desejada.

Por exemplo, vamos criar um diálogo com algum texto usando a função confirm(). Veja o código abaixo.

var dialog = confirm("Save data?");
if (dialog) {
    console.log('Data Saved')
}
else {
    console.log('Data Not Saved')
}

Produção:

Data Saved

Quando você executa o código acima, uma caixa de diálogo irá aparecer perguntando se você deseja salvar os dados ou não. Se você pressionar ok, a saída acima aparecerá no console.

A função console.log() é usada para imprimir o texto no console. Se a função confirm() causar problemas, você também pode usar a função window.confirm() para evitar qualquer problema.

Agora, a caixa de diálogo acima aparecerá quando você recarregar ou abrir a página. Ainda assim, você também pode anexá-lo com um botão ou link; desta forma, quando um botão ou link for pressionado, esta caixa de diálogo aparecerá. Caso contrário, não.

Por exemplo, vamos usar um botão para pedir ao usuário uma confirmação para salvar os dados. Veja o código abaixo.

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <button type="button" onclick="if(confirm('Save Data?')){ console.log('Data Saved')};">SomeButton</button>
</body>
</html>

Produção:

Data Saved

No código acima, usamos um botão para exibir a caixa de diálogo, mas você também pode usar um link ou formulário para exibi-la de acordo com seus requisitos.