问在DOM上显示我的代码有困难

EN

for (var i = 0; i < booksListArray.length; i++) {
    var currentBook = booksListArray[i];    
    if (currentBook.alreadyRead == true) {
        document.write("I have already read " + currentBook.title + " by " + currentBook.author);
    } else {
        document.write("You still have to read " + currentBook.title + " by " + currentBook.author);
    }
}

var booksListArray = [
{
    title: "Always Running",
    author: "Luis J Rodriguez",
    alreadyRead: true
},
{
    title: "Hatchet",
    author: "Gary Paulsen",
    alreadyRead: true
},
{
    title: "Autobiography of Malcolm X",
    author: "Malcolm X",
    alreadyRead: true
},
{
    title: "Che Guevara: A Revolutionary Life",
    author: "Jon Lee Anderson",
    alreadyRead: false
},
{
    title: "The Prince",
    author: "Niccolo Machiavelli",
    alreadyRead: false
}];

var mydiv = document.getElementById('mylist');
for (var i = 0; i < booksListArray.length; i++) {
    var currentBook = booksListArray[i];    
    if (currentBook.alreadyRead == true) {
    	mydiv.innerHTML += "I have already read " + currentBook.title + " by " + currentBook.author + "<br>";
    } else {
    	mydiv.innerHTML += "You still have to read " + currentBook.title + " by " + currentBook.author + "<br>";
    }
}

<div id="mylist"></div>

for (var i = 0; i < booksListArray.length; i++) {
    var currentBook = booksListArray[i]; //index should be i    
    if (currentBook.alreadyRead === true) {
        document.write("I have already read " + currentBook.title + " by " + currentBook.author);
    } else {
        document.write("You still have to read " + currentBook.title + " by " + currentBook.author);
    }
};