How to remove a class through a loop?

Question

JavaScript

Hello, please tell me how to remove the class from all child elements when clicking on one.

<ul class="list">
        <li class="item">item1</li>
        <li class="item">item2</li>
        <li class="item">item3</li>
      </ul>

.red{
  color:red;
}

const list = document.querySelector('.list')
            list.addEventListener('click', (event) =>{
            const target = event.target
            target.classList.add('red')
        })