Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

PoP Up abre antes do texto aparecer.

Quando atualizo a página, some o texto anterior e a primeira coisa que aparece é o POP Up, dou OK e ai sim aparece a página:

Meu primeiro teste

Seria isto um programa? descubra clicando aqui!

Browse: Chrome Versão 71

<meta charset="UTF-8">

<h1>Meu primeiro teste</h1>
<br>
<br>
Seria isto um programa? descubra clicando <a href="http://www.alura.com.br"> aqui </a>!
<br>
<script>

    alert("isso sim é um programa!");

</script>
4 respostas

Oi Mauro tudo bem?

Eu dei uma organizada no código criando os elementos head e body e agora deve resolver.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

</head>
    <body>
    <h1>Meu primeiro teste</h1>
    <br>
    <br>
    Seria isto um programa? descubra clicando <a href="http://www.alura.com.br"> aqui </a>!
    <br>
    <script>

        alert("isso sim é um programa!");

    </script>
</body>
</html>

Espero ter ajudado!!!

solução!

Fiquei curiosa com sua dúvida porque isso não ocorre no Firefox, somente no Chrome. Li em alguns fóruns que esse comportamento está relacionado ao tempo de execução do código, ou seja, é como se o comando alert fosse executado antes do restante do código pausando o mesmo até que você clique em ok. Uma forma de contornar o problema é acrescentar um "atraso"na execução do alert. Vi muitos códigos que utilizam o método setInterval() para isso. Espero que essas informações te ajudem.

Oi Joseline tudo bem?

Cada navegador tem um motor de javascript diferente e eles diferem algumas coisinhas, uma delas é tempo de execução. Tem uns que para adiantar as coisas executam o código antes. Para forçar o navegador a carregar o script depois de ter carregado o body faça assim:

Na tag body no evento onload eu chamo a função main que executa o código

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

</head>
    <body onload="main()">
    <h1>Meu primeiro teste</h1>
    <br>
    <br>
    Seria isto um programa? descubra clicando <a href="http://www.alura.com.br"> aqui </a>!
    <br>
    <script>
        function main(){
                alert("isso sim é um programa!");
        }

    </script>
</body>
</html>

Obrigada pelas informações André