как добавить класс на элемент и на другой элемент не удаляя предыдущий

Question

Вопрос заключается в том что бы при нажатии на элемент добавлялся класс и при нажатии на другой элемент добавлялся класс и также при нажатии удалялся

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="width=device-width,initial-scale=1" name="viewport" />
    <meta content="description" name="description" />
    <meta name="google" content="notranslate" />

    <title>Title page</title>

    <link href="style.css" rel="stylesheet" />
    <link href="test.css" rel="stylesheet" />
  </head>

  <body>
    <main>
      <div class="container">
        <div class="info__title">
          Менеджеры для отобржения в визитке компании
        </div>
        <div class="all-managers">
          <div class="all-managers-item">
            Иванов Иван
            <img class="plus" src="./img/plus.svg"/>
            <img class="close" src="./img/close-wh.svg" />
          </div>
          <div class="all-managers-item">
            Петров Петр
            <img class="plus" src="./img/plus.svg"/>
            <img class="close" src="./img/close-wh.svg" />
          </div>
          <div class="all-managers-item">
            Константинопольский Константин
            <img class="plus" src="./img/plus.svg"/>
            <img class="close" src="./img/close-wh.svg" />
          </div>
          <div class="all-managers-item">
            Сидоровский Александр
            <img class="plus" src="./img/plus.svg"/>
            <img class="close" src="./img/close-wh.svg" />
          </div>
        </div>
      </div>
    </main>
    <script src="test.js"></script>
  </body>
</html>

Answer 1

const els = document.getElementsByClassName('all-managers-item');
const className = 'open';
for (let i in els) {
  els[i].onclick = function() {
    els[i].classList.contains(className) ?   els[i].classList.remove(className) : els[i].classList.add(className) 
  }
}

БЛОГ НА HUSL

как добавить класс на элемент и на другой элемент не удаляя предыдущий

Ответы (1 шт):