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

Alinhamento

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Comunique-se com o usuário e atividade O que não fazemos por amor...

por Leandro Beckert
| 19.3k xp | 3 posts
Caixa Executivo

Bom dia !

Tem alguma forma de deixar as datas de nascimento alinhados um embaixo do outro ? Tentei com espaços em branco na frase, mas não funcionou.

Obrigado.

<script>
    document.write("Flávio nasceu  em :" + (2016 - 39) + "<br>");
    document.write("Joaquim nasceu em :" + (2016 - 20) + "<br>");
    document.write("Barney nasceu  em :" + (2016 - 40) + "<br>");
</script>

O resultado no navegador sai com as datas desalinhadas assim:

Flávio nasceu em :1977

Joaquim nasceu em :1996

Barney nasceu em :1976

Obrigado.

5 respostas
por Flavio Henrique de Souza Almeida
| 3119.3k xp | 6969 posts
Instrutor Instrutor/Desenvolvedor Web Sênior/Autor

Olá!

A responsabilidade pelo alinhamento e qualquer estática do seu código é do CSS. É uma outra tecnologia presente no browser.

Em suma, o navegador compreender:

  • CSS
  • JavaScript
  • HTML

Depois de terminar o curso de lógica, se estiver curioso, pode ingressar nos cursos de CSS da Alura!

Sucesso e bom estudo meu aluno!

por Aline Souza
| 151.1k xp | 24 posts
Desenvolvedora Android

Amigo, a ideia é não usar script para imprimir mensagens na tela. O ideal é usar o HTML e CSS para alinhar/posicionar os elementos. Mas como você está aprendendo, vou lhe mostrar uma gambiarra, que não é nem um pouco funcional: "&nbsp";

Funciona? Obviamente. É recomendável? Nunca.

solução!
por Aline Souza
| 151.1k xp | 24 posts
Desenvolvedora Android 
<script>
    document.write("Flávio nasceu em:" + "&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;" + (2016 - 39) + "<br>");
    document.write("Joaquim nasceu em:" + "&nbsp&nbsp; " + (2016 - 20) + "<br>");
    document.write("Barney nasceu em:" + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +(2016 - 40) + "<br>");
</script>
por Carlos Antonio Silva do Nascimento
| 343.4k xp | 747 posts
Analista de Sistema

Muito bem Aline!!!

por Leandro Beckert
| 19.3k xp | 3 posts
Caixa Executivo

Bom dia, pessoal !

Obrigado pelas respostas...

Vou estudar o CSS quando terminar a Lógica de Programação.

Aline: a gambiarra funcionou. O código ficou assim

<script>
document.write("Flávio nasceu em:" + "&nbsp&nbsp&nbsp&nbsp" + (2016 - 39) + "<br>");
document.write("Joaquim nasceu em:" + "&nbsp" + (2016 - 20) + "<br>");
document.write("Barney nasceu em:" + "&nbsp&nbsp&nbsp" +(2016 - 40) + "<br>");
</script>

E o resultado foi que as datas ficaram alinhadas no navegador.

Obrigado pela ajuda !