on newrankrank change if class newranknameselect have "active" on that class make alert "there is active" document.addEventListener('change', function(event) { // Check if the changed element is the tourney name dropdown if (event.target.classList.contains('newtourneynamedropdown')) { let dropdown = event.target; let selectedOptionText = dropdown.options[dropdown.selectedIndex].value; // Find the closest ancestor row () that contains the dropdown let row = dropdown.closest('tr'); if (row) { // Find the participant number input within the same row let participantInput = row.querySelector('.newtourneynumparticipantselect'); if (participantInput) { // Update the participant input's value with the selected dropdown text participantInput.value = selectedOptionText; // Or use a value associated with the option if needed // For example, if you store the participant count in a data attribute: // participantInput.value = dropdown.options[dropdown.selectedIndex].dataset.participants || ''; } else { console.error('Could not find the .newtourneynumparticipantselect input near the dropdown.'); } } else { console.error('Could not find the parent row for the dropdown.'); } } if (event.target.classList.contains('newrankrank')) { let tournumparticipant = event.target; let numbertournumparticipant = tournumparticipant.value; let newRankRow = tournumparticipant.closest('tr.newrank'); let pointsInput = newRankRow.querySelector('.newpoints'); let participantSelectInput = newRankRow.querySelector('.newtourneynumparticipantselect'); let participantNewInput = newRankRow.querySelector('.newtourneynumparticipantnew'); let xmarkmode = newRankRow.querySelector('tr.newranknamenew'); let keyboardmode = newRankRow.querySelector('tr.newranknameselect'); // pointsInput.style.visibility = 'collapse'; // participantSelectInput.style.visibility = 'collapse'; // participantNewInput.style.visibility = 'collapse'; } }); const row = ` ${user.name} ${count} ${points} ${user.ID}

${user.ID}

Status

${playerEvents.map(pe => `

${pe.users_id}

${pe.event_id}

Tourney Name :

Rank :

Points :

Status

`).join('')} `; tbody.insertAdjacentHTML('beforeend', row);