how to pass dynamic variable inside function to another function inside it?

Question

How to pass dynamic variable inside function to another function inside it

i am trying to set dynamic clearing function and i am having issue with this code

var firstName = document.getElementById('firstName');
var lastName = document.getElementById('lastName');
var email = document.getElementById('Email');

    function Clear(Vars) {
        for (i = 0; i < Vars.length; i++) {
           Vars[i].addEventListener("click", Clr, false);
           Vars[i].addEventListener("oninput", Clr, false);
          }
            function Clr(){
               Vars[i].setCustomValidity('');
               Vars[i].style.removeProperty('border');
            }

     };

Clear([email, firstName, lastName]);

trying to find an easy way to pass "Vars[i]" to the second function.

Your issue is with i, not Vars. Can't you just use this? — melpomene
– melpomene, Commented Jul 23, 2017 at 14:50
ohh i see that now , any idea how to pass the "i" to 2nd function without typing for loop again ? also i am trying to avoid "this" for now THANKS — Raad Altaie
– Raad Altaie, Commented Jul 23, 2017 at 14:57

Jonas Wilms · Accepted Answer · 2017-07-23 14:58:22Z

1

 function Clr(){
         this.setCustomValidity('');
         this.style.removeProperty('border');
 }

either use this, or use let :

 for (let i = 0; i < Vars.length; i++) {
      function Clr(){
           Vars[i].setCustomValidity('');
           Vars[i].style.removeProperty('border');
        }

       Vars[i].addEventListener("click", Clr, false);
       Vars[i].addEventListener("oninput", Clr, false);
 }

answered Jul 23, 2017 at 14:58

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

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

3 Comments

Raad Altaie Over a year ago

i am trying to avoid "this" at the moment and the second option Vars came undefined

Jonas Wilms Over a year ago

@RaadAltaie cause you probably forgot the let

Raad Altaie Over a year ago

i added "function Clear(Vars) { " line , its working now thanks

Kermit · Accepted Answer · 2017-07-23 15:00:14Z

Firstly, are you sure your code work correctly? When for loop is end, i value is Vars.length. So in Clr function, Vars[i] should be undefined. Following code may be helpful for you:

var firstName = document.getElementById('firstName');
var lastName = document.getElementById('lastName');
var email = document.getElementById('Email');

  function Clear(Vars) {
      for (i = 0; i < Vars.length; i++) {
        (function (i) {
          Vars[i].addEventListener("click", Clr, false);
          Vars[i].addEventListener("oninput", Clr, false);
          function Clr(){
             Vars[i].setCustomValidity('');
             Vars[i].style.removeProperty('border');
          }
         })(i);
       }
   };

Clear([email, firstName, lastName]);

Collectives™ on Stack Overflow

how to pass dynamic variable inside function to another function inside it?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related