JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#?name=MT&typ=1" data-reveal-id="reveal_popup" onclick="pop();" data-closeonbackgroundclick="false" data-dismissmodalclass="close-reveal-modal">due today</a>
 <a href="#?cat=MT&typ=2" data-reveal-id="reveal_popup" onclick="pop();" data-closeonbackgroundclick="false" data-dismissmodalclass="close-reveal-modal">due in 2 days</a>

 <div id="reveal_popup" class="reveal-modal">
 <div id="popup"></div>
 <a class="close-reveal-modal">&#215;</a>
 </div>

JavaScript

$('a').bind('click',function(){
   var url = ($(this).attr('href'));
   var cat = getURLParameter(url, 'name');
   var typ = getURLParameter(url, 'typ');
    
   alert(typ);
   alert(cat);
});


function getURLParameter(url, name) {
    return (RegExp(name + '=' + '(.+?)(&|$)').exec(url)||[,null])[1];
}