1. (function () {
2.  
3.     function createTooltip(title) {
4.         var div = document.createComment("div"); // utworzenie elementu do HTMLa!
5.  
6.         div.textContent = title;
7.         div.className = "tooltip";
8.         console.log("Wszedlem do createTooltipa");
9.         console.log(div.textContent);
10.         console.log(div.className);
11.        // console.log(div.)
12.         document.querySelector("body").appendChild(div);
13.         document.body.appendChild(div); //
14.         document.body.append(div);
15.     }
16.  
17.     function showSth(event) {
18.         console.log(event.target);
19.         console.log("Najechalem myszka");
20.         console.log("tekst w chmurce dla danego obrazka to  : " + event.target.getAttribute("title"));
21.         var title = event.target.getAttribute("title");
22.         createTooltip(title);
23.     }
24.  
25.     function hideSth() {
26.         console.log("Zjechalem mysza");
27.     }
28.  
29.     var titles = document.querySelectorAll("[title]"); //znajdzie kazdy element na stronie ktory ma atrybut title
30.  
31.     for (var i = 0; i < titles.length;++i){
32.         titles[i].addEventListener("mouseenter", showSth, false)
33.         titles[i].addEventListener("mouseleave", hideSth, false)
34.  
35.     }