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

 <script>
 var sum = 0;
var pressYet = false;
function changeIt() {
   if(pressYet == false){
    sum++;
    document.getElementById('test').innerHTML = sum;
   pressYet = true;
   } else {
   
   document.getElementById('test').innerHTML = "You have already pressed the button";
 document.getElementById("button").style.visibility = "hidden";
   }
    
  }
   </script>
<div id="test">
   <b> <var> Test </ var> </b>
</div> 

<button onclick="changeIt()" id = "button" >Press If you are here</button>

Итак, у меня есть эта замечательная эпическая кнопка на моем веб-сайте, она очень крутая, но я хочу сделать ее лучше. Мне было интересно, как сделать, чтобы переменная «сумма» не сбрасывалась каждый раз, когда я обновляю свой сайт. Я знаю, что для этого есть термин, но хоть убей, я не могу его понять. Я хочу, чтобы каждый раз, когда кто-то нажимает кнопку, к ней добавлялась «сумма», и это число было бы постоянным. Так что со временем это число становится очень большим.

Я очень новичок в HTML, поэтому, пожалуйста, будьте добры ко мне.

Отвечает ли это на ваш вопрос? Сохранять переменные между загрузками страниц

showdev 09.04.2022 21:27
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Введение в технологический стек Twitch
Введение в технологический стек Twitch
В этой статье мы подробно рассмотрим стек Twitch, который подразделяется на следующий набор технологий:
8 полезных HTML-тегов, которые лучше использовать вместо <div>
8 полезных HTML-тегов, которые лучше использовать вместо <div>
Когда я только начинал изучать html, я использовал div для всего, это был один из первых тегов, которые я выучил, и казалось, что он работает в любой...
HTML5: API локального хранилища (Local Storage)
HTML5: API локального хранилища (Local Storage)
LocalStorage - это простой способ хранения данных в браузере пользователя.
Доступность HTML - программирование с инклюзивной перспективой
Доступность HTML - программирование с инклюзивной перспективой
Представьте, что вы хотите поехать на пляж. Представьте, что вы упорно трудились весь год и заслужили это. Прибыв на место, вы обнаруживаете, что...
Именование классов CSS: Конвенция именования BEM
Именование классов CSS: Конвенция именования BEM
Сопровождаемость кода, сама по себе, является пульсирующим эффектом нескольких факторов. Когда часть программного обеспечения читабельна, ясна,...
0
1
17
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете сохранить значение в localStorage, а затем получить его из localStorage после загрузки страницы. Затем на основе данных можно настроить страницу. Я немного изменил ваш код здесь

var sum = 0;
var pressYet = localStorage.getItem('pressYet');

function changeIt() {
  if (pressYet == null) {
    sum++;
    document.getElementById('test').innerHTML = sum;
    pressYet = true;
    localStorage.setItem('pressYet', pressYet);
  } else {

    document.getElementById('test').innerHTML = "You have already pressed the button";
    document.getElementById("button").style.visibility = "hidden";
  }

}

(function init() {
  if (localStorage.getItem('pressYet') != null || localStorage.getItem('pressYet') != "") {
    document.getElementById('test').innerHTML = "You have already pressed the button";
    document.getElementById("button").style.visibility = "hidden";
  }
})();
<div id="test">
  <b> <var> Test </ var> </b>
</div>

<button onclick="changeIt()" id="button">Press If you are here</button>

Вы можете проверить демо https://jsfiddle.net/5jyrk6s8/

Это очень круто, и я буду использовать это, но в основном меня интересовало, как сделать так, чтобы переменная суммы помещалась в локальное хранилище. Я хочу, чтобы человек нажимал на кнопку, она добавляла единицу к сумме (чтобы я мог проверить, сколько людей нажали на кнопку), а затем они больше не могли нажимать на нее.

Mother Thief 09.04.2022 21:29

сохраните значение суммы в localStorage, а затем получите значение из localstorage. Вот и все

Joy Dey 09.04.2022 21:32

Другие вопросы по теме