Давайте теперь сделаем так, чтобы по нажатию на ссылку в текстареа появлялся текст соответствующей записи. Очевидно, что каким-то образом нужно связать каждую ссылку с соответствующем ей элементом объекта с текстами.
Самый простой вариант - в момент создания
ссылки на запись давать ей data- атрибут
с номером элемента объекта, например, так:
<div id="menu">
<ul id="notes">
<li data-key="1">запись 1</li>
<li data-key="2">запись 2</li>
<li data-key="3">запись 3</li>
</ul>
</div>
В таком случае алгоритм нашей задачи сведется
к следующему: по нажатию на ссылку будем
прочитывать содержимое ее атрибута data-key,
затем будем получать текст из элемента объекта
с таким номером, и затем будем записывать
этот текст в текстареа.
Реализуйте поставленную подзадачу.
Сделайте так, чтобы ссылка той записи, которая просматривается в данный момент, была активной - то есть выделялась каким-нибудь образом, например, фоном.