范围滑块后退链接文本值不会显示

Question

我有一个带有以下代码的滑块，但是每当我单击后退链接时，都会记住拇指位置，但不会显示文本值。谁可以帮我这个事？谢谢。我是自学成才的，所以请告诉我是否有更好的实现方法。

    <div class = "small-6 medium-6 large-6 six columns">
        <label for="inputHeight">Height : <span id='height-value'></span></label>
        <input id='inputHeight' type ='range' min='12' max='100' step=any></input>
        <script>
        var h_slider = document.getElementById('inputHeight');
        var h_sliderValue = document.getElementById('height-value');

        function toInches(n){
            return Math.floor(n / 12) + " feet " + parseInt(n % 12) + " in";
        }
        h_slider.addEventListener('change', function(e) {
            //h_sliderValue.value = toInches(e.target.value);
            h_sliderValue.textContent = toInches(e.target.value);
        });
        h_slider.addEventListener('input', function(e) {
            //h_sliderValue.value = toInches(e.target.value);
            h_sliderValue.textContent = toInches(e.target.value);
        });
        </script>
    </div>