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++) {
         (function(i) {
         inputCollection[i].addEventListener("change", function() {
             console.log("name:" + inputCollection[i].name + ",value:" + inputCollection[i].value);
         }, true);
         })(i)

     }
 })();