mrusklon
@mrusklon
Не получается? Яростно гугли!

Как увеличить число внутри строки?

Есть у меня к примеру

<ul>
    <li id="a1"></li>
    <li id="a2"></li>
    <li id="a3"></li>
    <li id="a4"></li>
</ul>
<a href="#">button</a>

Нужно при нажатии на кнопку добавлять еще li, только id должен быть уже a5, a6 и т.д. Как это сделать?
  • Вопрос задан
  • 115 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
const ul = document.querySelector('ul');

document.querySelector('a').addEventListener('click', () => {
  const id = ul.lastElementChild.id.replace(/\d+$/, m => +m + 1);
  ul.insertAdjacentHTML('beforeend', `<li id="${id}"></li>`);
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы