script.js

let title = document.querySelectorAll('h1')
let p = document.querySelectorAll('p')
let space = document.querySelector('#space')
let btn = document.querySelector('button')

let arr = [{name:"CSK", primary:"yellow", secondary:"blue"},
    {name:"MI",primary:"blue",secondary:"white"},
    {name:"RCB",primary:"red",secondary:"white"},
    {name:"KKR",primary:"purple",secondary:"yellow"},
    {name:"RR",primary:"pink",secondary:"white"},
    {name:"LSG",primary:"blue",secondary:"white"},
    {name:"SRH",primary:"orange",secondary:"white"},
    {name:"DC",primary:"blue",secondary:"white"},
    {name:"PK",primary:"red",secondary:"yellow"}];

btn.addEventListener('click', function(){
     let guess = Math.floor(Math.random()*arr.length);
     //console.log(guess);
     let winner= arr[guess]
     console.log(winner.name);
     p[1].innerHTML=`${winner.name}`;
     //p[1].style.backgroundColor=`${winner.primary}`
     space.style.color=`${winner.secondary}`
     space.style.backgroundColor=`${winner.primary}`
     


});