我對如何在按下按鈕時存儲或刪除數(shù)組上的多個 ID 存有疑問。此外，當(dāng)按鈕被按下時，它會出現(xiàn)動畫，顯示當(dāng)前被按下，直到再次按下。也許它必須處理 DOM 操作，但我不理解如何做到這一點(diǎn)。在我的 HTML、CSS 和 JS 代碼下方，控制臺記錄此操作： OBS：現(xiàn)在我只能顯示第一個按鈕的控制臺日志。var sorteioController = (function() {  var selecao = function(id, howmany, value) {    this.id = id;    this.howmany = howmany;    this.valor = value;  }  //select element  var allItems = {    selec: []  }  //send info  return {    addItem: function(id, hm, val) {      var newItem;      if (data.allItems[id].length > 0) {        ID = data.allItems[type][data.allItems[type].length - 1].id + 1;      } else {        ID = 0;      }      data.allItems[type].push(newItem);      return newItem;    },  }})();var UIController = (function() {  return {    getinput: function() {      todosItens = document.querySelector('.btn_reservas').toggleAttribute;    }  };})();var controller = (function(sorteioCtrl, UICtrl) {  var ctrlAddItem = function() {    console.log('It worked, pressed id  = ' + this.id);  }  document.querySelector('.btn_reservas').addEventListener('click', ctrlAddItem);  document.addEventListener('keypress', function(event) {    if (event.keyCode === 13 || event.which === 13) {      ctrlAddItem();    }  });})(sorteioController, UIController);.lista ul li {  display: inline;}.lista ul li a {  display: block;  border: 2px solid #bfc0bf;  border-radius: 50%;  width: 100%;  line-height: 40px;  max-width: 75px;  height: auto;  font-weight: 700;  text-decoration: none;  display: inline;  box-sizing: border-box;  padding: 20px;  font-family: sans-serif;  font-size: 13px;  color: #ffffff;  background-color: rgb(85, 161, 108);  border-color: #212529;  margin-right: 50px;}.lista ul li a:hover {  color: #212529;  background-color: #ffffff;  font: bolder;  transition: all 600ms ease;}