No se puede cargar HTML antes de Javascript

Soy nuevo en Javascript y sé cómo puedo cargar html antes de que se ejecute JavaScript.

Revisé las preguntas en stackoverflow e intenté implementar las soluciones dadas pero ninguna funcionó.

Siguiente es el código de varios códigos que probé.

Escribió la etiqueta del script antes de que el cuerpo termi

escribió el código de JavaScript dentro de una función y lo llamó dentro de la carga del cuerpo, pero tampoco funcionó. (También trató de comentar documnet.onload = cal (); y ejecutar).

<!DOCTYPE html>
<html>
<head>
<title>Age Calculator</title>

</head>
<body onload="cal();">
<h1>Age Calculator</h1>
<p>Enter your age and find how many days you have been alive</p>
<script type="text/javascript" src="Age.js"></script>
</body>
</html>
//Javascript code
function cal(){
  var age = prompt("How old are you?");
  var days = age * 365.25;
  alert("You are approx " + days + " days");
}

documnet.onload = cal();

Deseo que se muestre el html antes de preguntar al usuario ¿Cuántos años tiene?

Respuestas a la pregunta(2)

Su respuesta a la pregunta