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.
3 Respostas
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>
-
OBRIGADO ANDRE PAULO.– user68507Commented 13/03/2017 às 14:09
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
-
OBRIGADO,SIMÃO LEMOS.– user68507Commented 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
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>>
-
OBRIGADO LEO CARACCIOLO.– user68507Commented 13/03/2017 às 14:08