Kirill0673

function a(index,value){
	return new Promise((resolve,reject)=>{
		let j = 0,
			// этот тикер симулирует async фанкцию, т.е. ajax например
			h = setInterval(_ => {
				if (++j==2) {
					clearInterval(h)
					console.log('step '+index+' finished');
					resolve(a(++index,j))
        }
      },1000);
  	});
};
a(0,0)


async function request(){
	return new Promise(resolve=>setTimeout(_=>resolve(),1000))
}

( async () => {
	for (i=0;i<5;i++){
		const data = await request()
		console.log('another way | step ' + i + ' complete')
  }
})()

<div class="container">
       <ul id="list">
            <li class="element">
            </li>
            <li class="element">
            </li>
            <li class="element">
            </li>
            <li class="element"> <!-- тут класс с опечаткой был -->
            </li>
        </ul>
</div>

let el = document.querySelectorAll('.element'),
    container = document.querySelector('#list'); // был выбран класс .container, а клонируемый элемент <li> должен быть в <ul> 
let elClone = el[0].cloneNode();
container.appendChild(elClone); // была опечатка в слове appendChild

let list = document.querySelector('#list'),
    container = document.querySelector('.container');
container.appendChild(list.cloneNode(true));

<style>
                tspan { white-space:pre }
                .shp0 { fill: #ffffff } 
            </style>