Como passar o texto de uma input para uma div sem refresh?

"Jogar" em que momento? Enquanto é digitado? Depois que o input perder o foco? ... ?

Uma forma de fazer (demo):

<input type='text'/>
<div id='url-amigavel'>
 [http://meusite.com/](http://meusite.com/)
</div>

var $dynamic = document.querySelector('#url-amigavel span');

document.querySelector('input').addEventListener('keypress', function(){
 $dynamic.innerHTML = this.value;
});

Obrigado amigo!

Depois que a input peder o foco, testei desse modo, mas anda não deu certo.

O que aconteceu de errado ? como está o teu código ?

<div class="form-group">
<label>Caminho da url amigavel:</label>
<p class="form-control-static" id="url-amigavel"><span></span></p>
<input class="form-control" type="hidden" placeholder="Sigla do pais:">
<p class="help-block">Esse campo é gerado automaticamente.</p>
</div>

<script type="text/javascript">
 var $dynamic = document.querySelector('#url-amigavel span');

 document.querySelector('#url').addEventListener('keypress', function () {
 $dynamic.innerHTML = this.value;
 });
</script> Quanto eu digito a ultima letra, ela não passa para o span.

Se eu digito SP, Ele só repassa o S

O evento é blur, não keypress.

https://developer.mozilla.org/en-US/docs/Web/Events/blur