How can i get the value of an object inside of array and put on the DOM but each time that i push the button change it to the next object

const btnReload = document.querySelector(‘#button’);

btnReload.addEventListener(‘click’, reload);

function reload () {

    const conjunto = words.map((word) => word.word);
    const conjunto2 = words.map((word) => word.palabra);
    const conjunto3 = words.map((word) => word.sentence);
    const conjunto4 = words.map((word) => word.oracion);

    wordy.textContent = conjunto[0]
    palabraHTML.textContent = conjunto2[0]
    sentence.textContent = conjunto3[0]
    oracion.textContent = conjunto4[0]

}

const words = [

{
word: “the”,
palabra: “El / Los”,sentence: “The sun is up”,
oracion: “El sol ha salido”
},
{
word: “be”,palabra: “Ser / Estar”,sentence: “Don’t be sad”,
oracion: “No estes trsite”
},
{
word: ‘as’,palabra: ‘como (adv.)’,sentence: ‘He used me as a guinea pig’,
oracion: ‘Me utilizó como conejillo de indias’
},
{
word: ‘will’, palabra: ‘(futuro), voluntad’, sentence: ‘Will she come?’,
oracion: ‘¿Vendrá? (Ella)’
}