Estoy traduciendo un código de javascript a mecanografiado y cada vez que intento ejecutarlo para ver cómo funciona, muestra los siguientes errores.

indexjuego.html:20 Error de referencia no capturado: la marca no está definida en HTMLButtonElement.onclick (indexjuego.html:20:78)

Se negó a ejecutar el script de 'http://127.0.0.1:5500/js.ts' porque su tipo MIME ('video/mp2t') no es ejecutable.

El código solía funcionar perfectamente antes de intentar usar mecanografiado, así que sé que la marca de función está escrita correctamente.

Traté de investigar el tipo de mimo y qué es, pero aún no está claro.

Esta es la parte del código html donde trato de llamar a la marca de función

 <div class="botones"> <button id="id1" style="margin: 17px;" onclick="mark(this.id)" > </button> <button id="id2" style="margin: 10px;" onclick="mark(this.id)" > </button> <button id="id3" style="margin: 10px;" onclick="mark(this.id)" > </button><br> <button id="id4" style="margin: 17px;" onclick="mark(this.id)" > </button> <button id="id5" style="margin: 10px;" onclick="mark(this.id)" > </button> <button id="id6" style="margin: 10px;" onclick="mark(this.id)" > </button><br> <button id="id7" style="margin: 17px;" onclick="mark(this.id)" > </button> <button id="id8" style="margin: 10px;" onclick="mark(this.id)" > </button> <button id="id9" style="margin: 10px;" onclick="mark(this.id)" > </button> </div>

y esta es la marca de función

 function mark(id) { if (turn % 2 == 1) { console.log("asdas") document.getElementById(id).style.backgroundImage = "url('cruz.webp')"; } else if (turn % 2 == 0) { document.getElementById(id).style.backgroundImage = "url('circulo.webp')"; } turno(); prueba(); cambiaturn(); winner(fin, finemp); block(id);

}

El código es un juego de tres en raya