diff --git a/2-ui/2-events/04-default-browser-action/1-why-return-false-fails/solution.md b/2-ui/2-events/04-default-browser-action/1-why-return-false-fails/solution.md
@@ -1,16 +1,16 @@
-When the browser reads the `on*` attribute like `onclick`, it creates the handler from its content.

-For `onclick="handler()"` the function will be:

```js
function(event) {
-  handler() // the content of onclick
}
```

-Now we can see that the value returned by `handler()` is not used and does not affect the result.

-The fix is simple:

```html run
<script>
@@ -23,7 +23,7 @@ The fix is simple:
<a href="https://w3.org" onclick="*!*return handler()*/!*">w3.org</a>
```

-Also we can use `event.preventDefault()`, like this:

```html run
<script>

diff --git a/2-ui/2-events/04-default-browser-action/1-why-return-false-fails/task.md b/2-ui/2-events/04-default-browser-action/1-why-return-false-fails/task.md
@@ -2,9 +2,9 @@ importance: 3

---

-# Why "return false" doesn't work?

-Why in the code below `return false` doesn't work at all?

```html autorun run
<script>
@@ -14,9 +14,9 @@ Why in the code below `return false` doesn't work at all?
  }
</script>

-<a href="https://w3.org" onclick="handler()">the browser will go to w3.org</a>
```

-The browser follows the URL on click, but we don't want it.

-How to fix?
diff --git a/2-ui/2-events/04-default-browser-action/2-catch-link-navigation/solution.view/index.html b/2-ui/2-events/04-default-browser-action/2-catch-link-navigation/solution.view/index.html
@@ -16,15 +16,15 @@
  <fieldset id="contents">
    <legend>#contents</legend>
    <p>
-      How about to read <a href="https://wikipedia.org">Wikipedia</a> or visit <a href="https://w3.org"><i>W3.org</i></a> and learn about modern standards?
    </p>
  </fieldset>

  <script>
    contents.onclick = function(event) {

      function handleLink(href) {
-        let isLeaving = confirm(`Leave for ${href}?`);
        if (!isLeaving) return false;
      }


diff --git a/2-ui/2-events/04-default-browser-action/2-catch-link-navigation/source.view/index.html b/2-ui/2-events/04-default-browser-action/2-catch-link-navigation/source.view/index.html
@@ -16,7 +16,7 @@
  <fieldset id="contents">
    <legend>#contents</legend>
    <p>
-      How about to read <a href="https://wikipedia.org">Wikipedia</a> or visit <a href="https://w3.org"><i>W3.org</i></a> and learn about modern standards?
    </p>
  </fieldset>


diff --git a/2-ui/2-events/04-default-browser-action/2-catch-link-navigation/task.md b/2-ui/2-events/04-default-browser-action/2-catch-link-navigation/task.md
@@ -2,15 +2,15 @@ importance: 5

---

-# Catch links in the element

-Make all links inside the element with `id="contents"` ask the user if they really want to leave. And if they don't then don't follow.

-Like this:

[iframe height=100 border=1 src="solution"]

-Details:

-- HTML inside the element may be loaded or regenerated dynamically at any time, so we can't find all links and put handlers on them. Use event delegation.
-- The content may have nested tags. Inside links too, like `<a href=".."><i>...</i></a>`.
diff --git a/2-ui/2-events/04-default-browser-action/3-image-gallery/solution.md b/2-ui/2-events/04-default-browser-action/3-image-gallery/solution.md
@@ -1 +1 @@
-The solution is to assign the handler to the container and track clicks. If a click is on the `<a>` link, then change `src` of `#largeImg` to the `href` of the thumbnail.
diff --git a/2-ui/2-events/04-default-browser-action/3-image-gallery/source.view/index.html b/2-ui/2-events/04-default-browser-action/3-image-gallery/source.view/index.html
@@ -2,7 +2,7 @@
<html>

<head>
-  <title>Gallery</title>
  <link rel="stylesheet" href="gallery.css">
  <meta charset="utf-8">
</head>
@@ -12,21 +12,21 @@
  <p><img id="largeImg" src="https://en.js.cx/gallery/img1-lg.jpg" alt="Large image"></p>

  <ul id="thumbs">
-    <!-- the browser shows a small built-in tooltip on hover with the text from "title" attribute -->
    <li>
-      <a href="https://en.js.cx/gallery/img2-lg.jpg" title="Image 2"><img src="https://en.js.cx/gallery/img2-thumb.jpg"></a>
    </li>
    <li>
-      <a href="https://en.js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="https://en.js.cx/gallery/img3-thumb.jpg"></a>
    </li>
    <li>
-      <a href="https://en.js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="https://en.js.cx/gallery/img4-thumb.jpg"></a>
    </li>
    <li>
-      <a href="https://en.js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="https://en.js.cx/gallery/img5-thumb.jpg"></a>
    </li>
    <li>
-      <a href="https://en.js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="https://en.js.cx/gallery/img6-thumb.jpg"></a>
    </li>
  </ul>


diff --git a/2-ui/2-events/04-default-browser-action/3-image-gallery/task.md b/2-ui/2-events/04-default-browser-action/3-image-gallery/task.md
@@ -2,12 +2,12 @@ importance: 5

---

-# Image gallery

-Create an image gallery where the main image changes by the click on a thumbnail.

-Like this:

[iframe src="solution" height=600]

-P.S. Use event delegation.
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		The solution is to assign the handler to the container and track clicks. If a click is on the `<a>` link, then change `src` of `#largeImg` to the `href` of the thumbnail.