How to use a normal Javascript function in Lightning Component?

Question

I'm known to using External JS library in Lightning Component but is there any way I can put a normal JS function like the on I would put in normal Visualforce such as function toggleDiv() {...}?

I'm getting error when I try to add <script>...</script> tag to Lightning Component.

Answer 1

Script tag blocks are not allowed in Lightning Components as they are a security risk. You should put your code in the controller, helper, or renderer as appropriate.

Answer 2

You can add a "normal" Javascript Function to your helper file. For example if you are on a component named "foo". You can create a fooHelper.js file and add your code:

toggleDiv : function(div){
    $A.util.toggleClass(div, 'classToToggle');//you don't have to use jQuery :)
}

And then call this inside your controller (fooController.js):

bar : function(component, event, helper){
    helper.toggleDiv(component.find('myDiv').getElement());
}