Si tienes un panel (dashboard) con varios input y uno de ellos contiene la URL de una imagen, a lo mejor deseas mostrar la imagen en la parte superior y que al cambiar la URL dentro del input muestre la nueva imagen. Voilà! aquí lo que buscabas: document.getElementById("id_del_input").addEventListener('input', cambiaImagen); function cambiaImagen(){ var dato = document.getElementById("id_del_input").value; document.getElementById('id_del_img_src').src = dato; } Otra versión, hace lo mismo. var elemento = document.getElementById('id_del_input'); elemento.addEventListener('input', function (cambiaImagen) { var dato = document.getElementById("id_del_input").value document.getElementById('id_del_img_src').src = dato; }); En realidad hay muchas formas de hacerlo, pero hay que adaptar la que se adapte más a tus necesidades.