Показать сообщение отдельно
  #1 (permalink)  
Старый 30.07.2019, 17:39
Интересующийся
Отправить личное сообщение для Трудяга Посмотреть профиль Найти все сообщения от Трудяга
 
Регистрация: 30.07.2019
Сообщений: 19

Порядковый номер для добавляемой li в ul
Добрый день. Помогите, пожалуйста, решить квест.
При нажатии на кнопку btn-generate добавлять в список ul элемент списка Li с текстом Item + порядковый номер Li по списку, т.е Item 3, Item 4 и т.д
Смог только добавить Item, как номер порядковый добавить не могу сообразить(
<body>
    <button id="btn-msg" data-text="Custom" message”>Show message</button>

    <button id="btn-generate">Generate item</button>

    <p><strong id="tag">Tag:</strong></p>
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
    </ul>
    <script src="app.js"></script>
  </body>


let btnGenerate = document.getElementById("btn-generate");
btnGenerate.onclick = function() {
  let ul = document.getElementsByTagName("ul")[0];
  let li = document.createElement("li");
  li.textContent = "Item";

  ul.appendChild(li);
};

Последний раз редактировалось Трудяга, 30.07.2019 в 17:49.
Ответить с цитированием