How can JavaScript be used to display additional information when clicking on a specific link in a PHP-generated page?

When clicking on a specific link in a PHP-generated page, JavaScript can be used to display additional information by adding an event listener to the link element. This event listener can trigger a function that shows a hidden element containing the extra information. By using JavaScript in conjunction with PHP, it is possible to dynamically display content without reloading the page. 

<?php
echo '<a href="#" class="specific-link">Click here for more information</a>';
echo '<div id="additional-info" style="display: none;">This is the additional information you requested.</div>';
?>

<script>
document.querySelector('.specific-link').addEventListener('click', function() {
  document.getElementById('additional-info').style.display = 'block';
});
</script>

Keywords

JavaScript PHP-generated page event listener DOM manipulation AJAX

Related Questions