JSFiddle - React, Tailwind, and code Playground

by psyon001

HTML

<div class="browser-name">
    Welcome user from <span class="user"></span>
</div>

JavaScript

$(function () {
    
var userAgent = navigator.userAgent.toLowerCase();
    
// If browsing from Chrome
if (userAgent.indexOf('chrome') > -1) {
    browserName = 'chrome';
    doAlert();
}
                
// If browsing from Safari
else if (userAgent.indexOf('safari') > -1) {
    browserName = 'safari';
    doAlert();
}
                
// If browsing from Mozilla/FireFox
else if (userAgent.indexOf('mozilla') > -1) {
    browserName = 'mozilla';
    doAlert();
}

function doAlert() {
    $('.user').text(browserName);                
}


    
});