使用滑块更新的输入值不会在更改事件上触发

Question

我是Java语言的新手，我有一个滑块，如果有输入（从0到10），我可以更改它的值。

现在，我想要的是用10减去该值来填充第二个输入，我有一个on-change事件，但不会在firefox上触发：

<div class="ui container">
    <div class="ui segment">
        <div class="ui range" id="range-2"></div>
        <br>

        <div class="ui input">
            <input type="text" id="input-2" name="input-2" onchange="myFunction(this.value)">
        </div>

        <div class="ui input">
            <input type="text" id="answer" name="answer" style="background-color: #0cdbff">
        </div>
    </div>

    <script>
        function myFunction(val) {
            var t1 = $("#input-2").val();
            var t2 = 10 - t1;

            // Set answer to second input
            document.getElementById('answer').value = t2;
        }
    </script>
<script>
    $(document).ready(function () {   
        // Place value in an input
        $('#range-2').range({
            min: 0,
            max: 10,
            start: 5,
            input: '#input-2'
        });
    });
</script>