A -> B -> C -> A -> B -> C -> A -> B -> C 로 만들기 위해
C'-> A -> B -> C -> A' 로 양끝에 클론을 만들어 놓고
양끝에 C' 혹은 A' 에 도착하면 에니매이션을 잠깐 끄고 C 혹은 A 로 다시 옮긴다.
요소.cloneNode(true);
부모요소.append(제일 뒤에 넣을 요소)
부모요소.insertBefore(넣을 요소, 기준점)
insertBefore는 기준점보다 앞에 넣어준다.
기준점을 맨앞 요소로 잡으면 맨앞에 추가 된다.
const a = 10;
foo(a);
function foo(b) {
let c = 20;
console.log(a + b + c);
}
실행순서 보기