how can i pass a variable content into a function as parameter

Question

$(function () {

    var info = JSON.parse($('#userInfo').text());
    var empFirstName = info.EmployeedFirstName;
    var empLastName = info.EmployeedLastName;
    var empFullName = empFirstName + " " + empLastName;
});

I am calling the summary function from a hyper link. I only want to call the summary function when the link is clicked on.

<a onclick="summary();">Summary</a>

function summary(empFullName){
}

Scope of `empFullName` isn't available outside of `$(function(){})` since you declared it with `var` inside it — charlietfl, May 22 '15 at 22:37

DavidDomain · Answer 1 · 2015-05-22T23:05:58.153

1

Remove the inline function call from the link and add a click event handler to your link, then call the function and pass your variable to it, when the click handler gets called. Take a look at the snippet and you will get the idea.

$(function () {

  //var info = JSON.parse($('#userInfo').text());
  //var empFirstName = info.EmployeedFirstName;
  //var empLastName = info.EmployeedLastName;
  var empFullName = 'foo' + " " + 'bar';
  
  // added click event handler here
  $('a').on('click', function() {
     summary(empFullName); // call summary with empFullName
  });
  
});

function summary(empFullName){
  console.log(empFullName);
  $('#output').text(empFullName);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="#">Summary</a>
<div id="output"></div>

edited May 22 '15 at 23:05

answered May 22 '15 at 22:43

DavidDomain

14,976
4
42
50

am calling the summary function from a hyper link. I only want to call the summary function when the link is clicked on. Summary – user3479738 May 22 '15 at 22:47
@user3479738 you should add that to the question – CupawnTae May 22 '15 at 22:48
@user3479738 You did not say that in your question. – DavidDomain May 22 '15 at 22:49

score 0 · Accepted Answer · edited May 23 '17 at 12:30

This will work for you, but you should look into the window object, global variables, and why they may be considered bad.

$(function () {    
    var info = JSON.parse($('#userInfo').text());
    var empFirstName = info.EmployeedFirstName;
    var empLastName = info.EmployeedLastName;
    window.empFullName = empFirstName + " " + empLastName;
});

function summary(empFullName){
    // use empFullName here
}

Then modify your link to pass in the global

<a onclick="summary(empFullName);">Summary</a>

Some related reading: Should I use window.variable or var?

how can i pass a variable content into a function as parameter

2 Answers2