Как на выбранной букве из алфавита показать текст этой буквы? Ванильный Javascript

Question

Я вытаскиваю текст из ДЖЕЙСОНА.Теперь я хочу нажать на письмо, чтобы показать текст для этого письма.Пример, если я нажимаю на A, я хочу показать текст для A. Пример моего json:

{
    "id": 1,
    "letter": "A",
    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget rutr ."
},
{
    "id": 2,
    "letter": "B",
    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
},

Теперь я зациклился на json, чтобы показать 'A', 'B', 'C' и эту работуштраф:

   const alphabetHolder = document.querySelector(".alphabet")
    module.data.forEach((letter) => {
        console.log(letter.letter)
        const p = document.createElement("p")
        p.innerHTML = letter.letter
        alphabetHolder.appendChild(p)
    })

Опять мой вопрос: как при нажатии на букву показывается текст с этого json?

Answer 1

Использование find:

const arr = [{
    "id": 1,
    "letter": "A",
    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget rutr ."
},
{
    "id": 2,
    "letter": "B",
    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
}];

const findByLetter = l => (arr.find(({ letter }) => letter == l) || { text: "" }).text;

console.log(findByLetter("A"));
console.log(findByLetter("B"));