点击按钮让input中value内容随机变换到其他三个value中用js

假设有一个包含四个输入框的表单，每个输入框的value分别为value1、value2、value3、value4。现在要实现点击按钮让其中一个输入框的value随机变换到其他三个输入框的value中。

可以先获取所有输入框的value值，随机生成一个0到3的整数作为随机下标，然后将被选中的输入框的value更新为其他三个输入框的value中的一个即可。

实现代码如下：

HTML代码：

<form>
  <input type="text" id="input1" value="value1">
  <input type="text" id="input2" value="value2">
  <input type="text" id="input3" value="value3">
  <input type="text" id="input4" value="value4">
  <button type="button" onclick="changeValue()">随机变换</button>
</form>

JavaScript代码：

function changeValue() {
  // 获取所有输入框
  var inputs = document.querySelectorAll('input[type="text"]');
  // 随机生成一个0到3的整数作为随机下标
  var randomIndex = Math.floor(Math.random() * 4);
  // 获取被选中的输入框
  var selectedInput = inputs[randomIndex];
  // 将被选中的输入框的value更新为其他三个输入框的value中的一个
  for (var i = 0; i < 4; i++) {
    if (i != randomIndex) {
      selectedInput.value = inputs[i].value;
      break;
    }
  }
}