Javascript:我需要提示访问者三件事，然后用 "for loop"列出它们

Question

我需要提示访问者三件事，然后用“for 循环”和 HTML <ol> 列出它们和 <li>

这是我拥有的，但它不起作用:

<script>

var favbook1 = prompt("What is your favotire first book?", "");
var favbook2 = prompt("What is your favotire second book?", "");
var favbook3 = prompt("What is your favotire third book?", "");

books[0] = favbook1;
books[1] = favbook2;
books[2] = favbook3;

for (var i = 0; i < books.lenght ; i++) {
  document.write(books[i] , "<br>")
}

</script>

感谢您的帮助!

Answer 1

I need to prompt a visitor for three things and then list them with a for loop and the HTML <ol> and <li>

你必须申报books首先，在你可以给它赋值之前，你在 lenght 中有错字应该是 .length相反。

您的代码也不会创建 ol与 li元素。如果那是你想要的，你可以做类似的事情:

window.onload = function () {
    var books = [];

    var favbook1 = prompt("What is your favotire first book?", "");
    var favbook2 = prompt("What is your favotire second book?", "");
    var favbook3 = prompt("What is your favotire third book?", "");

    books.push(favbook1);
    books.push(favbook2);
    books.push(favbook3);

    var myList = document.createElement("ol");
    var myListItem;

    for (var i = 0; i < books.length; i++) {
        myListItem = document.createElement("li");
        myListItem.innerHTML = books[i];
        myList.appendChild(myListItem);
    }

    document.body.appendChild(myList);
}

---

DEMO - 创建ol与 li每本书

---