多个input框中value点击按钮随机互换j s
时间: 2023-05-29 15:03:58 浏览: 113
以下是一个例子,其中有两个input框和一个按钮,当按钮被点击时,两个input框中的value值会随机互换:
HTML代码:
```
<input type="text" id="input1" value="Input 1">
<input type="text" id="input2" value="Input 2">
<button id="swap-btn">Swap</button>
```
JavaScript代码:
```
// 获取元素
const input1 = document.getElementById("input1");
const input2 = document.getElementById("input2");
const swapBtn = document.getElementById("swap-btn");
// 给按钮添加点击事件监听器
swapBtn.addEventListener("click", () => {
// 生成随机数,决定哪一个input框的value值应该被交换
const randomNum = Math.floor(Math.random() * 2) + 1;
if (randomNum === 1) {
// 交换input1和input2的value值
const temp = input1.value;
input1.value = input2.value;
input2.value = temp;
} else {
// 交换input2和input1的value值
const temp = input2.value;
input2.value = input1.value;
input1.value = temp;
}
});
```
阅读全文