How do I execute a javascript after Ajax load?

<div id="myDiv">
  <!-- Content will be loaded here via AJAX -->
</div>

<button id="loadButton">Load Content</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $("#loadButton").click(function() {
      $("#myDiv").load("ajax_content.html", function() {
        // This function is called after the content is loaded via AJAX
        myFunction();
      });
    });
  });

  function myFunction() {
    // Your code here
    console.log("Content loaded via AJAX.");
  }
</script>