[alrosavilla]

Здравствуйте.
Написал JS код такого рода.
Есть массив констант. Каждая содержит короткую фразу (подсказку). При клике на кнопку определенные фразы из массива вставляются в определенные дивы. Дивы помечены такими же именами как и константы из массива поэтому нужная фраза попадает в нужный див.
Я новичок и код написал кривенько. Дело в том что пришлось сделать второй массив с именами констант, и это не удобно, когда нужно добавлять новые константы.
Посмотрите, пожалуйста, может у вас будут идеи как от второго массива уйти?

export const gerAftPrep = "they normally put gerunds after prepositions";
export const presPerf = "brace yourself, it's the Present Perfect";
export const negatives = "need a special verb before not";
export const posPron = "possessive pronouns may be with you";
export const americans = "Americans often use the past simple instead of the present perfect";
export const toBe = "Check out the forms of to be";
export const prepTo = "Check out the prepositions of movement"

let tipNames = ["gerAftPrep", "presPerf", "negatives", "posPron", "americans", "toBe", "prepTo"];
let tips = [gerAftPrep, presPerf, negatives, posPron, americans, toBe, prepTo];
export function showTips()
    {   
        let elements = document.querySelectorAll('p[name]');
        elements.forEach(function(element,i)
            {
                let nameElement = element.getAttribute("name");
                tipNames.forEach(function(value, index)
                    {
                        if (value === nameElement)
                        {
                            element.textContent = tips[index];
                        }
                    }
                )
            }           
        )
    }