div generation

by Tom Scott

HTML

<button id="create-div">DIV ME!</button>

CSS

div
{
    background-color: lightgreen;
    height: 20px;
}

div:nth-of-type(2n)
{
    background-color: green;
}

JavaScript

document.getElementById("create-div").addEventListener("click", function(){
    var newDiv = document.createElement('div');
    document.body.appendChild(newDiv);
}, false);