X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML onclick Event Attribute

HTML Event Attributes HTML Event Attributes

Example

Execute a JavaScript when a button is clicked:

<button onclick="myFunction()">Click me</button>

Try it yourself »

More "Try it Yourself" examples below.


Definition and Usage

The onclick attribute fires on a mouse click on the element.


Browser Support

Event Attribute
onclick Yes Yes Yes Yes Yes


Differences Between HTML 4.01 and HTML5

None.


Syntax

<element onclick="script">

Attribute Values

Value Description
script The script to be run on onclick

Technical Details

Supported HTML tags: All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>


Examples

More Examples

Example

Click on a <p> element to change its text color to red:

<p id="demo" onclick="myFunction()">Click me to change my text color.</p>

<script>
function myFunction() {
    document.getElementById("demo").style.color = "red";
}
</script>

Try it yourself »

Example

Click on a button to copy some text from an input field to another input field:

<button onclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
    document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>

Try it yourself »


Related Pages

HTML DOM reference: onclick event


HTML Event Attributes HTML Event Attributes

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook