这个测试案例是基于上一次写的【反转字符串网页】
我们总是希望结构和流程控制互相分离,所以将一个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)