情景:获取网页中Input框内的内容,将内容进行逆序
解决方案两种:
1.可以将获取的字符串,进行内容遍历,内容方向从后往前,将遍历的每个元素,放到新建立的字符串内进行累加,最后将新字符串的内容进行赋值给所需的位置
2.将获取的字符串,转换为数组,再通过数组的遍历进行读取内容换位置,例如4位数的数组,读取下标位置为0和下标位置为3,然后进行位置互换,使用解构赋值的方法,之后位置进行调换,再重新打印出原数组,就是被修改后的数组
<body>
逆 序<input type="text" name="" id="" value="" /><br>
<button type="button">运行</button><br>
输出结果<input type="text" name="" id="" value="" />
</body>
在script内获取使用对象,设置点击按钮的事件
let oInput = document.querySelectorAll("input");
let oBtn = document.querySelector("button");
oBtn.onclick = function(){
oInput[1].value = reverseS(oInput[0].value);
}
逆序函数在script内 第一种遍历字符串放进一个新字符串内
第二种方式遍历原数组位置互换,遍历次数是互换次数就可以把整个数组遍历完成
坚持