Inhalte ausblenden

[Meowsalot]

Hallo Meowsalot,

ich habe es so hinbekommen: https://codepen.io/anon/pen/PRaLbB

 const filterButtonElement = document.querySelector('#filter');

        filterButtonElement.hidden = false;

        filterButtonElement.addEventListener('click', (e) => {  
          let pressed = e.target.getAttribute('aria-pressed') === 'true'
          e.target.setAttribute('aria-pressed', String(!pressed));
        });

        filterButtonElement.addEventListener('click', (e) => {  
          let pressed = e.target.getAttribute('data-filtered') === 'true'
          document.getElementById('eintraege').setAttribute('data-filtered','true');
        });

        filterButtonElement.addEventListener('click', (e) => {  
          let text = e.target.textContent === 'Alle anzeigen' ? 'Nur meine anzeigen' : 'Alle anzeigen';
          e.target.textContent = text;
        });

Allerdings verschwinden meine Einträge noch immer nicht und das data-filtered verschwindet auch nicht wieder wenn ich wieder auf den Button klicke.

EDIT: OK, so kann ich auch das data-filterd anpassen

const filterButtonElement = document.querySelector('#filter');

        filterButtonElement.hidden = false;

        filterButtonElement.addEventListener('click', (e) => {  
          let pressed = e.target.getAttribute('aria-pressed') === 'true'
          e.target.setAttribute('aria-pressed', String(!pressed));
        });

        filterButtonElement.addEventListener('click', (e) => {  
          let pressed1 = e.target.getAttribute('aria-pressed') === 'true'
          console.log(pressed1);
          if (pressed1 == true) {
          document.getElementById('eintraege').setAttribute('data-filtered','true');
          } else {
            document.getElementById('eintraege').setAttribute('data-filtered','false');
          }
        });

        filterButtonElement.addEventListener('click', (e) => {  
          let text = e.target.textContent === 'Alle anzeigen' ? 'Nur meine anzeigen' : 'Alle anzeigen';
          e.target.textContent = text;
        });

Ändern tut sich an meiner Liste dennoch nichts.

Bis bald!
Meowsalot (Bernd)