jQuery addClass example

Change class name on click in jQuery

by manu v

HTML

<div id="banner-message">
  <p>Hello World</p>
  <button>Change color</button>
</div>

JavaScript

var el_up = document.getElementById("GFG_UP"); 
        var el_down = document.getElementById("GFG_DOWN"); 
  
        var expression =  
/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi; 
				var re = /^(http|https)://;
        var regex = new RegExp(expression); 
        var http = new RegExp(re);
        var url = "manuv.com"; 
  
        function gfg_Run() { 
            var res = ""; 
        		if(url.match(re)) {
              if (url.match(regex)) { 
                  res = '<a target="_blank" href=' + match + '>' + match + '</a>'; 
              }
              else { 
                  res = "Invalid URL"; 
              } 
            }
            else { 
                 res = '<a target="_blank" href=http://' + match + '>' + match + '</a>'; 
            } 
            el_down.innerHTML = res; 
        }