I'm trying to fix this code
var homePage = "https://blogger.googleblog.com/",
maxResaults = 4;
function randomPosts(a) {
if (document.getElementById("random-posts")) {
var e = shuffleArray(a.feed.entry),
title, link, img, content = "",
ct = document.getElementById("random-posts");
for (var i = 0; i < maxResaults; i++) {
for (var j = 0; j < maxResaults; j++) {
if (e[i].link[j].rel == "alternate") {
link = e[i].link[j].href;
break
}
}
var title = e[i].title.$t;
content += '<li class="random-posts"><a href="' + link + '" title="' + title + '" target="_blank">' + title + '</a></li>'
}
ct.innerHTML = content
}
}
function shuffleArray(arr) {
var i = arr.length,
j, temp;
if (i === 0) return false;
while (--i) {
j = Math.floor(Math.random() * (i + 1));
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp
}
return arr
}
var random_post = document.createElement('script');
random_post.src = homePage + '/feeds/posts/default?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';
document.getElementsByTagName('head')[0].appendChild(random_post);
<ul id="random-posts"></ul>
when I make maxResaults less than 5 it shows an error with the items url it become undefined more than 5 work fine can anyone point to the problem ?