challenge-tourist-attractions-WilliamSimao/js.js

document.addEventListener('DOMContentLoaded', function () {

    const inputFile = document.querySelector('#input__img');
    const labelInput = document.querySelector('.label-input');

    const textLabelInput = "Imagem";

    labelInput.innerHTML = textLabelInput;

    inputFile.addEventListener('change', (e) => {
        const inputTarget = e.target;
        const file = inputTarget.files[0];

        if (file) {

            const reader = new FileReader();

            reader.addEventListener('load', (e) => {
                const readerTarget = e.target;

                const img = document.createElement('img');
                img.src = readerTarget.result;
                img.classList.add('img-result');

                labelInput.appendChild(img);

            });

            reader.readAsDataURL(file);
            labelInput.innerHTML = "";
            labelInput.style.border = "none";
            

        }else {
            labelInput.innerHTML = textLabelInput;
        }
        
    });

    });