如何检查Javascript中的HTML滑块值？ （值1或值+1）

Question

我在HTML中有此滑块，我想知道如何检查滑块的先前值是否与当前值相等。如果您知道该怎么做，请告诉我。感谢您的宝贵时间。

var target = document.getElementById("myTarget");
let previous;

function foo(myValue) {
     
    //console.log(myValue);
     
    //Update SPAN
    target.innerHTML = myValue; //EXPECTED = CURRENT VALUE

    console.log(previous);

    if(previous === myValue){
       //Statements
       console.log("same");
    }else{
       //Statemets
       //previous = myValue;
       console.log("different");
    }
}

<input id="mySlider" type="range" value="0" min="0" max="5" step="1" oninput="foo(this.value);">
<span id="myTarget">0</span>

Answer 1

<script>
    export default {
      data(){
        return {
          selected: null,
          options: ['One', 'Two', 'Three'],
          form: new Form({
            amount : ''
          })
        }
      },
      methods : {
        submitForm(){
          this.form.post('api/transaction')
        }
      },
      mounted() {

      }
    }
</script>

const slider = document.getElementById('mySlider');
const output = document.getElementById('output');

var initialValue = 2; // set however you want

slider.addEventListener('input', function (event) {
    let outcome = "'"+initialValue+"' and '"+this.value+"' are ";
    if( parseInt(this.value)===initialValue){
        outcome+= "equal!"
    } else{
        outcome+= "not equal"
    }
    output.innerHTML = outcome
}, false);

Answer 2

感谢@Martijn回答，我能够创建一个像这样的循环：

var slider = document.getElementById("slider-element_BV");

    slider.addEventListener('input', function(event){

    RAYS_CLASS.Ray_Techniques.RAYS_TECHNIQUES_MANAGER.BV().BV_REMOVE();

    for(var i=this.min; i<=this.max; i++) {
        if(parseInt(this.value) === i){
            RAYS_CLASS.Ray_Techniques.RAYS_TECHNIQUES_MANAGER.BV().BV_Subdivide(i);
        }
    }
});