1
resposta

O que está errado neste meu código?

Estava treinando os códigos e tentei fazer 2 links no mundo java, utilizando o document.write, porém o segundo link é sobreposto pelo primeiro link, e não estou entendendo o porquê.

<meta charset="utf-8">

<script>
document.write ("Angélica nasceu em " + (2022 - 27));
document.write("<br>");
document.write("Dhiogo nasceu em " + (2022 - 28));
document.write("<br>");
document.write("Caroline nasceu em " + (2022 - 2));
document.write("<br>");
document.write (" A diferença de idade entre Angélica e Caroline é " + (28 - 2));
document.write("<br>");
document.write("A diferença entre a idade de Dhiogo e Caroline é " +(29 - 2));
document.write("<br>");
document.write("<br>");

document.write("Para ver o perfil da Angélica, clique <a href= http://www.instagram.com/angelica.nezita/> aqui!");
document.write("<br>");
document.write("Para ver o perfil do Dhiogo, clique <a href= http://www.instagram.com/dhiogojuliao/> aqui!");
alert("Essas são as idades de Dhiogo, Angélica e Caroline");


</script>
1 resposta

Oi, Dhiogo! Tudo bem?

Desculpa a demora por um retorno.

O problema está ocorrendo pois a tag âncora ao ser aberta precisa ser fechada por meio de uma tag </a>. Sua sintaxe básica pode ser descrita da seguinte forma:

<a href="URL">Texto do link</a>

Dessa forma, para que o código enviado funcione como o esperado devemos apenas adicionar a tag responsável por fechar a tag âncora, deixando esse trecho do nosso código da seguinte maneira:

document.write("Para ver o perfil da Angélica, clique <a href= http://www.instagram.com/angelica.nezita/> aqui! </a>");

document.write("<br>");

document.write("Para ver o perfil do Dhiogo, clique <a href= http://www.instagram.com/dhiogojuliao/> aqui! </a>");
alert("Essas são as idades de Dhiogo, Angélica e Caroline");

Espero ter ajudado na compreensão do problema. Caso tenha ficado alguma dúvida, sinta-se à vontade em comunicar, estou à disposição!

Um forte abraço e bons estudos!

Caso este post tenha te ajudado, por favor, marcar como solucionado ✓