Mobile No Value

, you can use JavaScript and add an event listener to the column headers for "Hritvi" and "Srini". When the headers are clicked, you can use the DOM traversal methods to find the corresponding cell in the same row and retrieve the mobile number from it.

  

    

      
Name
      
Email
      
Hritvi
      
Srini
    
  
  

    

      
Alice
      
[email protected]
      
555-1234
      
555-5678
    
    

      
Bob
      
[email protected]
      
555-4321
      
555-8765
    
  

// add event listeners to the column headers
document.querySelector('th:nth-child(3)').addEventListener('click', handleHritviClick);
document.querySelector('th:nth-child(4)').addEventListener('click', handleSriniClick);

function handleHritviClick(event) {
  // get the index of the Hritvi column
  const columnIndex = Array.from(event.target.parentNode.children).indexOf(event.target);

  // get the mobile number from the corresponding cell in the same row
  const mobileNumber = event.target.parentNode.nextElementSibling.children[columnIndex].textContent;

  console.log('Hritvi mobile number:', mobileNumber);
}

function handleSriniClick(event) {
  // get the index of the Srini column
  const columnIndex = Array.from(event.target.parentNode.children).indexOf(event.target);

  // get the mobile number from the corresponding cell in the same row
  const mobileNumber = event.target.parentNode.nextElementSibling.children[columnIndex].textContent;

  console.log('Srini mobile number:', mobileNumber);
}

provide your code if this doesnt work