Я хочу остановить условие после события. JavaScript

(Я имею в виду, когда кто-то нажал кнопку сменить или создаст элемент один раз, пожалуйста, я знаю, будет работать по-другому, но мне нужно знать, могу ли я решить его таким образом.... Я ценю ваш suppor)

const BAG = document.querySelector('#container');
//const SMS = document.querySelector('#sms');
// const DEL = document.querySelector('#del');
BAG.addEventListener('click', function(apply) {
  var target = apply.target;

  if (target.id === 'sms') {
    console.log('Hi, Someone hit the Botton CLICK HERE');
  }
} else if (target.id === "del") {
  console.log('DELETE botton was clecked');
} else {
  console.log('^BODY was clecked');
}
}, false);
body {
  text-align: center;
  margin-top: 250px;
  font-family: Tahoma;
}
<div id="container">
  <h1>Hello!! Please click on the Botton Below</h1>
  <button id="sms">Click Here</button>
  <button id="del">Delete the Message</button>
</div>
-4
источник поделиться
1 ответ

вы добавили дополнительные { что по коду не работал... обновленный код, как показано ниже:

var bag = document.querySelector('#container');
//const SMS = document.querySelector('#sms');
//const DEL = document.querySelector('#del');
bag.addEventListener('click', function(apply) {
  var target = apply.target;
  if (target.id === 'sms') {
console.log('Hi, Someone hit the Botton CLICK HERE');
target.setAttribute('disabled','disabled');
  }

 else if (target.id === "del") {
  console.log('DELETE botton was clecked');
  target.setAttribute('disabled','disabled');
} else {
  console.log('^BODY was clecked');
}
});
<div id="container">
  <h1>Hello!! Please click on the Botton Below</h1>
  <button id="sms">Click Here</button>
  <button id="del">Delete the Message</button>
</div>
+1
источник

Посмотрите другие вопросы по меткам или Задайте вопрос