esconder checkbox localstorage

by thvinic

HTML

<input type="checkbox" id="checkHideDiv"> Esconder Div
<div  contenteditable="true" id="cnpjeditavel">Cnpj:</div>

JavaScript

// Verificar o estado do checkbox ao carregar a página
document.addEventListener('DOMContentLoaded', function() {
  var checkbox = document.getElementById('checkHideDiv');
  var div = document.getElementById('cnpjeditavel');
  
  // Se o valor em localStorage for 'true', esconder a div e marcar o checkbox
  if (localStorage.getItem('hideDiv') === 'true') {
    div.style.display = 'none';
    checkbox.checked = true;
  }
  
  // Adicionar um listener para verificar mudanças no estado do checkbox
  checkbox.addEventListener('change', function() {
    if (this.checked) {
      div.style.display = 'none';
      localStorage.setItem('hideDiv', 'true');
    } else {
      div.style.display = 'block';
      localStorage.setItem('hideDiv', 'false');
    }
  });
});