Pass a variable to a function with javascript

Question

I am building a list automatically from a JSON with the following code

dataObject.forEach(newList);

function newList(item, index) {
  var s = item.time;
  alert(s);
  var list = $('<li onclick="myFunction(s)">' + listItemString + '</li>');
....
}

The alert(s) print the right values of s but when I click on the element I get an error ReferenceError: s is not defined

Eddie · Accepted Answer · 2018-04-03 08:19:56Z

1

You have to append the variable s

function newList(item, index) {
  var s = item.time;
  var list = $('<li onclick="myFunction(\'' + s + '\')">' + listItemString + '</li>');
  ....
}

answered Apr 3, 2018 at 8:19

Eddie

26.8k6 gold badges39 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tan Duong · Accepted Answer · 2018-04-03 08:20:26Z

1

You need to use

var list = $('<li>' + listItemString + '</li>');
list.on('click', function {
    myFunction(s);
})

answered Apr 3, 2018 at 8:20

Tan Duong

2,1421 gold badge12 silver badges17 bronze badges

Comments

Oscar · Accepted Answer · 2018-04-03 08:19:39Z

0

Try with:

var list = $('<li onclick="myFunction(this)">' + listItemString + '</li>');

Then you can access item.time inside myFunction

answered Apr 3, 2018 at 8:19

Oscar

14.1k9 gold badges53 silver badges82 bronze badges

Collectives™ on Stack Overflow

Pass a variable to a function with javascript

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related