JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

<script>
    function getBrowserName() {

        //Uses external interface to reach out to browser and grab browser useragent info.
        var browserAgent = window.navigator.userAgent;
        //Determines brand of browser using a find index. If not found indexOf returns (-1).
        if (browserAgent != null && browserAgent.indexOf("Firefox") >= 0) {
            alert("Firefox");
        } else if (browserAgent != null && browserAgent.indexOf("Safari") >= 0) {
            alert("Safari");
        } else if (browserAgent != null && browserAgent.indexOf("MSIE") >= 0) {
            alert("IE");
        } else if (browserAgent != null && browserAgent.indexOf("Opera") >= 0) {
            alert("Opera");
        } else {
            alert("Undefined");
        }
        return 0;
    }
</script>
<button onclick="getBrowserName()">You Browser Name?</button>