Напишите интерфейс для создания списка.
Для каждого пункта:
- Запрашивайте содержимое пункта у пользователя с помощью
prompt. - Создавайте пункт и добавляйте его к
UL. - Процесс прерывается, когда пользователь нажимает ESC.
Все элементы должны создаваться динамически.
Если посетитель вводит теги — в списке они показываются как обычный текст.
Работающий пример тут: tutorial/browser/dom/createList.html
P.S. prompt возвращает null, если пользователь нажал ESC.
Решение
Решение
Решение говорит само за себя:
<!DOCTYPE HTML>
<html>
<body>
<h1>Creation of the list</h1>
<script>
var ul = document.createElement('ul')
document.body.appendChild(ul)
while (true) {
var data = prompt("Enter the contents for the item", "")
if (data === null) {
break
}
var li = document.createElement('li')
li.appendChild(document.createTextNode(data))
ul.appendChild(li)
}
</script>
</body>
</html>
Показать в отдельном окне
Делайте проверку на null в цикле. prompt возвращает это значение только если был нажат ESC.
Контент в LI добавляйте с помощью document.createTextNode, чтобы правильно работали <, > и т.д.
#79