Pass values from an array within a function as params in another function JavaScript

Question

I want to use the values in the array userInfo as parameters in the getBMR function. How do I do that?

function userInput() {
  var gender = document.querySelector('input[name="gender"]:checked').value;
  var length = document.getElementById('length').value;
  var weight = document.getElementById('weight').value;
  var age = document.getElementById('age').value;
  
  if (length || weight || age === (strValue)) {
    length = parseInt(length);
    weight = parseInt(weight);
    age = parseInt(age);
    var userInfo = [gender, length, weight, age];
    return userInfo;
  }
}

function getBMR(gender, length, weight, age) {
// ...
}

Been googling like crazy but I can't seem to find the solution. Using the console.log after the array declaration I can clearly see that the array stores the data. My problem is getting this data outside the function.

Here's my HTML:

<html>

<head>
</head>

<body>

  <form action="">
    <input type="radio" name="gender" id="gender" value="male" checked="checked">Man<br>
    <input type="radio" name="gender" id="gender" value="female">Kvinna<br>

    <label>Längd</label>
    <input type="number" id="length"></input>

    <label>Vikt</label>
    <input type="number" id="weight"></input>

    <label>Ålder</label>
    <input type="number" id="age"></input>

    <button onclick="userInput()">Hämta BMR</button>
  </form>
  <p id="dittBMR"></p>
</body>

</html>

Really appreciating all the help that I can get!

Thanks!

Please have a look at the answers given here: stackoverflow.com/questions/19570629/… — Nicole
– Nicole, Commented Oct 25, 2016 at 6:15

btburton42 · Accepted Answer · 2016-10-24 23:12:14Z

0

If your parameters are consistent and the list doesn't need to be dynamic you should be able to do:

function getBMR(userInput()[0], userInput()[1], userInput()[2], userInput()[3]) {
// ...
}

answered Oct 24, 2016 at 23:12

btburton42

4,2652 gold badges16 silver badges10 bronze badges

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

Comments

MZokov · Accepted Answer · 2016-10-24 23:17:07Z

0

The problem is that when you have a var declared, its scope is only until the function finishes execution. So, i think a better way of doing this is to have separate functions for the parameters you need. Something like:

function getLenght() {
     return document.getElementById('length').value;
}

So whenever you call getBMR you would first declare and assign the other variables like so:

var length = getLength() ;
getBMR(length,...) ;

And also, an even better way would be to use jQuery where you can do:

$. ("#length").val();

And this will return the value of the input.

Hope this helps.

answered Oct 24, 2016 at 23:17

MZokov

3261 gold badge3 silver badges11 bronze badges

Collectives™ on Stack Overflow

Pass values from an array within a function as params in another function JavaScript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related