JSFiddle - React, Tailwind, and code Playground
HTML
<input type="button" id="redirect" value="show alert" />
<div id="alertWindow">
No More Data!
</div>
CSS
#alertWindow {
display: none;
color: Red;
text-align: center;
border: 2px solid #333;
width: 300px;
height: 30px;
border-radius: 5px;
padding: 10px;
}
#btnOk, #btnCancel { width: 70px; }
JavaScript
$(function() {
$("#redirect").click(function(){
$('#alertWindow').show();
return false;
});
$('#btnCancel').click(function() {
$('#alertWindow').hide();
});
$('#btnOk').click(function() {
location.href = 'http://www.google.com';
return false;
});
});