Паказ запісаў у запісной кніжцы на JavaScript

Давайце цяпер зробім так, каб па націсканні на спасылку ў тэкстарэі з'яўляўся тэкст адпаведнай запісу. Відавоўна, што якім-небудзь чынам трэба звязаць кожную спасылку з адпаведным ёй элементам аб'екта з тэкстамі.

Самы просты варыянт - у момант стварэння спасылкі на запіс даваць ёй 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, затым будзем атрымліваць тэкст з элемента аб'екта з такім нумарам, і затым будзем запісваць гэты тэкст у тэкстарэю.

Рэалізуйце пастаўленую падзадачу.

Зрабіце так, каб спасылка той запісы, якая праглядаецца ў дадзены момант, была актыўнай - гэта значыць вылучалася якім-небудзь чынам, напрыклад, фонам.