Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
10
respostas

[Dúvida] Console no Chrome não lê acento corretamente

por MONICA HODGE
| 3.3k xp | 12 posts

Olá,

No tópico 03) , do artigo https://www.alura.com.br/artigos/javascript, fiz o passo 3 e, ao abrir o navegador Chrome para ler o "Olá, Mundo" no Console, o Console mostra o acento erroneamente, assim: "Olá, mundo!". O que será que apertei para ficar deste jeito? Notei que no Firefox este erro não ocorre, no Edge o acento também sai dessa forma "Olá, mundo!".

Engraçado que este erro da acentuação só ocorre quando utilizo o scr para ler o arquivo .js. Caso escreva o código conforme foto, o Console lê direitinho:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

O que está acontecendo?

10 respostas
por Lorena Garcia
| 8304.5k xp | 12158 posts
Alura Scuba Team Suporte Educacional

Oii, Monica.

Esse problema de acentuação que você tá enfrenta tá relacionado à codificação de caracteres do arquivo JavaScript. Quando o navegador não interpreta corretamente os caracteres acentuados.

Adicione a meta tag no HTML:

  • No seu arquivo, adicione a seguinte meta tag dentro da seção <head> para garantir que o navegador interprete o documento como UTF-8:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Exemplo de Console</title>
</head>
<body>
    <script> 
    console.log("Olá, mundo!");
    </script>
</body>
</html>

Essas etapas devem ajudar a corrigir o problema de acentuação no Console do Chrome.

Um abraço e bons estudos.

por MONICA HODGE
| 3.3k xp | 12 posts

Lorena, oi!

Muito obrigada por sua atenção.

Por favor, você pode escrever os códigos que devo escrever? Nas imagens que enviou não consigo vê-los: ![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

por MONICA HODGE
| 3.3k xp | 12 posts

Lorena, oi!

Agora consegui ver o código que enviou, obrigada!

No entanto este código, pelo que entendi, não está fazendo o que o tópico 3 do artigo pede para fazer. Por favor, confira:

  1. Separando JavaScript do HTML, do artigo https://www.alura.com.br/artigos/javascript,

A instrução do artigo pede que o html puxe o conteúdo do arquivo .js onde há a mensagem "olá, mundo!", isso através da tag src.

O problema apresentado, de que o navegador não lê o acento agudo corretamente, só se dá quando peço para que o html puxe o arquivo .js.

Quando faço diretamente do arquivo html, ou seja, sem pedir para o html puxar o conteúdo do arquivo .js, este erro não ocorre.

Estou usando o Visual Studio.

por MONICA HODGE
| 3.3k xp | 12 posts

Tela do hmtl: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por MONICA HODGE
| 3.3k xp | 12 posts

Tela .js:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por MONICA HODGE
| 3.3k xp | 12 posts

Como o Chrome mostra o console:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por MONICA HODGE
| 3.3k xp | 12 posts

No Firefox está aparecendo corretamente: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por MONICA HODGE
| 3.3k xp | 12 posts

Desinstalei o Chrome e instalei novamente, testei, o erro persiste.

solução!
por Lorena Garcia
| 8304.5k xp | 12158 posts
Alura Scuba Team Suporte Educacional

Oi Monica.

Beleza, vamos separar o HTML do JS.

No seu HTML adicione os seguintes códigos:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Exemplo de Console</title>
</head>
<body>
    <script src="script.js"></script>
</body>
</html>

Você precisa adicionar a tag HEAD e dentro dela colocar a tag META para garantir que o navegador interprete o documento como UTF-8.

Breve explicação das tags:

  1. <!DOCTYPE html>: Declara que o documento é HTML5.
  2. <html lang="pt-BR">: Define o idioma como português do Brasil.
  3. <meta charset="UTF-8">: Configura o conjunto de caracteres como UTF-8, permitindo caracteres especiais.
  4. <title>Exemplo de Console</title>: Define o título da página.

Tente de novo, por favor.

por MONICA HODGE
| 3.3k xp | 12 posts

Prezada Lorena, oi!

Agora deu certo! Muito obrigada por me explicar sobre as tags, isso é muito importante para mim! Muito obrigada por seu tempo e atenção.

Forte abraço!