Erro na "comunicação" entre dois scripts.js [RESOLVIDO]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript" src="script1.js"></script>
    <script type="text/javascript" src="script2.js"></script>
</body>
</html>

O meu código HTML está assim, tem o script1 e o script2, no script1 eu criei uma função chamada teste e essa função imprime no terminal a palavra “teste”. Só que ao chamar a função no script2 da um erro no console, o erro diz que a função teste não foi definida.

PS: Não sei se ficou muito claro, mas eu criei os arquivos.js em arquivos separados!

Como está o arquivo script1.js ?