/*
Créé les éléments sur les informations des compositeurs et réalisateurs
*/

function afficherPlus(){ 
    let mamie = document.getElementsByClassName("papaye")[0]  /* balise div */

    let mere = document.createElement("div") /* balise div dans la div "mamie" */
    mere.setAttribute("id","rea")
    mamie.appendChild(mere)

    let article1 = document.createElement("article") /* balise article dans la div mere, contient les infos et le texte du réa */
    article1.setAttribute("class","photo")
    mere.appendChild(article1)

    let para1 = document.createElement("p")
    para1.setAttribute("class","bold")
    article1.appendChild(para1)
    para1.innerHTML = "Réalisateur"

    let imageRea = document.createElement("img")
    article1.appendChild(imageRea)
    imageRea.src = "../images/Miyasaki.jpg"

    let para2 = document.createElement("p")
    article1.appendChild(para2)
    para2.innerHTML = "Miyasaki Hayao"

    let para3 = document.createElement("p")
    article1.appendChild(para3)
    para3.innerHTML = "1941-01-05"

    let article2 = document.createElement("article") /* 2e balise article dans la div mere, contient les infos et le texte du compo */
    article2.setAttribute("class","photo")
    mere.appendChild(article2)

    let para21 = document.createElement("p")
    para21.setAttribute("class","bold")
    article2.appendChild(para21) /**/
    para21.innerHTML = "Compositeur"

    let imageCompo = document.createElement("img")
    article2.appendChild(imageCompo)
    imageCompo.src = "../images/Takebe.jpg"

    let para22 = document.createElement("p")
    article2.appendChild(para22)
    para22.innerHTML = "Takebe Satoshi"

    let para23 = document.createElement("p")
    article2.appendChild(para23)
    para23.innerHTML = "1957-02-12"

    let btPlus = document.getElementById("boutonPlus"); /* fait disparaitre le bouton + après son utilisation */
    btPlus.remove(); 

}

function setupListener(){
    let plus = document.getElementById("boutonPlus")
    plus.addEventListener('click', afficherPlus)
}

window.addEventListener('load', setupListener)