phpのヒアドキュメント内でのJavascriptがうまく機能しない

お世話になっております。

PHP内のヒアドキュメントにてjavascriptのコードを実行したいのですがエラーでうまくいきません

先ほどと同じような質問になってしまい申し訳ないのですがどうしてもどこが間違えているのかわからずご指揮的頂けると幸いです
web上でHTMLのソースコード自体も見ましたが解決できず

やりたい事としてはChechFileType関数で確認した拡張子に合わせて表示内容を変えるコードになります。

js
1<?php
2$EOM = <<<EOM
3
4<img id="Image01" class="MainImage1" src="../wounise/gamelist/$Id/img/$Exp_Image1" >
5<br/>
6
7
8<script type="text/javascript">
9
10
11extern = CheckFileType(`${Exp_Image1}`);
12
13if(extern == "png" || extern == "jpg"){
14    alert("a");
15    document.getElementById(test05).innerHTML = '<a href="javascript:void(0);" onclick="LinkClick(0,`${Exp_Image1}`);"><img class="SecondImage1" id="SecondImage1" src="../wounise/gamelist/$Id/img/$Exp_Image1"></img></a><br/>';
16}else if(extern == "mp4"){
17    <a href="javascript:void(0);" onclick="LinkClick(0,`${Exp_Image1}`);"><video controls class="Video" id="Image01"><source src="" type="video/mp4"></video></a><br/>
18    alert("a");
19}else{
20alert("a");
21}
22    <a href="javascript:void(0);" onclick="LinkClick(1,`${Exp_Image2}`);"><img class="SecondImage1" id="SecondImage1" src="../wounise/gamelist/$Id/img/$Exp_Image2"></img>
23    </a><br/>
24    <a href="javascript:void(0);" onclick="LinkClick(2,`${Exp_Image3}`);"><img class="SecondImage1" id="SecondImage1" src="../wounise/gamelist/$Id/img/$Exp_Image3"></img>
25    </a><br/>
26    <a href="javascript:void(0);" onclick="LinkClick(5,`${Exp_Image4}`);"><img class="SecondImage1" id="SecondImage1" src="../wounise/gamelist/$Id/img/$Exp_Image4"></img>
27    </a><br/>
28    <a href="javascript:void(0);" onclick="LinkClick(4,`${Exp_Image5}`);"><img class="SecondImage1" id="SecondImage1" src="../wounise/gamelist/$Id/img/$Exp_Image5"></img>
29    </a><br/>
30    <a href="javascript:void(0);" onclick="LinkClick(5,`${Exp_Image6}`);"><img class="SecondImage1" id="SecondImage1" src="../wounise/gamelist/$Id/img/$Exp_Image6"></img>
31    </a><br/>
32
33
34</script>
35
36
37EOM;
38
39echo $EOM;
40
41?>
42
43
44<script type="text/javascript">
45function CheckFileType(extern){
46const path = extern;
47console.log('typeof: ' + typeof path);
48console.log('value: ' + path);
49match = path.match(/[^/]+$/);
50filename = path.match(/([^/]*)./)[1];
51extend = path.match(/[^.]+$/);
52console.log("fileinfo = " + match);       
53console.log("filename = " + filename);   
54console.log("extend   = " + extend);  
55return extend; 
56
57}
58</script>

maisumakun

2021/06/21 13:31

> エラーでうまくいきませんどこにどのようなエラーメッセージが出ていますか？

m.ts10806

2021/06/21 13:37

まずちゃんとHTMLとJavaScript組んでは。やりたいことだけやっても何もできるようにはなりません。丸投げして得たコード理解しないまままた丸投げして自分で勝手に改変して自分で問題起こしてます。どう考えても非効率なのでやり方改めてください。何より先に基礎を。自分で自分のコード説明できるようになってから。