script.js

const span=document.querySelectorAll('.button');
const body=document.querySelector("body");
span.forEach((button)=>{
  button.addEventListener('click',function(e){
        console.log(e);
        console.log(e.target);
        switch(e.target.id){
         case 'pink':body.style.backgroundColor='#D81B60';
                      break;
         case 'white':body.style.backgroundColor='#FAFAFA';
                       break;
         case 'purple':body.style.backgroundColor='#BA68C8';
                      break;
         case 'orange':body.style.backgroundColor='#FF9100';
                    break; 
           case 'brown':body.style.backgroundColor='#6D4C41';
                    break;
            case 'blue':body.style.backgroundColor='#4DD0E1';
                 break;
          default:break;
    }
    });
  });