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", handleFunction , false);
}
})()

function handleFunction(event){
    console.log("name: " + event.srcElement.name + ', value: ' + event.srcElement.value);
}