JSFiddle - React, Tailwind, and code Playground

by robstarbuck

HTML

<base href="" id="base">

<a href="/">Relative</a>
<a href="http://example.com">External</a>
<hr>
<a href="/0jhmktx1/1/" target="_self">Always _self</a>
<a href="http://example.com" target="_blank">Always _blank</a>
<hr>
<button id="toggle">
  Toggle
</button>

JavaScript

$(document).ready( function() {
    
    		var target_array = ['_self','_blank'];
        var external = false;
        
				$('#toggle').click(function(){
        	
          external = !external;
          
          var target = target_array[Number(external)];
        
        	$(this).text('Toggle Target='+target);
        
        	$('#base').attr('target', target);
          
        }).trigger('click');
    });