JavaScript 記述を極力変えずremoveEventListenerしたい

Question

前提・実現したいこと

タイトルの通りです
一度目クリックしたらdivのclickイベントをremoveEventListenerで削除して、
二度目以降alertが出ないようにしたいです
下記div.addEventListener("click", function() {});内にてremoveEventListenerを実行したい

div.addEventListener("click", function() {
div.removeEventListener("click");
alert("");
});

記述方式は極力変更がないようにやりたいです
詳しい方教えて下さい

該当のソースコード

<script>
window.onload=function(){
div=document.createElement("div");
div.style.width="50px";
div.style.height="50px";
div.setAttribute("id","div");
div.style.background="red";
div.addEventListener("click", function() {
div.removeEventListener("click");
alert("");
});
document.body.appendChild(div);
}
</script>

Answer 1

関数リテラルに名前をつけてしまいましょう。

div.addEventListener("click", function listener() {
div.removeEventListener("click", listener);
alert("");
});

---

なお、モダンブラウザを使う場合、「一度だけ動かす」という指定が可能です。自分で外す必要すらありません（MDN）。

div.addEventListener("click", function() {
alert("");
}, { once: true });