javascript用函数调用累加求和

2、新建一个html页面，命名为sy8-2.html。要求如下：
a) 设计网页的显示界面，包括三个文本框和一个命令按钮。
b) 编写2个JavaScript函数show()和sumAll(a, b)，其中sumAll(a, b)实现求从a累加到b的操作，返回值为累加和。show()函数从文本框中取得需要计算的值，调用sumAll函数进行计算，并将结果显示在第三个文本框中。
c) 给“连加计算”按钮添加onclick事件属性，调用show()函数。

这个要怎么实现啊

<!DOCTYPE html>
<html>
<head>
    <title>加法计算器</title>
    <script type="text/javascript">
        //定义sumAll函数，实现从a累加到b的操作，返回累加和
        function sumAll(a, b){
            var sum = 0;
            for (var i=a; i<=b; i++){
                sum += i;
            }
            return sum;
        }

        //定义show函数，从文本框中获取需要计算的值，调用sumAll函数进行计算，并将结果显示在第三个文本框中
        function show(){
            var num1 = parseInt(document.getElementById("num1").value);
            var num2 = parseInt(document.getElementById("num2").value);
            var result = sumAll(num1, num2);
            document.getElementById("result").value = result;
        }
    </script>
</head>
<body>
    <h1>加法计算器</h1>
    <p>请输入需要计算的数值：</p>
    <input type="text" id="num1" name="num1"> 
    <input type="text" id="num2" name="num2"> 
    <input type="text" id="result" name="result" readonly>
    <br><br>
    <button onclick="show()">连加计算</button>
</body>
</html>