#44 - Afficher l'élément si l'attribut correspond à l'identifiant du membre

Affiche conditionnellement les éléments qui ont un attribut correspondant à l'ID des membres.

Visibilité conditionnelle

Video Tutorial

Loom

tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

14 lines

Paste this into Webflow

<!-- 💙 MEMBERSCRIPT #44 v0.1 💙 SHOW ELEMENT IF ATTRIBUTE MATCHES MEMBER ID -->
<script>
document.addEventListener("DOMContentLoaded", function() {
  if (localStorage.getItem("_ms-mem")) {
    const memberData = JSON.parse(localStorage.getItem("_ms-mem"));
    const memberId = memberData.id;

    const elements = document.querySelectorAll("[ms-code-member-id='" + memberId + "']");
    elements.forEach(element => {
      element.style.display = "block";
    });
  }
});
</script>