Alinhamento | JavaScript e HTML: desenvolva um jogo e pratique lógica de programação

Solucionado (ver solução)

Solucionado
(ver solução)

5
respostas

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

21/02/2018

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

21/02/2018

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

21/02/2018

<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

21/02/2018

Muito bem Aline!!!

por Leandro Beckert

| 19.3k xp | 3 posts

Caixa Executivo

22/02/2018

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 !