Uncaught TypeError: [variable] is null -I do not know how to continue-

Question

im really a beginner, my knowledge comes from youtube videos :D. I really dont know how to continue... if anybody has an idea please let me know!

for (var i = 0; i < ing.length; i++) {
  for (var ii = 1; ii < ing[i].length; ii++) {
    var div   = document.createElement('DIV');
    var slide = document.createElement("INPUT");
    slide.setAttribute("type", "range");
    slide.setAttribute("id", "slide_" + i + "_" + ii);
    slide.setAttribute("value", 0);

    var slide_value = document.createElement("span");
    slide_value.setAttribute("id", "slide_value_" + i + "_" + ii);
    slide_value.innerText = 0;
    var text = document.createTextNode(" %");

    slide.oninput = function() {
      /*
      *
      *
      from here it doesn't work:
      Error message: Uncaught TypeError: slide_value is null
      I don't understand this, wasn't it assigned a value?
      *
      *
      */

      //with:
      console.log(i, ii);
      /*
      i only get the last values for both, i and ii; 
      doesnt matter which slide i pull. any ideas? 
      May there is the problem..
      */

      slide_value.innerText = this.value;
    }

    div.append(slide_value, text, slide);
  }
}

regards Luca

infamous for loop. You can see what is happening with a simple console.log() line `slide.oninput = function() { console.log(i, ii); }` The duplicate has solutions. — epascarello, Jan 04 '22 at 17:35
There is also no reason to look up the element, you already have access to it since you created it right above. `slide.oninput = function() { console.log(slide_value); }` — epascarello, Jan 04 '22 at 17:38
@epascarello, it shows always the last values (last i and last ii) of the array, doesnt matter which slide i pull ... do you know why? — Luca Sauerwein, Jan 04 '22 at 17:50

Uncaught TypeError: [variable] is null -I do not know how to continue-

0 Answers0