Как сбросить вывод слайдера Javascript, когда слайдер движется назад

Question

У меня есть функция в Javascript, которая делает пиксели белыми на загруженном пользователем изображении.Функция случайным образом генерирует число, и если это число меньше, чем входное значение ползунка (диапазона), то пиксель станет белым.

Когда я перемещаю ползунок назад, количество белых пикселей не уменьшается /сброс.Я хотел бы получить несколько советов о том, как кодировать это в моей функции.

  for(var pixel of fgimage7.values()){
var sldrinput = document.getElementById("sldr");
var sldrnum = (sldrinput.value)/1000;
var rand = Math.random();
if(rand < sldrnum) {
  var v1 = Math.floor(155 + 50*Math.random());
  var v2 = Math.floor(155 + 50*Math.random());
  var v3 = Math.floor(155 + 50*Math.random());
  pixel.setRed(v1);
  pixel.setGreen(v2);
  pixel.setBlue(v3);
}
}
 fgimage7.drawTo(imgcanvas1);
}

Ссылка на кодовый указатель:

https://codepen.io/annahamilton/pen/oPPLVr