Hidden Divs

by Robb Barrett

HTML

<div id='livePage'><p>This is a live page</p></div>
<div id='expiredPage'><p>This is an expired page</p></div>

CSS

<style>
.shown {
  display: block;
}
.hidden {
  display: none;
}
</style>

JavaScript

if (new Date() > new Date('6/14/2017')) {
document.getElementById('livePage').className = "hidden";
document.getElementById('expiredPage').className = "shown";
} else {
document.getElementById('livePage').className = "shown";
document.getElementById('expiredPage').className = "hidden";

}