JSFiddle - React, Tailwind, and code Playground

by Markus Popp

HTML

<br><br>
<p id="output"></p>

JavaScript

var test = "month";
var element = createInput(test);

element.field.value = "foobar";
var sanitization = element.field.value == '';

var minimal = element.field.type == test;

document.getElementById('output').innerHTML = "Support for " + test + ": " + minimal;

function createInput(type) {
    var wrapper = document.createElement('div');
    document.body.appendChild(wrapper)

    var field = document.createElement('input');
    wrapper.appendChild(field);

    try {
        field.setAttribute('type', type);
    } catch(e) {
    }

    /* Make sure our field is position absolutely for CSS style comparison */
    wrapper.style.position = 'absolute';
    wrapper.style.display = 'inline-block';
    wrapper.style.top = '0px';
    wrapper.style.left = '0px';

    return { field: field, wrapper: wrapper };
}