JSFiddle - React, Tailwind, and code Playground

by Tony Montana

HTML

<input type="date"><br>
<input type="date"><br>
<input type="text" class="date">

JavaScript

// Seleciona os input tipo datanuma NodeList
var inputTipoData = document.querySelectorAll('input[type="date"]'),
    // Seleciona os input com a classe .date numa NOdeList
    inputClasseData = document.getElementsByClassName('date');

// Aplica o addEventListener para os input com tipo date
for (var i = 0; i < inputTipoData.length; i++) {
    inputTipoData[i].addEventListener('blur', alertaOnBlur);
}

// Aplica o addEventListener para os input com classe date
for (var i = 0; i < inputClasseData.length; i++) {
    inputClasseData[i].addEventListener('click', alertaOnBlur);
}
// Declara a função que será executada
function alertaOnBlur () {
    alert("Blur!!!");
};