【PHP×JavaScript】ヒアドキュメントを途中で区切りたい。

前提・実現したいこと

PHPのヒアドキュメント内にscriptコードを書いているのですが、スクリプトの途中でPHP変数を定義するためにヒアドキュメントを区切ろうとしました。
しかし、区切って実装してみるとエラーが発生しうまくいきません。

発生している問題・エラーメッセージ

呼び出し元のファイルを開き、検証ツールで覗いてみると以下のように<br/>が付与され実装できなくなっています。

document.getElementById('js-question').textContent = "{$quiz[question]}";

↓実装後

document.getElementById('js-question').textContent = "ゲーム市場最も売れたゲームは？";<br />

該当のソースコード

呼び出し元

PHP
1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
7  <title>Document</title>
8</head>
9<body>
10  <div id="js-question" class="mt-3 alert alert-primary" role="alert">
11    A simple primary alert—check it out!
12  </div>
13  <div class="d-flex justify-content-center">
14    <button type="button" class="btn btn-primary">Primary</button>
15    <button type="button" class="ml-1 btn btn-primary">Primary</button>
16    <button type="button" class="ml-1 btn btn-primary">Primary</button>
17    <button type="button" class="ml-1 btn btn-primary">Primary</button>
18  </div>
19  <?php
20    include("manager.php");
21  ?>
22</body>
23</html>

スクリプト用php

PHP
1<?php
2  $quiz = array('question' => 'ゲーム市場最も売れたゲームは？',
3  'answers' => array('ゲームボーイ','ニンテンドーDS','WiiU','プレイステーション'),
4  'correct' => 'ニンテンドーDS'
5);
6$quizCount = count($quiz);
7echo <<<EOM
8<script type="text/javascript">
9const quizLength = {$quizCount};
10console.log(quizLength);
11
12const button = document.getElementsByTagName('button');
13const buttonLength = button.length;
14
15const setupQuiz = () => {
16document.getElementById('js-question').textContent = "{$quiz[question]}";
17EOM;
18
19$buttonIndex = 0;
20echo <<<EOM
21while ({$buttonIndex} < buttonLength) {
22button[{$buttonIndex}].textContent = "{$quiz[answers][$buttonIndex]}";
23{$buttonIndex}++;
24}
25}
26
27setupQuiz();
28
29let buttonHandler = 0;
30while (buttonHandler < buttonLength) {
31button[buttonHandler].addEventListener('click', (e) => {
32if (e.target.textContent === "{$quiz[correct]}") {
33window.alert("正解");
34} else {
35window.alert("不正解")
36}
37quizIndex++;
38if(quizIndex < quizLength){
39setupQuiz();
40} else {
41window.alert('終了！あなたの正解数は' + score + '/' + quizLength + 'です！');
42}
43});
44buttonHandler++
45}
46</script>
47EOM;
48?>

試したこと

document.getElementById('js-question').textContent = "{$quiz[question]}";
EOM;

のEOMを改行せずに記述。しかしEOMがscriptコードと認識されうまくいかず。

補足情報（FW/ツールのバージョンなど）

VScode上で記述。XAMPP localserver

maisumakun

2021/01/03 03:50

「<br/>が入る」という状況自体が再現しません。 https://paiza.io/projects/VpjX6EzC9v1way4FOh2Leg?language=php

pepe0730

2021/01/03 09:22

呼び出し元 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <title>Document</title> </head> <body> <div id="js-question" class="mt-3 alert alert-primary" role="alert"> A simple primary alert—check it out! </div> <div class="d-flex justify-content-center"> <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="ml-1 btn btn-primary">Primary</button> <button type="button" class="ml-1 btn btn-primary">Primary</button> <button type="button" class="ml-1 btn btn-primary">Primary</button> </div> <?php include("manager.php"); ?> </body> </html> ``` こちらと組み合わせてディベロッパーツールのconsole画面でjsコードを見てみると<br/>が含まれている状況です。説明不足ですいません。。