JSFiddle - React, Tailwind, and code Playground

HTML

<form action="">First name:
    <input type="text" name="firstname">
    <br>Last name:
    <input type="text" name="lastname">
</form>
<form action="">
    <input type="checkbox" name="vehicle" value="Bike">I have a bike
    <br>
    <input type="checkbox" name="vehicle" value="Car">I have a car</form>
<form action="">
    <input type="radio" name="sex" value="male">Male
    <br>
    <input type="radio" name="sex" value="female">Female
    <br>
</form>

JavaScript

(function () {

     var inputCollection = document.getElementsByTagName("input");
     for (var i = 0; i < inputCollection.length; i++) {

         inputCollection[i].addEventListener("change", console.log("name:" + inputCollection[i].name + ",value:" + inputCollection[i].value), true);

     }
 })();