Question

我正在尝试使用html滑块从另一个文件调用javascript函数。我有这个用于我的HTML：

    <input type="range" min="0" max="20*Math.PI" value="10" id="angularVelCarousel" onChange="changeValCarousel(this.value)"/>
    <span id="valueCarousel">10</span>
    <script src='slider.js'></script>

这是我的js（在名为slider.js的文件中）

function changeValCarousel(value){

    document.getElementById('valueCarousel').innerHTML = value;


}

如何才能使滑块更改时，它会执行上面的js文件？谢谢！

Answer 1

也许是这样的：

function changeValCarousel(value){
    document.getElementById('valueCarousel').innerHTML = value;
}

var slider = document.getElementById('angularVelCarousel');
slider.onchange=function(){changeValCarousel(slider.value)};

这里的完整代码https://jsfiddle.net/ta434v5p/

在HTML中调用来自不同文件的JS函数

1 个答案: