javascript - javaScript で「onclick」を元に戻す方法を見つけたい

Question

ページに onclick イベントとは反対のことをさせる方法を見つけたいと思っています。

したがって、基本的に以下のコードは、ボタン（li）がクリックされたときにパディングが増加する方法を示していますが、別のボタンがクリックされたときにクリックされたボタンをリセットする方法がわかりません。しかしli、同じ順序付けられていないリスト ( ul)内で別のボタン ( ) がクリックされたときに、パディングを元の状態にリセットする方法が必要です。<ul id="menubar">

これを行う簡単な方法はありますか？

ps 質問が明確でない場合はお知らせください

<div class="container">
          <ul id="menubar" align="center">

          <li onmouseover="updateMenuItem(this)" onmouseout="revertMenuItem(this)" onclick="this.style.padding='20px'" >Page</li>


          </ul>
            </div>