Как создать самообновляемый список в html? - PullRequest
Новая
       31

Как создать самообновляемый список в html?

0 голосов
/ 11 мая 2018

Я новичок в html и все еще пытаюсь понять это:

Я хочу создать список, который автоматически обновляется при добавлении новых элементов в текстовое поле, например:

Я хочу добавить «Брат», затем в списке «- Брат», когда я решу добавить больше элементов, например «Сестра», это будет «- Сестра» в новой строке, но если я решу добавить опять то же самое, я хочу, чтобы меня удвоили без добавления новой строки, например, если бы я снова добавил «Брат», он должен показывать «2х Брат» вместо «Брат» в двух строках, это можно сделать в html?

Заранее спасибо

Ответы [ 2 ]

0 голосов
/ 11 мая 2018

Используйте простой JavaScript для вставки элементов списка 

<!DOCTYPE html>
<html>
  <body>

    <input id="input1" type="text">
    <input type='button' value='add' onclick="addToTheList()" />

    <ul id="list">
    </ul>
    <script type="text/javascript">
      function addToTheList() {
        var u = document.getElementById("input1").value;
        document.getElementById("list").innerHTML += ("<li>" + u + "</li>");
      }

    </script>
  </body>
</html>
0 голосов
/ 11 мая 2018

Чтобы ответить на ваш вопрос:

можно ли сделать в html?

Я думаю, что нет, это невозможно в чистом HTML.

Вам нужно будет использовать Javascript. Вы можете прослушать событие изменения в вашем текстовом поле (input или textarea), и когда есть изменение, используйте Javascript, чтобы прочитать слова в вашем текстовом поле, добавить их в массив Javascript, отсортировать массив, чтобы проверить наличие дубликатов, или проверить каждый элемент. массива против всех остальных, чтобы проверить наличие дубликатов и сохранить дубликаты вместе с их количеством в другом массиве.

Есть много других способов достижения вашей цели с помощью Javascript.

...