Connect with your

MEMBER DEVELOPMENT REP

document.addEventListener(“DOMContentLoaded”, function() { document.addEventListener(“click”, function(event) { let clickedElement = event.target; console.log(‘Clicked element:’, clickedElement); // Traverse up the DOM tree to find the nearest g element with the class ‘territory’ while (clickedElement && clickedElement.tagName.toLowerCase() !== “svg”) { if (clickedElement.tagName.toLowerCase() === “g” && clickedElement.classList.contains(“territory”)) { console.log(‘Found g element with class “territory”:’, clickedElement); break; } clickedElement = clickedElement.parentElement; } // Check if a g element with the class ‘territory’ is found if (clickedElement && clickedElement.tagName.toLowerCase() === “g” && clickedElement.classList.contains(“territory”)) { const clickedGId = clickedElement.id; console.log(‘Clicked g element ID:’, clickedGId); // Construct the class name for team-block const teamBlockClass = `${clickedGId}-territory`; console.log(‘Constructed class name:’, teamBlockClass); // Find the matching team-block element const teamBlock = document.querySelector(`.team-block.${teamBlockClass}`); console.log(‘Found team-block:’, teamBlock); // Show the team-block and team-form elements if (teamBlock) { // Remove ‘visible’ class from all team-block elements to hide them document.querySelectorAll(‘.team-block’).forEach(function(block) { block.classList.remove(‘visible’); }); // Add ‘visible’ class to the clicked team-block element to show it teamBlock.classList.add(‘visible’); // Scroll smoothly to the team-block element teamBlock.scrollIntoView({ behavior: ‘smooth’ }); document.getElementById(“gspb_container-id-gsbp-177c2df”).style.display = “block”; } // Get the hidden input element const hiddenInput = document.getElementById(“input_5_6”); // Update the hidden input value with the clicked g element’s id hiddenInput.value = teamBlockClass; } }); });