Как добавить несколько div с помощью appendChild?

Я пытаюсь сделать шахматную доску, используя javascript и создавая с ней 64 деления.
Проблема в том, что он создает только первый div.
Вот код:

div {
    width: 50px;
    height: 50px;

    display: block;
    position: relative;
    float: left;
}

<script type="text/javascript">
    window.onload=function()
    {
        var i=0;
        var j=0;
        var d=document.createElement("div");

        for (i=1; i<=8; i++)
        {
            for (j=1; j<=8; j++)
            {
                if ((i%2!=0 && j%2==0)||(i%2==0 && j%2!=0))
                {
                    document.body.appendChild(d);
                    d.className="black";
                }
                else
                {
                    document.body.appendChild(d);
                    d.className="white";
                }
            }
        }
    }
</script>

Ответы на вопрос(4)

Ваш ответ на вопрос