Как сделать, что после обновления страницы число лайков осталась?

Question

[I_lol]

<div class="like">
	<span class="plus">♡</span>
	<span class="counter"></span>
</div>

const likes = document.querySelectorAll('.like');

likes.forEach(like => {
  const plus = like.querySelector('.plus');
  const counter_element = like.querySelector('.counter');
  
  let counter = 0;
  
  plus.addEventListener('click', () => {
    render(++counter, counter_element);
  });

});

const render = (counter, counter_element) => counter_element.innerText = counter;

Comments

[Одиночка Айс]

Использовать БД с серверным языком, использовать хранилище, использовать js-фреймворк, например, Vue.js

[Максим]

или просто при клике записывать в json и от туда выводить но понадобится обязательно какой то серверный язык ... хоть node.js хоть php ..

Answer 1

[ya_ne_znau]

Сохраняй информацию там, где она не будет удалена после перезагрузки страницы, например local storage:
localStorage.setItem("likes", counter.toString());
и вытаскивать:

counter = parseInt(localStorage.getItem("likes") || "0");

Ищи "local Storage js", а вообще надо уметь составлять вопросы на английском: "JavaScript save data after reload" (или как-то так).