finestre di dialogo

by Juri Rudi

HTML

<button id="Alert">Alert</button>
<button id="Confirm">Confirm</button>
<button id="Prompt">Prompt</button>
<br><br>
<button onclick='alert("questo è un alert")'>Alert</button>
<button onclick='confirm("questo è un Confirm")'>Confirm</button>
<button onclick='prompt("questo è un Prompt", "questa è la eventuale risposta predefinita");'>Prompt</button>
<br><br>
<button id='fAlert'>Alert</button>
<button id='fConfirm'>Confirm</button>
<button id='fPrompt'>Prompt</button>

CSS

button {
  width:100px;
}

JavaScript

document.querySelector('#Alert').onclick = function() {
  alert("questo è un Alert");
}
document.querySelector('#Confirm').onclick = function() {
  confirm("questo è un Confirm");
}
document.querySelector('#Prompt').onclick = function() {
  prompt("questo è un Prompt", "questa è la eventuale risposta predefinita");
}

var fAlert = document.getElementById('fAlert').addEventListener("click", fAlert);
function fAlert() {
 alert("questo è un Alert");
}
var fConfirm = document.getElementById('fConfirm').addEventListener("click", fConfirm);
function fConfirm() {
 confirm("questo è un Confirm");
}
var fPrompt = document.getElementById('fPrompt').addEventListener("click", fPrompt);
function fPrompt() {
 prompt("questo è un Prompt", "questa è la eventuale risposta predefinita");
}