Skip to main content
Documentation/Elements & Controls Reference/Elements/Fundamental Elements/Fundamental JavaScript Code

Fundamental JavaScript Code

Fundamental JavaScript Code adds page JavaScript and provides an editor execution control.

Edit the Element

Select it in Structure. Edit Content > Content > JavaScript Code. Use Execute JavaScript only when you intend to run that code in the builder preview, and configure the builder label as needed.

Style the element with selectors; shared classes affect every instance. Use Settings for conditions, interactions, animations, and attributes.

Fundamental JavaScript Code controls in the Breakdance editor
Fundamental JavaScript Code controls in the Breakdance editor

The element wraps its code in a DOMContentLoaded callback and places the script before the closing body tag. Executing code again in the editor can repeat its effects; avoid duplicate event listeners and inspect the front end separately. Prefer supported Breakdance Interactions when they provide the required behavior.

Content > Content

Setting Purpose and options Behavior
JavaScript Code Enter the JavaScript code. Shared
Execute JavaScript Run the code in the builder preview. Shared
Disable Builder Label On/off. Shared
Builder Label Enter the builder label. When: Disable Builder Label is unset. Shared