Afficher image à la place de l'url [Résolu]

Bonjour,

J'essai de faire en sorte qu'un pop up apparaissent avec les données de mon API lorsque je clique à un endroit précis.

Mon problème c'est que la pop up apparait mais c'est l'url qui est affiché dans le pop up et non l'image, de plus, c'est toujours le même URL qui s'affiche alors qu'il devrait y avoir 9 photos.

Une idée ?

function afficherPortrait(id){
    let popup = document.getElementById("popup");
    let content = document.getElementById("content");
    let span = document.getElementsByClassName("close")[0];

    popup.style.display = "block";

    let paragraph = document.createElement('p');

    const title = document.createTextNode('Portrait : ');
    paragraph.appendChild(title);
    content.insertAdjacentElement('beforeend', paragraph, content);
    const sautLigne = document.createElement('br');
    paragraph.appendChild(sautLigne);
    content.insertAdjacentElement('beforeend', paragraph, content);

    const req = new XMLHttpRequest();
    req.open('GET', 'http://localhost/Fil_Rouge/api.php?portrait_id=' + id, true);

    req.onreadystatechange = ()=>{
        if(req.readyState === 4 && req.status === 200){
            const data = JSON.parse(req.responseText);
            paragraph;

            if(Object.keys(data).length !== 0){
                const state = document.createTextNode(data[0].portrait_url);
                paragraph.appendChild(state);
                content.insertAdjacentElement('beforeend', paragraph, content );
            }
            else{
                const noValueState = document.createTextNode("Non renseigné");
                paragraph.appendChild(noValueState);
                content.insertAdjacentElement('beforeend', paragraph, content);
            }
        }
    };
    req.send();

    //  When user clicks on span, close the modal
    span.onclick = ()=>{
        popup.style.display = "none";
        content.innerHTML='';
    }

    //  When the user clicks outside the modal, close it
    window.onclick = (event)=>{
        if(event.target == popup){
            popup.style.display = "none"
            content.innerHTML='';
        }
    }
}

EDIT : Correction des balises de code : Ajout du LANGAGE pour avoir la coloration syntaxique