How to substitute title text in a link using JS?

Question

JavaScript

How to do. so that when you click on a link, the title with the class .maintitleis substituted at the end of the path of this link and goes to it?

<h1 class="maintitle">Музей Искусств</h1>
<a class="map-link" href="https://yandex.ru/maps/krasnodar/"></a>

Answer 1

1. Attach a click event handler to the required link
   
2. In the handler:
   1. Find element.maintitle
      
   2. Get its text (or any property)
      
   3. Change the property hrefof the clicked link
   
   
3. If the handler has not canceled the default action, then the browser will continue to process the link will go to the changed URL