0

Ola,estou aprendendo javascript e queria saber como faço para o que for digitado na caixa de texto HTML for impresso na tela em document.write de javascript.

1
  • Você tem algum código pra mostrar? Isso pode ajudar bastante a responder.
    – Asura Khan
    Commented 8/03/2017 às 1:31

3 Respostas 3

3

Você pode fazer dessa forma, mas utilizando o document.write vai fazer com que você reescreva sua página, fazendo com que seus controles sumam.

function writeItDown(btn){
  var suaVariavel = document.getElementById("txtInput").value;
  document.write(suaVariavel);
}
<input type="text" id="txtInput" /> <button id="myBtn" onclick="writeItDown(this);" >Write</button>

A melhor opção seria utilizar um elemento html como um span e escrever dentro dele através da propriedade innerHTML do elemento. dessa forma:

function escrever(btn){
  var suaVariavel = document.getElementById("txtInput").value;
  document.getElementById('meuTextoVaiAqui').innerHTML = suaVariavel;
}
<input type="text" id="txtInput" /> <button id="myBtn" onclick="escrever(this);" >Write</button>
<br/><span id="meuTextoVaiAqui"></span>

1
  • OBRIGADO ANDRE PAULO.
    – user68507
    Commented 13/03/2017 às 14:09
0

Pode sempre fazer algo do genero:

HTML:

<p>
    //o resultado vai cair aqui
</p>

//com um input
<input type="text" onkeyup="changeResult(this)" />

//ou com uma textarea
<textarea onkeyup="changeResult(this)"></textarea>

JS:

var changeResult = function(element)
{
   document.getElementsByTagName("p") = element.value; 
}

E possivel que exista algum erro pois nao testei mas a lógica é essa

2
  • OBRIGADO,SIMÃO LEMOS.
    – user68507
    Commented 13/03/2017 às 14:07
  • Se tiver correcta a resposta marca como correta por favor, ou diz o que falhou Commented 15/03/2017 às 2:04
0

Biblioteca

<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>

Script

$(document).ready(function() {
      $('.class').keyup(function (e) {
       var v1 = (document.getElementById("v1").value);
       $('#v2').text(v1);
   });
});

HTML

<input type="text" class="class" name="v1" id="v1" size="10" /> 
<span id="v2"> </span>>
1
  • OBRIGADO LEO CARACCIOLO.
    – user68507
    Commented 13/03/2017 às 14:08

Você deve fazer log-in para responder a esta pergunta.