Get All the textbox from an click

by Pranab Dey

HTML

<input type="text" name="name" id="name" value="fuck off">
<input type="text" name="phone" id="phone">
<input type="radio" name="one" id="one">
<label for="one">One</label>
<input type="radio" name="one" id="two">
<label for="two">two</label>
<button>Find Input</button>
<p class="result"></p>

JavaScript

var inputs = document.querySelectorAll("input"),
  btn = document.querySelector("button"),
  result = document.querySelector(".result"),
  i, count = 1;

btn.addEventListener("click", pranab);

function pranab() {
  for (i = 0; i < inputs.length; i++) {
    if (inputs[i].type === "text") {
      result.innerHTML += `${count}) `;
      for (var j = 0; j < inputs[i].attributes.length; j++) {
        result.innerHTML += `${inputs[i].attributes[j].name} - ${inputs[i].attributes[j].value}<br>`;
      }
      count++;
    }
  }
}