html!!!!!!!!!!!!

<html>
    <head>
        <meta charset="utf-8">
        <title>squares</title>
    </head>
    <body position=relative>

    </body>
</html>
<script>
    function omRightMouse(e, elem) {
        elem.parentNode.removeChild(elem);

    }

    var colors = ["red", "yellow", "blue", "green", "black", "gray"];
    var i = 0;

    function onLeftMouse(e) {
        var element = document.createElement('div');
        element.style.backgroundColor = colors[i];
        i++;
        if (i == colors.length)
            i = 0;
        element.style.minWidth = '100px';
        element.style.minHeight = '100px';
        element.style.maxWidht = '100px';
        element.style.maxHeight = '100px';
        element.style.padding = '0px';
        element.style.position = 'absolute';
        element.style.left = e.pageX + 'px';
        element.style.top = e.pageY + 'px';
        element.oncontextmenu = function(e) { omRightMouse (e, this); return false }
        document.body.appendChild(element);
    }

    document.onclick = function(e) {
        onLeftMouse(e);
    }

</script>