Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Solução do cálculo Javascript em <h1>

Olá, estou iniciando no mundo da programação, e não estou conseguindo que a resposta do cálculo siga o modelo de formatação estilo h1.

<meta charset="UTF-8">

<script>

    document.write("<h1>Minha idade é </h1>"+(2020-1989));

</script>

O resultado fica ( Minha idade é) formatado em estilo h1, e a resposta (31) fica na linha abaixo e sem formatação destaque. Tentei outras maneiras, tais como:

<meta charset="UTF-8">

<script>

    document.write("<h1>Minha idade é "+(2020-1989)</h1>);

</script>

Porém o resultado é pior, pois nada aparece no browser. O que estou errando?

att

2 respostas
solução!

Opa! beleza Vicente?

Cara o que acontece é o seguinte, todas as tag's HTML, precisam iniciar e fechar. Como assim? no seu caso o h1, existe uma regra onde precisamos iniciar a tag e especificar onde ela fecha, exemplo:

<h1> Olá Mundo </h1> 

No caso teremos um titulo "Olá Mundo" com as tags h1.

No seu código temos que seguir a mesma regra, ficando desta maneira:

    document.write("<h1>Minha idade é: " + (2020-1989) + "</h1>");

Note que aqui nós obedecemos a regra e fechamos o "h1" somente no final da nossa frase, da para fazer diversas coisas com isso, como por exemplo outras tags e até mesmo adicionar estilos, veja:

document.write("<h1>Minha idade é: <b style='color: blue;'>"+ (2020-1989) + " </b> </h1>");

Beleza?

Qualquer dúvida manda ai!

e aí. galera, blz? excelente contribuição Rodrigo. Interessante destacar também que a segunda tentativa do Geraldo não estava funcionando pois faltou a concatenação do fechamento da tag /h1, como também as " "