Onclick event in JavaScript

The onclick event occurs when an object gets clicked.

Syntax

onclick="SomeJavaScriptCode"

Parameter: SomeJavaScriptCode
Description: Required. Specifies a JavaScript to be executed when the event occurs.

Example
In this example the text in the first input field will be copied to the second input field when a button is clicked:

<!DOCTYPE html><html><head><title>Online HTML Editor - webspeckle.com</title></head><body><h3>Onclick event in JavaScript:</h3>Field1: <input type="text" id="field1" value="Hello World!"><br />Field2: <input type="text" id="field2"><br /><br />Click the button below to copy the content of Field1 to Field2. <br /><button onclick="document.getElementById('field2').value= document.getElementById('field1').value">Copy Text</button></body></html>

Demo

Onclick event in JavaScript

No comments:

Post a Comment

Try It Editor for HTML, CSS & JS

Blog Archive

Tags

Popular Posts

Contact Form