javascript – Exists a component or otherwise?

 const arrowhead = document.querySelector(" #arrow");.
const callAllPie = document.querySelector(". allPie");.

eventList();.
feature eventList( e) {
arrow.addEventListener(" click", showSkills);.
}

// feature showSkills() {
// const pie = document.createElement(" div");.
// pie.classList.add(" pie1");.

// callAllPie.appendChild( pie);.

// const rightDiv = document.createElement(" div");.
// rightDiv.classList.add(" slice-right1");.

// const leftDiv = document.createElement(" div");.
// leftDiv.classList.add(" slice-left1");.

// const percentDiv = document.createElement(" div");.
// percentDiv.classList.add(" percent1");.

// const numberDiv = document.createElement(" div");.
// numberDiv.classList.add(" number1");.
// numberDiv.innerHTML="% 99";.

// const nameDiv = document.createElement(" div");.
// nameDiv.classList.add(" name1");.
// nameDiv.innerHTML="HTML";.

// pie.appendChild( rightDiv);.
// pie.appendChild( leftDiv);.
// pie.appendChild( percentDiv);.
// percentDiv.appendChild( numberDiv);.
// percentDiv.appendChild( nameDiv);.
// callAllPie.appendChild( pie);.
//}
feature showSkills() {
for (allow aspect = callAllPie; aspect < < 5; aspect++) {
console.log( aspect);.
}
}

I'm attempting to produce a loophole. If there is no aspect in the allPie div, I wish to include the pie div I produced and also I wish to finish it when it gets to 4, exactly how do I do it? I'm a newbie in javascript so if you can assist I would certainly value it