向后滑动滑块时如何重置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);
}

Codepen链接：

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