当值被硬编码时，代码有效，但当使用getElementByID（“ x”）从DOM中获取值时，代码不起作用。

Question

所以这是我遇到的问题，它正在使用p5.js库。

function SprayCanTool(){

    this.name = "sprayCanTool";
    this.icon = "assets/sprayCan.jpg";

     var spread ;
     var points = 13 ;


    this.draw = function(){
        var r = random(5,10);
        spread =  document.getElementById("size-slider").value;
        if(mouseIsPressed){


            for(var i = 0; i < points; i++){
                point(random(mouseX-spread, mouseX + spread),random(mouseY-spread, mouseY+spread));
            }
        }


    };

    this.populateOptions = function(){
        select(".options").html( " <label>Size of Spray: </label> <input id='size-slider' type='range' min='10' max='200' step='1' value='10'> ");
    }
}

像上面显示的那样，代码不起作用，我无法调整喷雾的大小，并且喷雾根本不会显示在画布上。

如上图所示，最小的价差可以是10。当我在绘图方法中添加console.log(spread,points)时，期望的10,13将输出到控制台中。当我将值硬编码为任意数字并删除spread = document.getElementById("size-slider").value;部分时，代码将按照我预期的方式工作（除非我当然不能使用滑块调整大小）

有人知道导致此问题的原因吗？

所以这是我遇到的问题，它正在使用p5.js库。函数SprayCanTool（）{this.name =“ sprayCanTool”; this.icon =“ assets / sprayCan.jpg”; var ...

Answer 1

好吧，没关系，我的困惑现在已经使自己困惑了。我在错误的位置寻找错误，因为我试图用浮点数添加整数，并使用javascript由于某种原因将它们加在一起，就像它们都是字符串一样。