HTML引入外部的JavaScript文件

我们总是希望结构和流程控制互相分离，所以将一个js文件写在外部，以强调其可复用性以及使得编程的过程更加清晰

我们有如下的html页面，我们希望给button标签添加onclick的回调函数，而这些回调函数来自外部定义的js文件，并且实时的改变文本框的内容，为此我们需要定义一个js文件

如何获取标签的对象呢？这里直接调用标签的id即可，因为id唯一，或者也可以通过getElclemt的一系列方法来获取

反转字符串JS代码

// 反转字符串函数
function reverse(s) {
   
    return s.split("").reverse().join("");
}

// 配置按钮回调函数
function revbtn() {
   
    var s = in1.value;
    ou1.innerText = reverse(s);