the code is not formatted

Asked

Viewed 31 times

-1

my code does not come out formatted it does not skip the line as in the code

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>String</title>
</head>
<body>
  <script>
  let nome = prompt('Digite seu nome completo:');

    document.body.innerHTML += `Seu nome é: <strong>${nome}</strong><br />`;
    document.body.innerHTML += `Seu nome tem <strong>${nome.length}</strong>letras `;
    document.body.innerHTML += `A segunda letra do seu nome é:${nome[1]}`;
    document.body.innerHTML += `Qual o primeiro índice da letra "A" no seu nome? ${nome.indexOf("a")}`;
    document.body.innerHTML += `Qual o último índice da letra "A" no seu nome?${nome.lastIndexOf("a")}`;
    document.body.innerHTML += `As últimas 3 letras do seu nome são: ${nome.lastIndexOf(nome)}`;
    document.body.innerHTML += `As palavras do seu nome são: ${nome.slice(" ")}<br />`;
    document.body.innerHTML += `Seu nome com letras maiúsculas: ${nome.toUpperCase()}`;
    document.body.innerHTML += `Seu nome com letras minúsculas: ${nome.toLowerCase()}`;
    </script>
</body>
</html>
javascript html

  • only has 2 "br", so will only skip 2 lines

1 answer

1

One way to skip lines is by using the tag <br> at the end of sentences. Example:

...
document.body.innerHTML += `Seu nome tem <strong>${nome.length}</strong>letras<br>`;
...

The tag <br> has the function of giving a "break" (a space) between the lines.

Another way to solve the problem would be by placing the entire sentence within a paragraph tag <p>. As below:

...
document.body.innerHTML += `<p>Seu nome tem <strong>${nome.length}</strong>letras</p>`;
...

This way, each line will be separated by a blank line.

Browser other questions tagged javascript html

You are not signed in. Login or sign up in order to post.