我正在将一段代码从javascript翻译成typescript，每次我试图运行它来看看它是如何运行的，它都会显示以下错误。
indexjuego.html：20 Uncaught ReferenceError：标记未在HTMLButtonElement.onclick（indexjuego.html：20：78）中定义
拒绝执行来自“http：//127.0.0.1：5500/js. ts”的脚本，因为其MIME类型（'video/mp2 t'）不可执行。
在尝试使用typescript之前，代码曾经完美地工作过，所以我知道函数标记写得很好。
我试图研究哑剧类型和它是什么，但它仍然不清楚
这是html代码上我尝试调用函数mark的部分

<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>

这是功能标记

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);

}
密码是井字游戏