Target / Get multiple elements

target-multiple-elements.js

/*
<ul class="parent">
  <li class="children"></li>
  <li class="children"></li>
  <li class="children"></li>
</ul>
*/

const parent = document.querySelector('.parent')
const children = document.querySelectorAll('.children')

parent.addEventListener('mousedown', () => {
  children.forEach ((children) => {
    children.style.transform = 'scale(.95)'
  })
})