平成30年度(2018) 第3回試験問20

ある要素をクリックしたら id="t" で指定された要素を消し、再度クリックしたら消された要素を表示させるために、次の JavaScript コードを作成した。動作確認を行うと 1 回目のクリックでは動作せず、2 回目のクリックから動作するようだった。1 回目のクリックから動作させるためにはどうすれば良いか。以下より 1 つ選択しなさい。

[html]

<div id="t">ここが消えたり出てきたりする</div>

[javascript]

function toggle(){

let n = 0;

const display = ['block', 'none'];

return function (){

document.querySelector('#t').style.display = display[n%2];

n++;

}

};

const t = toggle();