JSFiddle - React, Tailwind, and code Playground

by antixrist

HTML

<ul>
  <li class="right-answer show">
    Правильный овтет
  </li>
  <li>
    Неправильный ответ
  </li>
</ul>

<button id="btn" type="button">
  Toggle
</button>

CSS

.right-answer.show {
  background: green;
}

#btn.show {
  background: red;
}

JavaScript

const btn = document.querySelector('#btn');

btn.addEventListener('click', () => {
  [...document.querySelectorAll('.right-answer')]
    .forEach(el => el.classList.toggle('show'));

	btn.classList.toggle('show');
  btn.innerHTML = 'Новый текст кнопки';
});