今天在写一个带有返回值的函数时遇到一个执行顺序的问题，查了半天资料才发现问题
js代码
function myFunction(a, b) {return a * b;
}document.getElementById("myFunction").innerHTML = myFunction(4, 4);
html代码（这是能正确运行出结果的代码）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body><p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="myFunction"></p><!-- 引用外部的 app.js 文件 -->
<script src="app.js"></script></body>
</html>
这是我自己习惯写的代码，虽然代码没有问题但是执行顺序有问题，把调用函数写在了body上面，导致在调用时DOM元素还没有被加载，这是我第一次遇到这种问题也会是最后一次
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><!-- 执行顺序：确保在HTML文件中引用app.js的<script>标签放在<body>标签的底部，以确保在JavaScript执行时，DOM元素已经被加载。 --><script src="app.js" type="text/javascript" charset="utf-8"> </script>
</head><body><p>本例调用的函数会执行一个计算，然后返回结果：</p><p id="ReturnValue"></p></body></html>执行顺序：确保在HTML文件中引用app.js的<script>标签放在<body>标签的底部，以确保在JavaScript执行时，DOM元素已经被加载。
