jsのli.addEventListener("click", ()=>のfor文が動かない

下の画像のような、単語をクリックして英作をするクイズを、javascriptを用いて作っています。

<li>要素で単語を生成して、それにクリックイベントを追加して、下の赤線（makengarea）に単語が出たりなくなったりするものを作りたいのですが、クリックイベント内のfor文が動きません。

以下jsコード

javascript
1
2    const makengarea = document.getElementById("makengarea");
3
4
5//クリックした単語を下（makengarea）に追加
6 function clickmethod(li) {
7        if (makengarea.textContent === "") {
8            makengarea.textContent = makengarea.textContent + li.textContent;
9        } else {
10            makengarea.textContent = makengarea.textContent + " " + li.textContent;
11        }
12    }
13
14//クリックした単語を下（makengarea）から削除
15function unclickmethod(li) {
16
17　　　　//makengareaのものを半角空白で区切って配列にする
18        let arr = makengarea.textContent.split(/\s/);
19        let arr2 =arr;
20
21　　　　//for文でクリックした単語と合致するものを削除
22　　　　//ここが動いていない
23        for (let i = 0; i < arr.lenght; i++) {
24           
25            if (arr2[i] === li.textContent) {
26                arr2.splice(i, 1);
27                break;
28               
29            }
30        }
31　　　　//配列を再び、くっつけてmakengareaに乗せる
32        makengarea.textContent=arr2.join(" ");    
33    }
34
35//ここで<li>を生成
36 function createab(arr) {
37
38        while (board.firstChild) {
39
40            board.removeChild(board.firstChild);
41        }
42
43        shuffle(arr);
44
45        arr.forEach(choice => {
46
47            const li = document.createElement("li");
48            li.textContent = choice;
49
50            li.addEventListener("click", () => {
51
52                if (!isAnswered) {
53                    li.classList.toggle('pressed');
54
55                    if (li.classList.contains('pressed')) {
56                        clickmethod(li)
57                    } else {
58                        unclickmethod(li);
59                    }
60                }
61
62               // console.log(makengarea.textContent);
63            })
64            board.appendChild(li);
65        });
66    }
67

以下htmlコード

HTML
1<ul id="board" class="mb-3"></ul>
2
3				<div class="row m-0 mb-2">
4					<div class="col-10 d-flex align-items-end" id="makengarea" style="border-bottom: solid 2px #ff0000; font-size:15px;">
5						
6					</div>
7
8					<div class="col-2">
9						<div id="meanswerbtn">OK</div>
10					</div>
11				</div>
12