主页 / 问题 / 1070932
Accepted
Мирас Текесбаев
Asked:2020-01-17 15:12:05 +0000 UTC2020-01-17 15:12:05 +0000 UTC

如何重置我通过此脚本显示的输入中的字符串？

  • 772

大家好！有一个任务：给出 2 个输入和一个按钮。通过单击按钮，生成一个随机字符串并将其写入第一个输入。随机字符串的长度在第二个输入中给出。

该脚本有效，但是假设当我将长度设置为 10 个字符，然后，例如，将长度设置为 5 个字符，只有前 5 个字符会发生变化，而之前生成的其余 5 个后续字符不会消失。试图重置 input.value = ''; 没有帮助。谁知道告诉我！

<input class="input" type="text">
<input class="inputLength" type="text">
<button class="button">Запустить</button>

    var input = document.querySelector('.input');
    var inputLength = document.querySelector('.inputLength');
    var btn = document.querySelector('.button');
    let arr = [];
    btn.addEventListener('click', function () {
        for (var i = 0; i < (Number(inputLength.value)); i++ ) {
            arr[i] = String.fromCharCode(getRandomIntInclusive(33, 126));
        }
        input.value = arr.join('');
    });
    console.log(arr);

    function getRandomIntInclusive(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
    }
javascript

1 个回答

  1. Best Answer

    var input = document.querySelector('.input');
var inputLength = document.querySelector('.inputLength');
var btn = document.querySelector('.button');
let arr = [];
btn.addEventListener('click', function() {
  arr = [];
  for (var i = 0; i < (Number(inputLength.value)); i++) {
    arr[i] = String.fromCharCode(getRandomIntInclusive(33, 126));
  }
  input.value = arr.join('');
});
console.log(arr);

function getRandomIntInclusive(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
    <input class="input" type="text">
<input class="inputLength" type="text">
<button class="button">Запустить</button>

    • 2

相关问题