# Bindings

Bindings are what attaches an event such as 'click' to functionality. i.e. attach a 'click' to an action which does something on the page. Bindings in Lucid run along the top of the Actions view, and you can add as many as you like. You may attach bindings by CSS class, so every element with a certain class has the event attached, or you may attach by the HTML element ID, so only one element has the event attached.

Bindings are used to attach Actions to various events. The Event could be a 'click', so you could run an Action when the user clicks on an element, or you could bind to a 'load' event, so you can run Actions when the webpage is first loaded. Once you have selected which event to attach to i.e. 'click', and an element on the page, then you may select an action (function) to call when that event happens. The easiest way to test is to create a Custom Code Action, which by default contains the code 'alert("Hello World");'. If you fire the event, and a dialog appears, then the Binding is working.