Logo Hardware.com.br
Augusto César do Amaral
Augusto Césa... Novo Membro Registrado
4 Mensagens 0 Curtidas

[Resolvido] Criar texto em html que muda conforme variavel de js

#1 Por Augusto Césa... 23/07/2015 - 12:50
Ola,
estou fazendo um site e queria fazer um texto em h1 que muda conforme o valor da variavel em javascript

ex.:

var dinheiro = 100;
document.write("voce esta com " + dinheiro + " dinheiros"); //queria q esse texto mudasse sem q eu tivesse q escrever de novo
dinheiro = 150; // qdo eu escrevesse isso mudaria o texto de cima sem escrever de novo
paginas var web html javascript site texto html dinheiro conforme muda variavel fazer
esquiloesperto
esquiloesper... Cyber Highlander Moderador
7.1K Mensagens 2.2K Curtidas
#2 Por esquiloesper...
23/07/2015 - 22:00
Você pode criar um local específico para receber apenas o valor e suas alterações.

Precisa ter um elemento para receber as alterações dentro de uma tag qualquer ou na frase mesmo. Usarei um span dentro de um parágrafo:
<p>voce esta com <span id="grana"></span> dinheiros</p>

Agora só precisamos do script para inserir os valores no local correto:
[code=JavaScript]var grana = document.getElementById('grana');
var dinheiro = 100;

grana.innerHTML = dinheiro

// Quando mudar o valor, reinserir altera localmente apenas o span
dinheiro = 150;

grana.innerHTML = dinheiro

[/code]
– Só é difícil enquanto estiver oculto! cool.png
Use a pesquisa


rolleyes.png  Navegar é preciso, viver... também.  smile.png
esquiloesperto
esquiloesper... Cyber Highlander Moderador
7.1K Mensagens 2.2K Curtidas
#6 Por esquiloesper...
24/07/2015 - 14:45
boa.gif - Desculpa cara! É que eu pensei que o restante estava indo tranquilo... stick_out_tongue.png

Mas dá pra fazer sim.
Para isto é preciso capturar o evento e criar uma função que automatize a inserção pra você. - Vamos lá:



<!DOCTYPE html>

<html>



  <head>

    

    <meta charset="utf-8" />

  </head>



  <body>

    <input id='dinheiro' type='text' value='' onkeyup="insere()" />

    <p>voce esta com <span id="grana">0</span> dinheiros</p>

  </body>



  <script type="text/javascript">

    var grana = document.getElementById('grana');

    var dindin = document.getElementById('dinheiro');



    function insere() {

      var dinheiro = dindin.value;

      if (dinheiro == '') dinheiro = 0;

      grana.innerHTML = dinheiro;

    }

  </script>



</html>



É possível inserir filtros para restringir o valor inserido, mas isto já é outra situação.

...
– Só é difícil enquanto estiver oculto! cool.png
Use a pesquisa


rolleyes.png  Navegar é preciso, viver... também.  smile.png
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal