Is there a way to make the text show up at the top of the webpage in a red banner when the button is clicked? I've searched on Google and YouTube but haven't found a solution. Could someone please take a look at my code to help me figure this out?
<html>
<head>
<title> Non-Modal Alert Messages</title>
<link rel="stylesheet" type="text/css" href="nonmodal1.css">
<script type = "text/javascript">
function reveal(){
document.getElementById('theDiv').innerHTML='You have touched the button!'}
function hide(){
document.getElementById('theDiv').innerHTML='' }
</script>
</head>
<body>
<form>
<input type = "button" onclick = "reveal()" value = "Button">
<input type = "button" onclick = "hide()" value = "Close Alert">
</form>
<div id = "theDiv">
</div>
</body>
<html>