Need Existing Javascript Button To Change OnClick

You can add an inline onclick event handler that adds an CSS class ('clicked-button'), and then you control the aesthetics through css:

<style type="text/css">
.clicked-button{
  background-color:red;
  color:white;
}
</style>

<p><a class="button exclusive biz-op-button" title="I Want Membership!" href="#" data-register="true" 
onclick="this.className = this.className.replace(' clicked-button','') + ' clicked-button';">Get My Membership</a></p>

Select allOpen in new window

You can also give your link/button an id and attach an event handler upon page load instead of doing it inline.

Hi,

You could add a custom class as suggested in the other comment and put the CSS attributes you want inside it :

.my-class{
   /*Your attributes here*/
}

Select allOpen in new window

I will suggest the use of addEventListener() to attach the click event and to really prevent the use of the old "inline-events", you could attach the event inside the load event to make sure that the element will be found after the full DOM is loaded and the event will be attached successfully :

document.addEventListener('DOMContentLoaded', function(){
    document.querySelector('.biz-op-button').addEventListener('click', function(){
        document.getElementById("order_comments").classlist.add('my-class');
    });
});

Select allOpen in new window

If you want to toggle the style on click you could use " toggle()" instead :

this.classlist.toggle('my-class');

Select allOpen in new window

The button works fine but I need it to change colors and text on click

Do you want to change the color of the button or the color of the paragraph "order_comments"?

color of the button

Zakaria, I am new to javascript so looking at your example I am not clear how to implement it into my website.  For example, I am not clear where I would put in the button verbiage.  Please put all of the code in your example.