how to change button text html when you clicked

Inside the tag we have the ‘id’ attribute. The code you have just added to your index.html file is the one that displays the two buttons whose background color we are going to change when clicked.

between and tags edit your index.html file by adding the code as shown below. These tags are put in every webpage and they must be closed as shown above like this tag, tag and. The code you have just pasted into your editor does not display anything in the web browser, we are just including the jQuery library into our web page, giving the webpage a title and also adding tags that are used to define a web page and they are understood by the web browser i.e. Now go to your editor and create a new file, name it index.html and paste in it the code below. When one of these buttons is clicked, its background color changes to yellow whereas the background color of the other button goes back to normal i.e. To illustrate this we are going to use two buttons whose color will be changing when clicked. In this article am using the downloaded jQuery library of version 3.2.1.Ī Code editor like Notepad or WordPad (Default applications in windows operating system) or Adobe Dreamweaver Note: This options only works as long as you are connected to the internet whereas option 1 is for offline use. You can include jQuery directly into your webpage using Content Delivery Network (CDN) like Download the library from the internet to get the most recent version and then put the downloaded library in the folder where your web pages are and then include it in your web page(inside the head section) likeĢ. JQuery is a JavaScript library that provides quick HTML code traversing, event handling, animations for web development and also supports use of AJAX technology.ġ. This kind of functionality makes a website or web application more responsive and interactive with the user especially when you have many buttons or links and you want your users to know which button has been clicked and which information they are viewing.

In this article am going to illustrate how you can change the background color of a button after it has been clicked when using jQuery.

How to change button text html when you clicked