// select elements
let safeButton = document.getElementById("safeButton");
let boisson = document.getElementById("boisson");
let selectedDrink = document.getElementById("selectedDrink");
let text = document.getElementById("text")

let counter_p = 1
let childs = []

console.log(text.childNodes);

selectedDrink.innerText = boisson.value;
// for (let i=0;i<text.childNodes.length;i++){
//     if (text.childNodes[i].className == "phrase"){
//         childs += text.childNodes[i]
//     }
// };
// console.log(childs);

//functions
function handleSelectChange(event){
    selectedDrink.innerText = event.target.value;
}

function handleDisplayText(){
    
    text.childNodes[1].setAttribute("id","p");
    console.log(text.childNodes[1]);
}

//listeners
boisson.addEventListener("change",handleSelectChange)
text.addEventListener("click",handleDisplayText)