React JS Certification Training Course
- 10k Enrolled Learners
- Weekend
- Live Class
(4000)
This article on Onclick in JavaScript will introduce you Onclick event in JavaScript and follow it up with a programmatic demonstration. Following pointers will be covered in this article,
onclick In JavaScript: Main Tips
- This event occurs when the user clicks on an element.
- It runs a specified line of code when you click an HTML object that has the onclick attribute.
- Its functions can be triggered by object.onclick or object.addEventListener.
- The addEventListener method is not supported by earlier versions of Internet Explorer (8 and below).
Moving on with this article “onclick In JavaScript”, let’s see where it is used.
When onclick Is Used?
This event is one of the most frequently utilized event types. It’s a common practice to enhance websites by adding some functionality such as JavaScript button click or other elements.
This function is designed to execute code when users interact with the HTML elements. It can be applied to any HTML element.
Syntax
<element onclick=”script“>
Next in this onclick In JavaScript article,
Onclick In JavaScript: Attribute Values
| Value | Description |
Script | The Script to be run |
Technical Details
Supported HTML tags: All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>
Example
<DOCTYPE html Field1: input type="text" id="field1" value="Hello World!"; Field2: input type="text" id="field2" button onclick="myFunction()"Copy Textbutton>
A function is triggered when the button is clicked. The function copies the text from Field1 into Field2.
This is where you should have your image source as well.
This brings us to the end of this article. You may check out the Web Development Certification Trainingby Edureka. Web Development Certification Training will help you learn how to create impressive websites using HTML5, CSS3, Twitter Bootstrap 3, jQuery and Google APIs and deploy it to Amazon Simple Storage Service(S3).
Got a question for us? Please mention it in the comments section of article and we will get back to you.
