1
resposta

a ordem dos tratores, altera o viaduto???? - trocando as bolas.

Verifiquei que mesmo colocando <h1Primeiro programa o popup aparece normalmente e também a informação Primeiro programa aparece normal, ou seja, colocando:

<meta charset="UTF-8">
<script>
    alert("Este é um popup feito com JavaScript");
</script>
<h1>Primeiro programa</h1>

OU

<meta charset="UTF-8">

<h1>Primeiro programa</h1>
<script>
    alert("Este é um popup feito com JavaScript");
</script>

O resultado foi o mesmo. A Pergunta é, no futuro, quando os scripts forem mais elaborados, a inversção da ordem de html. depois do javascript, pode ser problema ou a ordem não interfere?

1 resposta

Olá Roger, tudo bem?

Ótima a sua pergunta!

Quando um documento é salvo com a extensão .html, todo o conteúdo que estiver fora da tag <script> será interpretado como código de marcação, ou seja, HTML! Sendo assim, a ordem não irá interferir em nada.

Entretanto, costuma-se deixar tudo que é HTML antes e tudo que é script depois, simplesmente para manter a organização.

Além disso, como esse curso é mais iniciante, os códigos JavaScript e HTML estão juntos dentro do arquivo HTML, mas saiba que no dia a dia do desenvolvimento, é bastante comum que exista um artigo externo específico para o JavaScript, esse arquivo terá a extensão .js e será linkado no arquivo HTML, como por exemplo:

    <script src="js/index.js"></script>

Você verá isso acontecendo bastante nos próximos cursos que fizer e nesse caso em questão, é necessário obrigatóriamente que esse trecho de código esteja após todo o conteúdo HTML, visto que para que um código de comportamento que se encontra externamente ao HTML funcione, é preciso que toda a estrutura da página (HTML) seja renderizada previamente.

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos =)