demo

//закачат се N-брой listItem-и с еднаква структура

listItem.innerHTML = `<article class="personal-info">
        <p>${backUp.name}</p>
        <p>${backUp.email}</p>
        <p>${backUp.number}</p>
        <p>${backUp.classType}</p>
        <p>${backUp.classTime}</p>
        </article>`

//така референцията остава

        const leftButton = document.createElement('button');
        leftButton.className = 'edit-btn';
        leftButton.textContent = 'Edit';

        const rightButton = document.createElement('button');
        rightButton.className = 'continue-btn';
        rightButton.textContent = 'Continue';

        listItem.appendChild(leftButton);
        listItem.appendChild(rightButton);


----------------------------------------------------
//така се чупи

listItem.innerHTML = `<article class="personal-info">
        <p>${backUp.name}</p>
        <p>${backUp.email}</p>
        <p>${backUp.number}</p>
        <p>${backUp.classType}</p>
        <p>${backUp.classTime}</p>
        </article>
		<button class="edit-btn">Edit</button>
		<button class="continue-btn">Continue</button>`