JSFiddle - React, Tailwind, and code Playground

by deswolf

HTML

<script>//ie-check.min.js
function detectIE(){var e=window.navigator.userAgent,t=e.indexOf("MSIE ");if(t>0)return parseInt(e.substring(t+5,e.indexOf(".",t)),10);var r=e.indexOf("Trident/");if(r>0){var n=e.indexOf("rv:");return parseInt(e.substring(n+3,e.indexOf(".",n)),10)}var i=e.indexOf("Edge/");return i>0?parseInt(e.substring(i+5,e.indexOf(".",i)),10):!1}var iever=detectIE();if(iever>=1){var roothtml=document.getElementsByTagName("html")[0];roothtml.className += " ie ie-"+iever;}</script>
<!--[if lt IE 9]>
<script>
window.onload = function() {
    if(iever>=1 && iever<=9) {
        var safer_form = document.getElementById("safer-form");
        safer_form.innerHTML = "<span id='ie_msg'>You're using an outdated version of Internet Explorer. Please <a href='http://outdatedbrowser.com/en' target='_blank'>upgrade your browser</a> before continuing to use the Safer Form.</span>";
    }
}
</script>
<![endif]-->

<div id="safer-form">
normal form
</div>