JSFiddle - React, Tailwind, and code Playground

HTML

<form id="test-form">
  <label>Label1:</label>
  <input class="get-value" name="input1" type="text" />
  <br>
  <label>Label2:</label>
  <input class="get-value" name="input2" type="text" />
  <br>
  <label>Label3:</label>
  <input class="get-value" type="checkbox" name="checkbox1">I have a bike
  <br>
  <br>
  <button id="submit-button">Get Values</button>
</form>

JavaScript

let btn = document.getElementById('submit-button');
let form = document.forms['test-form'].getElementsByClassName('get-value');
let valueArr = [];

// attach onclick handler
btn.onclick = function(e) {
  e.preventDefault();
  getFormValues();
}

// getFormValues
function getFormValues() {
 for (var x of form){
 	valueArr.push({label:x.name ,value:x.value})
 }
 console.log(valueArr);
}