Как сделать переключение через localStorage?

Question

[Сергей]

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

<div class="balance">
               <ul>
                  <li>Your Balance</li>
                  <li class="viewmoney">
 {{user['balance_formatted']}} <i class="fas fa-eye-slash" style="cursor: pointer;" aria-hidden="true"></i></li>
                </ul>
            </div>

var mode = "2";
         var menu = "1";
         var balance = "1";
     
         jQuery(".viewmoney").click(function() {
            if (balance == 1) balance = 2;
            else balance = 1;
 
            if (balance == 2) {
               $(".viewmoney").each(function() {
                  $(this).html(" {{user['balance_formatted']}}  <i class='fas fa-eye-slash' style='cursor: pointer;'></i>");
               });
            } else {
               $(".viewmoney").each(function() {
                  $(this).html("**** <i class='fas fa-eye' style='cursor: pointer;'></i>");
               });
            }
 
      
     
         }
         );

Answer 1

[Elvis]

Как то так

var mode = "2";
var menu = "1";
var balance = localStorage.getItem('show_balance');
if(!balance){
	balance = '2';
	localStorage['show_balance'] = '2';
}
jQuery(".viewmoney").click(function() {
	if (balance == '1'){
		balance = '2';
		localStorage['show_balance'] = '2';
	}
	else{
		balance = '1';
		localStorage['show_balance'] = '1';
	}
	if (balance == '2') {
		$(".viewmoney").each(function() {
			$(this).html(" {{user['balance_formatted']}}  <i class='fas fa-eye-slash' style='cursor: pointer;'></i>");
		});
	}
	else {
		$(".viewmoney").each(function() {
			$(this).html("**** <i class='fas fa-eye' style='cursor: pointer;'></i>");
		});
	}
});

Comments

[Сергей]

А можно выбранное чтобы выводилось сразу а не при клике? То есть если скрытый выводил ****, а если не скрытый то выводил баланс, а так все работает вроде

[Elvis]

Сергей, можно, если вынести в отдельную функцию. допустим так(я в Jquery не силен, поэтому по нативу):

function swithbalanse(balance){
	if (balance == '2') {
		$(".viewmoney").each(function() {
			$(this).html(" {{user['balance_formatted']}}  <i class='fas fa-eye-slash' style='cursor: pointer;'></i>");
		});
	}
	else {
		$(".viewmoney").each(function() {
			$(this).html("**** <i class='fas fa-eye' style='cursor: pointer;'></i>");
		});
	}
}

var mode = "2";
var menu = "1";
var balance = localStorage.getItem('show_balance');
if(!balance){
	balance = '2';
	localStorage['show_balance'] = '2';
}
swithbalanse(balance);
jQuery(".viewmoney").click(function() {
	if (balance == '1'){
		balance = '2';
		localStorage['show_balance'] = '2';
	}
	else{
		balance = '1';
		localStorage['show_balance'] = '1';
	}
	swithbalanse(balance);
});

[Сергей]

Elvis, Все супер работает спасибо большое ❤❤❤❤

[Elvis]

Сергей, если ответ помог - отметьте его как решение.