Как случайно получить атрибут

Question

Я знаю, как получить атрибут type первого элемента input:

document.getElementById('button').addEventListener('click', function() {
  var type = document.querySelectorAll('input')[0].type;
  document.getElementById("p").textContent = type;
});

<input type="text">
<input type="number">
<input type="url">
<button id="button">Get it</button>
<p id="p"></p>

Есть ли способ случайным образом получить атрибут type, независимо от того, какой, поэтому мне не нужно указывать индекс input?

Answer 1

Вы можете использовать Math.random(), чтобы получить случайный индекс в диапазоне length входных данных

document.getElementById('button').addEventListener('click', function() {
  var inputs = [...document.querySelectorAll('input')];
  let type = inputs[Math.floor(Math.random() * inputs.length)].type
  document.getElementById("p").textContent = type;
});

<input type="text">
<input type="number">
<input type="url">
<button id="button">Get it</button>
<p id="p"></p>

Answer 2

Есть ли способ случайным образом получить атрибут типа, независимо от того, какой, поэтому мне не нужно указывать входной индекс?

Если на самом деле не имеет значения, какойпочему бы не получить первый элемент input без указания индекса:

document.querySelector('button').addEventListener('click', function() {
  var type = document.querySelector('input').type;
  console.log(type);
});

input {
  width: 5em;
}

<input type="text">
<input type="number">
<input type="url">
<button>Get it</button>