JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/Modernizr/Modernizr/raw/master/modernizr.js"></script>
<span id="supports" class="status"></span>

CSS

.status {
    font-weight: bold;  
}

JavaScript

/*
    tests['localstorage'] = function() {
        try {
          return ('localStorage' in window) && window.localStorage !== null;
        } catch(e) {
          return false;
        }
    };
*/

    
   /* tests['userData'] = function() {
        try {
          return ('userData' in window) && window.userData!== null;
        } catch(e) {
          return false;
        }
    };*/

function userData() {
    try {
    var someObj = document.createElement("link");
    if(someObj.addBehavior) {
        someObj.style.behavior = "#default#userData";
        return true;
    }
} catch(ex) {}
    return false;
}

if(userData()) {
    supports.innerHTML = "Works";
} else {
    supports.innerHTML = "Not supported";
}