JSFiddle - React, Tailwind, and code Playground

by Wagner Souza

HTML

<div>
  Required: <span id="status_required"></span>
</div>
<div>
  Number: <span id="status_number"></span>
</div>
<input type="hidden">

JavaScript

Element.prototype.support = function(param, val) {
	var _holder = document.createElement(this.tagName);

	if(val) _holder.setAttribute(param, val);

	return val ? _holder[param] == val : param in _holder;
};


if(document.querySelector('input').support('required')) {
	document.querySelector('#status_required').textContent = 'Suporta required';
}
else {
	document.querySelector('#status_required').textContent = 'Não suporta required';
}

if(document.querySelector('input').support('type', 'number')) {
	document.querySelector('#status_number').textContent = 'Suporta number';
}
else {
	document.querySelector('#status_number').textContent = 'Não suporta number';
}