JavaScript: Cambiar imagen, si cambia el valor del input

---

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.