JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="clickMeButton">Click Me</a>

<div class="show-on-desktop"></div>
<div class="show-on-mobile"></div>

CSS

.show-on-desktop { 
    display: none;
    border: 2px solid red;
}
.show-on-mobile { display: none;
border: 2px solid blue;
}

@media (max-width: 300px) { 
    .show-on-mobile { display: block; }
}

@media (min-width: 301px) {    
    .show-on-desktop { display: block; }
}

JavaScript

$(function(){
    
   $('#clickMeButton').on('click', function(){
       if($('.show-on-desktop').is(':visible')){
           alert('desktop');
       } else if ($('.show-on-mobile').is(':visible')){
           alert('mobile'); 
       }
	}); 
    
});