How to Add Javascript in Elementor (beginner tutorial)

Learn how to add your own custom Javascript code to an Elementor page with the HTML widget as we build a simple addition calculator in this basic tutorial for beginners.

Check out my vlog channel @TonyFlorida

#elementor #javascript

[awesomeworstgamer]

Hi Tom, wouldn't it be much better to avoid the page refresh and instead set the form to not submit but add an eventListener for when the button is pressed and collect the values of a and b directly from the fields?

Anyways, love the content.

[lvw]

Hi thanks for sharing this. I did adding JS with Elementor, but is not showing properly. how can I fix it?

[krs]

Is there any way to display an elementor form based on a dropdown selection? If not, is there a way for me to just use html/javascript to do this and then somehow submit the form the same way elementor forms do?

[AngeloSpanu]

Thank you.
If I wanted to use comma numbers, what should I do?

[frankhylsky]

Hey Tony I've been lookin all over for something like this for Elementor! Instead of calculations is it possible to generate a random name or number based on the data? Possible a text area field separated by commas to generate a random number or name

[habetech]

how we get data in elementor form using api, for exampl using select input filed and fetch data from api endpoint

[pittherichkid]

Is there any kind of code completion plugin for the HTML editor?

[dugovicmilan]

Hi Tony! Can I use these scripts for any Elementor widget? Even fort theme-specific widget? I have a counter that is displaying statistical data, which are being updated every week and would like to have them updated automatically over public GET response. Is this possible?

Thanks and keep up with the great work! 💪

[chrakesh]

Hi Bro !
I beg to help me bro.
I want to design exactly how calculator looks like and it's functionality.

Kindly make a video bro please ....use buttons instead of text box when we click button that particular value should calculate...

[loukaskouros]

How can make custom product calculatro in Elementor Product Page?

[gainvitalitymitanna]

Hey Tony iam very new to html wordpress and elementor
i made a custom personality test with your example above. Thy very much :) awesome video.

Now i would like to show different content for each result i calculated in my <script></script>.
I need something like IF A<B THEN "Show this picture" -> is this possible ??

thy for your help :)

[JoaoGabriel-licr]

hello! how i can use this 2x in the same page? isn't working here! someone can help me?

[bmizzle]

Calculator? Your title says add JS to elementor!