HBuilder中a标签中的href无法调用js函数

问题遇到的现象和发生背景

遇到的现象和发生背景，请写出第一个错误信息

网页保存跳转后只显示"javascript:xunhuan(10);"

代码

<head >
<meta http-equiv="content-type" content="text/html" charset="utf-8">
head>
<body>
    <script type="text/javascript">
        function xunhuan(n){
            var sum=0;
            for(var i=0;i<=n;i++){
                sum+=i
            }
            return sum;
        }
    script>
    <a href="javascript:xunhuan(10);">链接调用a>
body>

运行结果及详细报错内容

蓝色变成红色，鼠标移动到蓝色链接后在底部显示“javascript:xunhuan(10);”

我的解答思路和尝试过的方法

换过好几种能搜到的js调用方法，但是都是一样无法跳转出结果，这种情况是不是我的HBuilder配置出现了问题阿？

我想要达到的结果

链接调用函数得出计算结果。

你这js函数里面，也没有日志输出，也没做页面显示。实际上xunhuan函数已经被调用，返回sum了，只是你没显示。js函数里面加一个alert

    <script type="text/javascript">
        function xunhuan(n){
            var sum=0;
            for(var i=0;i<=n;i++){
                sum+=i
            }
            alert('循环结束后sum: '+sum)
            return sum;
        }
    </script>
    <a href="javascript:xunhuan(10);">链接调用</a>