setAttributeにて追加したid

マッチングアプリのスワイプ画面を作りたいのですが、一枚目がスライドしてからswipe(card)は実行されますが、それ以外のイベントが実行されません。

長文で申し訳ないのですが、原因を教えていただきたいです。

html
1 <div id="person">
2                        <div class="card01" id="card01">
3                            <div id="cover">
4                                <img src="poteto.png">
5                                <span id="like">LIKE</span>
6                                <span id="nope">NOPE</span>
7                                <span id="super">SUPER<br>LIKE
8                                </span>
9                                 </div>
10                                <p class="name">POTETO,<span class="age">20</span></p>
11                        </div>
12                        <div class="card02" id="card02">
13                            <div id="cover">
14                                <img src="poteto.png">
15                                <span id="like">LIKE</span>
16                                <span id="nope">NOPE</span>
17                                <span id="super">SUPER<br>LIKE
18                                </span>
19                                 </div>
20                                <p class="name">POTETO,<span class="age">20</span></p>
21                        </div>
22                        <div class="card03" id="card03">
23                            <div id="cover">
24                            <img src="poteto.png">
25                            <span id="like">LIKE</span>
26                            <span id="nope">NOPE</span>
27                            <span id="super">SUPER<br>LIKE
28                            </span>
29                             </div>
30                            <p class="name">POTETO,<span class="age">20</span></p>
31                        </div>
32                    </div>

JavaScript
1const card01 = document.getElementById("card01");
2const card02 = document.getElementById("card02");const likeButton = document.getElementById("likeButton");
3const like = document.getElementById("like");
4likeButton.addEventListener('click',function(card){
5    like.classList.add('show');
6    card01.classList.add('likeNext');
7    swipe(card);
8});
9
10const nopeButton = document.getElementById('nopeButton');
11const nope = document.getElementById('nope');
12nopeButton.addEventListener('click',function(card){
13    nope.classList.add('show');
14    card01.classList.add('nopeNext');
15    swipe(card);
16});
17
18const superButton = document.getElementById('superButton');
19const star = document.getElementById('super');
20superButton.addEventListener('click',function(card){
21    star.classList.add('show');
22    card01.classList.add('superNext');
23    swipe(card);
24});
25
26function swipe(card){
27    setTimeout(() => {
28        card01.setAttribute('id','none');
29        card02.setAttribute('id','card01');
30        card03.setAttribute('id','card02');
31        const div = document.createElement('div');
32        document.getElementById('person').appendChild(div);   
33        div.setAttribute('id','card03');
34    }, 900);
35};
36const card03 = document.getElementById("card03");
37
38