Entrar Ainda não tem acesso?
3
respostas

Variável para substituir uma String no HTML? Tem como?

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Torne seu programa dinâmico com variáveis e atividade Consolidando seu conhecimento

por Williem Thomé Costa
| 14.2k xp | 2 posts

Olá pessoal, desculpe pela pergunta que pode parecer meio besta. Entretanto, como estou começando tenho algumas dúvidas, pois sempre penso em soluções no que estou aprendendo para aplicar em outras situações.

Por exemplo, utilizamos no aprendizado e nos exercícios, a var para parâmetros, porém gostaria de saber como utilizar e se é através do var para substituir uma string por exemplo:

**Tem como criar uma *var* para que substitua o "Flávio tem " da linha 7 por "O Aluno tem "????**
<meta charset="UTF-8">

<script>

    var ano = 2016;

    document.write("Flávio tem " + (ano - 1977) + " anos");
    document.write("<br>");
    document.write("Joaquim tem " + (ano - 1996) + " anos");
    document.write("<br>");

    ano = 2017;
    document.write("Barney tem " + (ano - 1976) + " anos");
    document.write("<br>");

    var idadeFlavio = 39;
    var idadeJoaquim = 20;
    var idadeBarney = 41;

    var media = (idadeFlavio + idadeJoaquim + idadeBarney) /3;

    document.write("A média das idades é  " + Math.round(media));
    document.write("<br>");

    var nome = "Flávio";

    document.write("A idade de " + nome + " é " + idadeFlavio);

</script>
3 respostas
por Guilherme Henrique
| 733.8k xp | 2109 posts
Instrutor

Oi Williem

Para substituir algo no HTML você precisa manipular através do objeto document, nele você tem várias funções que possibilitam isso, vou dar um exemplo:

<meta charset="utf-8" />

<p>Criei um contador: <strong></strong></p>
<script>
  var numero = document.querySelector('strong');
  contador = 1;

  setInterval(function () {
    numero.innerHTML = contador;

    contador++;
  }, 1000);
</script>

Aqui eu criei um contador e busquei pela tag html strong e comecei a manipular o conteúdo dela com o innerHTML.

por Williem Thomé Costa
| 14.2k xp | 2 posts

Show de bola. Obrigado pela resposta Guilherme.

por Welber Urias Da Silva
| 43.4k xp | 1 posts

Olá, Williem!

Se eu entendi bem sua questão, basta você criar uma variável atribuindo a string "O aluno tem: " (entre aspas) e declarar a variável dentro de document.write. Exemplo abaixo:

<script>

    var ano = 2016;
    var exemplo = "O aluno tem ";

    document.write(exemplo + (ano - 1977) + " anos");
    document.write("<br>");
    document.write("Joaquim tem " + (ano - 1996) + " anos");
    document.write("<br>");

</script>