新建一个html,然后新建一个ts文件,写了如下代码
let text1: string = "dfgdfg";
function getRankIcon() {
alert(text1);
}
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="file1.ts"></script>
<meta charset="utf-8" />
<title>测试</title>
</head>
<body>
<input type="button" value="单击" onclick="getRankIcon();" />
</body>
</html>
想要使用alert函数输出“text1”变量里的内容,但是点击按钮无任何情况发生。查了一下,是说ts编译的时候会生成相应的js文件,可是怎么编译?启动按钮那里只有一个"附加"

。
我是初次学typescript,但是学过js和c#,在有面向对象的基础下,我想直奔html与ts程序的"交互",网上有ts教程,但是ts与html交互的教程似乎很少。(例如用ts代码的变量接受html页面的某个text标签的value属性,或者把ts的string类型变量赋值给html页面的某个text标签的value属性之类的)