從HTML中的其他文件調用JS函數

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（在名為slide.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/