Codelab Editor
Free Online HTML Editor
Run
Learn jQuery
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery Click Event Example</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <style> body { font-family: Arial, sans-serif; padding: 30px; background: #eee; color: #333; } button { padding: 10px 20px; font-size: 16px; background-color: #007acc; color: #fff; border: none; border-radius: 4px; cursor: pointer; } button:hover { background-color: #005fa3; } </style> </head> <body> <h2>jQuery Click Event Example</h2> <p>Click the Button to see jQuery Click Event application.</p> <button id="myButton">Click Me</button> <script> // Click event example $(function() { $("button").on("click", function() { alert("Button clicked!"); }); }); </script> </body> </html>
Editor Commands
Ctrl
F
Find
Ctrl
G
Find Next
Ctrl
⇧
G
Find Previous
Ctrl
⇧
F
Find & Replace
Ctrl
]
Indent Code Right
Ctrl
[
Indent Code Left
⇧
Tab
Auto Indent Code
Ctrl
/
Line Comment
Ctrl
Alt
/
Block Comment
TutsInsider Actions
Alt
S
Run Code
Ctrl
C
Copy Editor Code
Ctrl
A
Select All Editor Code
Ctrl
S
Save/Download
Ctrl
Alt
X
Rotate
Ctrl
Alt
T
Switch Theme
Ctrl
⇧
C
Open Console
Esc
Close Console