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

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
10
respostas

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

por MONICA HODGE
| 4.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
| 15210.4k xp | 23018 posts
Instrutor

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
| 4.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
| 4.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
| 4.3k xp | 12 posts

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

por MONICA HODGE
| 4.3k xp | 12 posts

Tela .js:

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

por MONICA HODGE
| 4.3k xp | 12 posts

Como o Chrome mostra o console:

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

por MONICA HODGE
| 4.3k xp | 12 posts

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

por MONICA HODGE
| 4.3k xp | 12 posts

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

solução!
por Lorena Garcia
| 15210.4k xp | 23018 posts
Instrutor

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
| 4.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!

Tópicos relacionados

Mostrar mais tópicos Mostrar menos tópicos

Conteúdos Alura com o tema

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Graduação | Pós-graduação | MBA