单击后更改按钮的背景颜色

Answer 1

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

仅针对第一个按钮。

您需要使用 querySelectorAll 选择所有按钮并向每个按钮添加事件侦听器。

const allBtns = document.querySelectorAll('.btn'); 

allBtns.forEach(btn => {
   btn.addEventListener('click', function onClick(){
    btn.style.backgroundColor = 'orange'; 
 })
})

Answer 2

您可以尝试以下方法：

const btnList = document.querySelectorAll('.btn');

   btnList.forEach(btn => {
     btn.addEventListener('click', function onClick() {
     btn.style.backgroundColor = 'orange';
   });
})

Answer 3

由于您要从 DOM 中选择多个按钮，因此您必须

querySelectorAll

，然后需要循环它以获得所需的输出

    const btn = document.querySelectorAll('.btn'); 
    btn.forEach(b => {
      b.addEventListener('click', function onClick(){
        b.style.backgroundColor = 'orange'; 
     });  
    })

Answer 4

zsdxfcghvbjkn dxfcghvbjkn xdfcghvbjn cfghvbjknml v bm,. vghbjkn bjhkm