I am using angular and need to run a javascript code which contains html tags as well (I am not sure if it is now js file or jsx file!). Following is my code:

export function initialize(){
    startBtn = document.getElementById("start-btn");   
    startBtn.addEventListener("click", () => {
       alert("Started!")        
    });
}
<>
<button id="start-btn" class="btn">Start</button>
</>

and my runjavascriptponent.ts:

import * as myGame from "../../../../assets/myGame.js"
.
.
.
export class RunJavascriptComponent {
    constructor() {
       myGame.initialize()
    }    
}

The error I get is:

The JSX syntax extension is not currently enabled
angular:script/global:scripts.js:4731:0:

I see this error has been reported and is also solved in react community, but not in angular.

Does any one know how to solve it in angular?