Как избежать изменения цвета кнопок после обновления страницы

-1

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

<!DOCTYPE html> 
 
<html> 
 
<head> 
 

 
<script> 
 
    var count = 1; 
 
    function setColor(btn, color) { 
 
     var property = document.getElementById(btn); 
 
     if (count == 0) { 
 
      property.style.backgroundColor = "#FFFFFF" 
 
      count = 1;   
 
     } 
 
     else { 
 
      property.style.backgroundColor = "#7FFF00" 
 
      count = 0; 
 
     } 
 
    } 
 
</script> 
 
</head> 
 

 
<body> 
 

 
<input type="button" id="button" value = "button" style= "color:white" onclick="setColor('button', '#101010')";/> 
 

 
</body> 
 
</html>

источник

2016-07-16 Malekian

Вы только что закрепили кнопкой, просто нажав на эту кнопку, это не значит, что ее статус сохраняется в браузере. Если вы хотите сохранить этот статус, вам нужно добавить файл cookie для того же ... –

Это базовая концепция веб-разработки ... –

благодарим вас за ответ – Malekian

Все объекты JavaScript очищаются когда страница изменяется/перезагружается/...

Скорее всего, вы хотите взглянуть на печенье (хранить данные в браузере и читать назад).

источник

2016-07-16 20:57:09

Да, вы правы. .. –

Да или с помощью [API веб-хранилища] (https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API). Или сохраните его на стороне сервера ... – o4ohel

Благодарим вас за ответ – Malekian

Попробуйте использовать localStorage. Что-то вроде этого:

 var startColor="#FFFFFF";//default color on first visit 
     if (localStorage.startColor)startColor=localStorage.startColor; //if page has been visited before then this color 

function setColor(btn, color) { 
    var property = document.getElementById(btn); 
    if (count == 0) { 
     property.style.backgroundColor = startColor; 
     count = 1;  
     localStorage.startColor= startColor; 
    } 
    else { 
     property.style.backgroundColor = "#7FFF00"; 
     localStorage.startColor= "#7FFF00"; 
     count = 0; 
    } 
}

источник

2016-07-16 21:07:34 grateful

Я не играл с вашим btn! – grateful

Извините за мой последний вопрос, это была моя ошибка. Я редактирую свой код, но его цвет совсем не меняется, когда я нажимаю – Malekian

. Эй, я мог бы убрать ваш код, мой собственный код работал нормально, но когда я заменил ваш код вместо моего кода javascript, он не меняет цвет кнопки на клике. thank u – Malekian

Как избежать изменения цвета кнопок после обновления страницы

ответ

Смежные вопросы