What are the potential pitfalls of mixing PHP and JavaScript within HTML code?

Mixing PHP and JavaScript within HTML code can lead to potential pitfalls such as code readability issues, maintenance challenges, and potential security vulnerabilities if not properly sanitized. To solve this, it's recommended to separate PHP logic from JavaScript code by using AJAX calls to communicate between the two languages.

<?php
// PHP logic
$data = "Hello, world!";
?>

<script>
// JavaScript code
var data = "<?php echo $data; ?>";
console.log(data);
</script>