# Showing notepad notes in JavaScript

Let's now make it so that when you click on the link, the text of the corresponding entry appears in textarea. It is obvious that somehow you need to associate each link with the corresponding element of the object with texts.

The simplest way is at the time of creating a link to a note to assign a `data-` attribute with the number of the object element to it, for example, like this:

`<div id="menu"> <ul id="notes"> <li data-key="1">note 1</li> <li data-key="2">note 2</li> <li data-key="3">note 3</li> </ul> </div>`

In this case, the algorithm of our task will be reduced to the following: by clicking on the link, we will read the contents of its `data-key` attribute, then we will get the text from the element of the object with that number, and then we will write this text into the text area.

Implement the assigned subtask.

Make sure that the link of the note that is currently being viewed is active - that is, it's highlighted in some way, for example, with the background.

↑
en ru