JSFiddle - React, Tailwind, and code Playground

by chiragvidani

JavaScript

var defaultTextValue = 'This is async attribute <a href="google.com">Click here</a> This is global attribute <a href="bing.com">Go to Bing</a>';

//if(defaultTextValue.contains(defaultTextValue,'<a')){ 
	var regPattern1 = /(<a)/gmi;
  var accessibilityOnlySpanId = 'guid';
  var accessibilityOnlySpanText = '<span class="accessibility-only" id="'+ accessibilityOnlySpanId +'">' + defaultTextValue + '</span>';
  

	defaultTextValue = defaultTextValue.replace(regPattern1, '<a aria-describedby="' + accessibilityOnlySpanId +'"'); 
  defaultTextValue += accessibilityOnlySpanText;
//}

alert(defaultTextValue);

defaultTextValue = defaultTextValue.slice(0, defaultTextValue.indexOf('<span class="accessibility-only"'))

//var regPattern2 = /( aria-describedby=")(.*?)(")/gmi;
//defaultTextValue = defaultTextValue.replace(regPattern2, '');
//alert(defaultTextValue);

var regPattern3 = /(<span class="accessibility-only)(.*?)(<\/span>)$/gmi;
if(defaultTextValue.test(regPattern3)){
	
}