Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Marina Carvalho

[Resolvido] Solução de exercício

Por , em Javascript

Recommended Posts

Marina Carvalho    0

Marina Carvalho
Postado

Boa tarde a todos.

Estou estudando o livro Só Javascript e logo de cara me deparei com meu primeiro erro.

<head>
   <meta charset="utf-8" />
   <title></title>

   <script type="text/javascript">
       var target = document.getElementById("cabeca");
       alert(target.nodeName);
   </script>
</head>
<body>
   <h1 id="cabeca">
       Sniper (1993)
   </h1>

   <p id="berenger">
       Nesta obra prima do cinema,<br />
       Tom Berenger
       representa um soldado norte-americano servindo na selva do Panamá.
   </p>

Este código não funciona de jeito nem meio.

Já criei um arquivo javascript para ele e fiz referência, já misturei alhos com bugalhos e ... NoThInG!!!

 

Preciso de um auxílio de vocês para me tornar uma expert.

 

Grata,

Marina

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Oi Marina..

 

nesse caso, você "tentou" usar um elemento antes dele existir. Veja como agora funciona:

 

<head>
   <meta charset="utf-8" />
   <title></title>


</head>
<body>
   <h1 id="cabeca">
       Sniper (1993)
   </h1>
   <script type="text/javascript">
       var target = document.getElementById("cabeca");
       alert(target.nodeName);
   </script>

   <p id="berenger">
       Nesta obra prima do cinema,<br />
       Tom Berenger
       representa um soldado norte-americano servindo na selva do Panamá.
   </p>

entendeu ? coloquei o js logo abaixo do elemento.

 

Mas como isso é meio "feio", você pode esperar a pagina carregar, por exemplo assim:

 

<head>
   <meta charset="utf-8" />
   <title></title>

   <script type="text/javascript">
   window.onload = function(){
       var target = document.getElementById("cabeca");
       alert(target.nodeName);
    }
   </script>
</head>
<body>
   <h1 id="cabeca">
       Sniper (1993)
   </h1>

   <p id="berenger">
       Nesta obra prima do cinema,<br />
       Tom Berenger
       representa um soldado norte-americano servindo na selva do Panamá.
   </p>

 

Uma coisa muito útil, é o console de erros.

Ctrl+Shift+J no Firefox, dá uma olhada:

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marina Carvalho    0

Marina Carvalho
Postado

William Bruno, muito boa noite!

 

É sempre muito gratificante obter o resultado esperado.

Espero contar com sua ajuda em minhas próximas dúvidas.

 

Excelente final de semana e um ótimo início de ano para você.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito