js文件连接问题[重复]

我在连接到js文件时遇到了奇怪的行为index.html文件位于项目的根目录中。在一个名为js的文件夹中,我有一个名为main.js的js文件。 这是我在HTML文件中使用的文件夹路径:

<p id="demo"></p>    
<script src="js/main.js">
    document.getElementById("demo").innerHTML = add(int1, int2);
</script>

main.js文件中的js代码如下:

    //add two int

function add(int1, int2) {
    return int1+int2
}

var int1 = 5
var int2 = 9
var sum = int1+int2

console.log(sum)

我得到的控制台日志输出是14,但没有HTML输出。 但是,如果我删除外部js文件的路径,并使用以下代码将所有js代码放入HTML文件中:

<script>
    //add two int
    function add(int1, int2) {
        return int1+int2
    }
    var int1 = 5;
    var int2 = 4;
    document.getElementById("demo").innerHTML = add(int1, int2);
</script>

然后得到html输出。我错过了什么谢谢你的帮助。