correct

js6.1/index.js

@@ -1,6 +1,6 @@
 // Task 6.1
 let body = document.body;
-let tags = ['div', 'ul', 'section', 'a', 'li'];
+let tags = ['div', 'ul', 'section', 'a', 'p'];
 let classes = ['list', 'item', 'gallery', 'holder', 'box'];
 let style = document.createElement ('style')
 document.head.appendChild ( style )
@@ -12,5 +12,6 @@ style.innerText = `.list {color: red;}
 for(let i = 0; i < tags.length; i++) {
     let result = document.createElement(tags[i]);
     result.classList.add(classes[i]);
+    result.innerText = `animals`
     document.body.appendChild(result)
 }

js6.2/index.js

@@ -1,8 +1,8 @@
 // Task 6.2
 let tags = [
-    {tag: 'div', class: 'item', style: 'color: red;', text: 'subject'},
-    {tag: 'ul', class: 'list', style: 'list-style: none;', text: 'definition'},
-    {tag: 'section', class: 'gallery', style: 'background: #5363db;', text: 'photo'}
+    {tag: 'div', class: 'item', style: 'color: red; cursor: pointer;', text: 'subject'},
+    {tag: 'ul', class: 'list', style: 'cursor: pointer;', text: 'definition'},
+    {tag: 'section', class: 'gallery', style: 'background: #5363db; cursor: pointer;', text: 'photo'}
 ];
 for(let i = 0; i < tags.length; i++) {
     let tagName = tags[i].tag;
@@ -11,7 +11,7 @@ for(let i = 0; i < tags.length; i++) {
     let tagText = tags[i].text;
     let result = document.createElement(tagName)
     result.addEventListener( 'click', function(event) {
-        event.target.innerText = `${tagText}`;
+        event.target.style = `color: green;`;
     })
     result.classList.add(tagClass);
     result.setAttribute('style', tagStyle);

js7.2/index.js

@@ -6,6 +6,7 @@ function over ( event ) {
 }
 function out ( event ) {
     event.target.style.backgroundColor = '#ff00ff50';
+    event.stopPropagation();
 }
 function clickHandler ( event ) {
     event.target.remove();