<div>
<p>Кликов: <span id="clicks-count">0</span></p>
<button id="increment-clicks-button">+1</button>
</div>
const clicksCountSpan = document.getElementById('clicks-count'); // получаем элементы DOM - span, в который будет выводиться число
const incrementClicksButton = document.getElementById('increment-clicks-button'); // и кнопку, по которой нужно кликать
let clicksCount = 0
function onIncrementButtonClick () {
clicksCount += 1; // инкрементируем счётчик
clicksCountSpan.innerHTML = clicksCount; // этой строчкой заменяем контент внутри span на актуальное значение
}
incrementClicksButton?.addEventListener('click', onIncrementButtonClick) // подписываем обработчик на событие click по кнопке
<p>Писатели:</p>
<div class="box">
<p>Писатели:</p>
<ul>
<li>Пушкин</li>
<li>Лермонтов</li>
<li>Чехов</li>
<li>
<ul>
<li>Пушкин</li>
<li>Лермонтов</li>
<li>Чехов</li>
</ul>
</li>
</ul>
</div>
<div class="box">
<p>Художники:</p>
<ul>
<li>Винсент ван Гог</li>
<li>Сальвадор Дали</li>
<li>Эдвард Мунк</li>
<li>
<ul>
<li>Пушкин</li>
<li>Лермонтов</li>
<li>Чехов</li>
</ul>
</li>
</ul>
</div>
body {
counter-reset: cnt 0;
}
li {
counter-increment: cnt 1;
}
li::before {
content: counter(cnt) ". ";
}
li>ul {
counter-reset: cnt-2 0;
}
li>ul>li {
counter-increment: cnt-2 1;
}
li>ul>li::before {
content: counter(cnt-2) ". ";
}
Запрос в принципе на клиенте отправляется?