JavaScript Basics
JavaScript Home
JavaScript Syntax
JavaScript Placements
JavaScript Output
JavaScript Statements
JavaScript Keywords
JavaScript Comments
JavaScript Variables
JavaScript var
JavaScript let
JavaScript const
JavaScript var Vs let Vs const
JavaScript Operators
JavaScript Comparison/Logical
JavaScript Data Types
JS Conditional Statements
JavaScript Conditional Statement
JavaScript if Statement
JavaScript if-else Statement
JavaScript switch Statement
JavaScript Loops
JavaScript for Loop
JavaScript while Loop
JavaScript do-while Loop
JavaScript Break Continue
JavaScript Popup Boxes
JavaScript Dialog Box
JavaScript alert Box
JavaScript confirm Box
JavaScript prompt Box
JavaScript Functions
JavaScript Functions
JS Function with Parameter
JavaScript Return Statement
JavaScript Variable Scope
JavaScript setTimeout() Method
JavaScript setInterval() Method
JavaScript Events
JavaScript Events
JavaScript onclick Event
JavaScript onload Event
JavaScript Mouse Events
JavaScript onreset Event
JavaScript onsubmit Event
JavaScript Objects
JavaScript Objects
JavaScript Number Object
JavaScript Array Object
JavaScript String Object
JavaScript Boolean Object
JavaScript Math Object
JavaScript RegExp Object
JavaScript Date Object
JavaScript Browser Objects
JavaScript Browser Objects
JavaScript Window Object
JavaScript Navigator Object
JavaScript History Object
JavaScript Screen Object
JavaScript Location Object
JavaScript Document Object
JS Document Object Collection
JS Document Object Properties
JS Document Object Methods
JS Document Object with Forms
JavaScript DOM
JavaScript DOM
JavaScript DOM Nodes
JavaScript DOM Levels
JavaScript DOM Interfaces
JavaScript Cookies
JavaScript Cookies
JavaScript Create/Delete Cookies
JavaScript Advance
JavaScript Regular Expression
JavaScript Page Redirection
JavaScript Form Validation
JavaScript Validations
JavaScript Error Handling
JavaScript Exception Handling
JavaScript try-catch throw finally
JavaScript onerror Event
JavaScript Multimedia
JavaScript Animation
JavaScript Image Map
JavaScript Debugging
JavaScript Browser Detection
JavaScript Security
JavaScript Misc
JavaScript innerHTML
JavaScript getElementById()
JS getElementsByClassName()
JS getElementsByName()
JS getElementsByTagName()
JavaScript querySelector()
JavaScript querySelectorAll()
JavaScript document.write()
JavaScript console.log()
JavaScript Programs
JavaScript Programs
JavaScript Test
JavaScript Online Test
Give Online Test
All Test List

JavaScript onclick Event

The onclick event in JavaScript simply triggers when you click a specific control, such as button control.

JavaScript onclick Event Example

Here is an example demonstrates onclick event in JavaScript:

<!DOCTYPE HTML>
<html>
<head>
   <title>JavaScript onclick Event</title>
</head>
<body>

<h3>JavaScript onclick Event Example</h3>
<form name="myform">
   Name: <input type="text" id="name" value=" "><br/>
   <button onclick="alert('Hi ' + document.getElementById('name').value + ', Welcome to codescracker.com!')">Click Here</button>
</form>

</body>
</html>

Here is the sample output of the above JavaScript onclick event example. This is the initial output:

Now enter your name, and press on Click Here button, after pressing on that button, you will see an alert box showing an alert message as shown in the following snapshot:

Here is the live demo output produced by the above onclick event in JavaScript.

JavaScript Online Test

« Previous Tutorial Next Tutorial »