Custom JavaScript function not being called

Question

I have written some custom function for image slider but it not get called

following is my code.

carousel: {
  init: function() {
      // main function to run
  }
  previous: function() {
     // function to run when they want to go back
  },
  next: function() {
    // function to run when they want to go forward
  }
}

and i am calling it like onclick=javascript:previous() but I get the following error on console :

previous() not defined

Possible duplicate of [Call functions from function inside an object (object literal)](http://stackoverflow.com/questions/8219008/call-functions-from-function-inside-an-object-object-literal) — Radouane ROUFID, Jul 12 '16 at 11:32
@GaneshGudghe Is your `carousel` property wrapped in another object? — Sinan Guclu, Jul 12 '16 at 11:34

Sinan Guclu · Answer 1 · 2016-07-12T11:33:29.873

1

If carousel is the top level of that object.

You need to call the function previous by referring to it as the property of the object:

onclick=carousel.previous()

edited Jul 12 '16 at 11:33

answered Jul 12 '16 at 11:28

Sinan Guclu

1,075
6
16

Actually they have `carousel: {` which makes it look like `carousel` is a property of some other object, so they need to access whatever the top most object is and access each property down to `previous` – Patrick Evans Jul 12 '16 at 11:30

Custom JavaScript function not being called

1 Answers1