How to access variable value inside a function in javascript

Question

I have searched on the website for solutions, but I have had no luck. I need to make this data global. My code is present below:

     function val() {
            var plans = @json($plans);
            var id = document.getElementById("plan_id").value;
            plans.forEach(function(element) {
                if (id == element.id) {
                    var  i = element.amount;
                    return i;
                }
            });

        }
        var obj =  val()
        console.log(obj)

After I log that, it wont give any values but if I log inside the foreach, I will get the amount. Pls how can I access data inside foreach

Nicky McCurdy · Accepted Answer · 2020-06-13 11:33:05Z

1

Your function needs to return a value if you want to log it outside like this.

function val() {
  const plans = @json($plans);
  const id = document.getElementById("plan_id").value;
  return plans
    .filter(element => id === element.id)
    .map(element => element.amount);

}

const obj = val()
console.log(obj)

answered Jun 13, 2020 at 11:33

Nicky McCurdy

19.8k5 gold badges63 silver badges91 bronze badges

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

3 Comments

Uyo-obong Akpan Over a year ago

It's not still log out the amount

Nicky McCurdy Over a year ago

I don't understand, what is it currently logging and what do you want it to log?

Uyo-obong Akpan Over a year ago

the val() is listening to onchange event, so I need a way when I select and option, the amount will change

brk · Accepted Answer · 2020-06-13 11:34:16Z

1

You are not returning anything from the function and return inside forEach is always undefined. Use find

function val() {
  var plans = @json($plans);
  var id = document.getElementById("plan_id").value;
  return plans.find(element => id === element.id).amount;

}
var obj = val()
console.log(obj)

answered Jun 13, 2020 at 11:34

brk

50.3k10 gold badges59 silver badges85 bronze badges

1 Comment

Uyo-obong Akpan Over a year ago

the val() is listening to onchange event, so I need a way when I select an option, the amount will change

AleksanderGD · Accepted Answer · 2020-06-13 12:35:55Z

0

This would on change get the amountValue from based on what ID you have selected.

var amountValue = null;

function val() {
    var plans = @json($plans);
    var id = document.getElementById("plan_id").value;
    for (i = 0; i < plans.length; i++) {
        if (id === plans[i].id) {
            amountValue = plans[i].amount;
            return amountValue;
        }
    }
}
var obj = val()
console.log(obj)

edited Jun 13, 2020 at 12:35

answered Jun 13, 2020 at 12:19

AleksanderGD

4085 silver badges11 bronze badges

Comments

Uyo-obong Akpan · Accepted Answer · 2020-06-13 13:24:02Z

0

Thanks everyone, I have fixed my issue, but I follow another process.

I actually get the amount using onclick

answered Jun 13, 2020 at 13:24

Uyo-obong Akpan

411 silver badge9 bronze badges

1 Comment

AleksanderGD Over a year ago

Can you edit your main post or this answer with the solution?

Collectives™ on Stack Overflow

How to access variable value inside a function in javascript

4 Answers 4

3 Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related