<h2 id="%E6%9B%B4%E6%96%B0%EF%BC%882023%2F10%2F22%EF%BC%89" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E6%9B%B4%E6%96%B0%EF%BC%882023%2F10%2F22%EF%BC%89" aria-hidden="true"></a> 更新（2023/10/22）</h2>
<ul data-line="1" class="code-line">
<li data-line="1" class="code-line">ロジックを<code>set_konami_command_callback()</code>に分離</li>
<li data-line="2" class="code-line">
<code>KeyboardEvent</code>を<code>key</code>から<code>code</code>に変更</li>
<li data-line="3" class="code-line">
<code>toString()</code>を<code>join("")</code>に変更、<code>konami_command</code>のカンマを削除</li>
<li data-line="4" class="code-line">
<code>resultArray</code>を<code>result_array</code>に、宣言を<code>let</code>から<code>const</code>に統一</li>
<li data-line="5" class="code-line">
<code>addEventListener</code>に<code>{ passive: true }</code>を追加</li>
</ul>
<h2 id="%E3%83%A9%E3%82%A4%E3%83%96%E3%83%87%E3%83%A2" data-line="7" class="code-line">
<a class="header-anchor-link" href="#%E3%83%A9%E3%82%A4%E3%83%96%E3%83%87%E3%83%A2" aria-hidden="true"></a> ライブデモ</h2>
<span class="embed-block embed-stackblitz"><iframe src="https://stackblitz.com/edit/web-platform-twhfsc?embed=1&amp;file=index.html" scrolling="no" frameborder="no" loading="lazy"></iframe></span>
<h2 id="%E4%BB%95%E7%B5%84%E3%81%BF" data-line="10" class="code-line">
<a class="header-anchor-link" href="#%E4%BB%95%E7%B5%84%E3%81%BF" aria-hidden="true"></a> 仕組み</h2>
<p data-line="11" class="code-line">・<code>keyup</code>イベントに応じて<code>KeyboardEvent.code</code>を配列に<code>push()</code>する<br>
・配列長が10を超えたタイミングで<code>join("")</code>した配列を<code>konami_command</code>と完全一致するか検証し、以降は<code>push()</code>されるごとに<code>shift()</code>で頭から消して検証を繰り返す</p>


簡単なコナミコマンドを実装する

更新（2023/10/22）

ライブデモ

仕組み

Discussion