如何使用滑块更新JavaScript变量

Question

请原谅noob问题。我已将代码放在fiddle。

中

基本上，我不明白为什么我当前的代码不会产生警报。我已经查看了类似问题的其他答案，我很困惑。

对于滑块，我使用right.js来实现其美学效果。

<div class='slider-demo'>
    <div class='rui-slider' data-slider="{min:1930,max:1995, update:'yeartextbox-id',snap:1}">
      <div class='level' ></div><div class='handle' ></div>
    </div>
    <input class='slider-out' id='yeartextbox-id' type='text' />
</div>

<script>
current_year = 1930;
document.getElementById('yeartextbox-id').onchange = function() {
    current_year = this.value;
    window.alert(current_year);
};
</script>