How can PHP and JavaScript be effectively separated to improve code readability and maintainability?

To effectively separate PHP and JavaScript code, one approach is to use PHP to generate JavaScript code dynamically. This can be achieved by embedding PHP variables or data within JavaScript code blocks. By doing so, the PHP and JavaScript logic remains separate, improving code readability and maintainability.

<?php
// PHP code to generate JavaScript dynamically
$data = array('apple', 'banana', 'orange');
?>

<script>
// JavaScript code to use PHP-generated data
var fruits = <?php echo json_encode($data); ?>;
console.log(fruits);
</script>