MiniProjektJS

<!DOCTYPE html>
<html lang="pl-PL">
<head>
   <meta charset="UTF-8">
   <link href="new.css" rel="stylesheet" type="text/css">
<title>Wakacje</title>
</head>
<body>
<h1> Wakacje 2021 ✈  </h1>
<p class="Paul">Jeszcze gdy chodziłem do podstawówki, to był tam taki Paweł, i ja jechałem na rowerze, i go spotkałem, i potem jeszcze pojechałem do biedronki na lody, i po drodze do domu wtedy jeszcze, już do domu pojechałem..</p>
<p id="Jaglak">No hejka, co tam się z Tobą dzieje? Skąd to zwątpienie? Dlaczego chcesz teraz się poddać, tylko dlatego, że raz czy drugi Ci nie wyszło? To nie jest żaden powód. Musisz iść i walczyć. Osiągniesz cel. Prędzej czy później go osiągniesz, ale musisz iść do przodu, przeć, walczyć o swoje. Nie ważne, że wszystko dookoła jest przeciwko Tobie. Najważniejsze jest to, że masz tutaj wole zwycięstwa. To się liczy. Każdy może osiągnąć cel, nie ważne czy taki czy taki, ale trzeba iść i walczyć. To teraz masz trzy sekundy żeby się otrząsnąć, powiedzieć sobie "dobra basta", pięścią w stół, idę do przodu i osiągam swój cel. Pozdro..</p>
<p class="cejrus">Zima idzie a ja w starych adidasach już miałem dziurę taką, że można było 2 palce wsadzić więc po miesiącu wyrzeczeń dzięki którym zaoszczędziłem pieniądze, poszedłem wczoraj do galerii handlowej kupić sobie porządne buty na zimę.
W sklepie CCC znalazłem, solidne wykonanie, przystępna cena, modny wygląd- nie zastanawiałem się długo. Wróciłem z butami do domu, pochodziłem w nich po pokoju, poprzeglądałem się w lustrze i czułem dobrze. Jeszcze je solidnie zaimpregnowałem, żeby nie przepuszczały wody i się nie niszczyły.
Dzisiaj poszedłem w swoich nowych butach na uniwersytet. Czułem się dzięki nim bardziej pewny siebie, jak siedziałem na korytarzu to nogi wyciągałem daleko, żeby ludzie lepiej widzieli jakie mam eleganckie buty.
Po zajęciach czekam na przystanku na Krakowskim Przedmieściu na autobus a tu z kawiarni wychodzi znany podróżnik katolicki Wojciech
Cejrowski. Elegancko ubrany a nie w jakąś tam koszulę hawajską, z egzotycznych motywów to miał tylko w ręce taki kubeczek na yerba mate.
Popatrzył się na mnie, na moje buty i podchodzi i zagaduje, czy te buty to są te z CCC za 139,00zł.
Ja mu zadowolony mówię, że tak panie Wojtku, te same dokładnie, i że miło, że pan zauważył.
Cejrowski na to powiedział tylko
>śmieć
Mi szczęka opadła i nie wiem o co chodzi. Cejrowski pyta, którego wyrazu nie rozumiem „śmieć” czy „śmieć”. No to ja mówię, że obydwa rozumiem tylko nie wiem dlaczego tak mówi. Cejrowski mówi, że dlatego, że tylko śmieć może nosić takie biedackie buty. Że on do dzikich krajów jeździł i tam ONZ i Czerwony Krzyż takie buty przysyłał dla biednych ludzi za darmo i nawet oni nie chcieli w nich chodzić tylko wyrzucali. I że nawet było specjalne posiedzenie komisji UNICEF, że nie wolno głodnym dzieciom takich butów dawać, więc tam przestali wysyłać tylko do sklepów do Polski.
Ludzie na przystanku śmiechają pod nosami i się patrzą na moje buty, ja już gula w gardle i staram się jakoś jeden za drugim schować ale to nic nie daje. Ale jednak pomyślałem, że nie dam sobą pomiatać nawet znanemu człowiekowi i krzyczę na Wojciecha, że on sam przecież boso przez świat chodzi więc nie ma prawa się do moich butów przypierdalać.
Cejrowski w śmiech i mówi, że boso to on chodzi w eleganckich krajach zagranicznych a nie w Polsce gdzie co 5 metrów można w psie gówno wejść albo jakąś strzykawkę z HIV, i że po Polsce to on chodzi w porządnych butach i pokazuje mi swoje buty z jakimiś frendzlami, paskami, dolce&gabana i że nawet taki guzik mają, że jak go lawina przysypie w tych butach to on ten guzik naciska i go wtedy można znaleźć pod śniegiem.
Ja nie daję za wygraną i krzyczę, że przecież on jest człowiekiem wierzącym gorliwie i że Pan Jezus chodził boso albo w jakichś rozpadających się sandałach więc dlaczego on mnie obraża. Cejrowski na to, że z tymi sandałami Jezusa to lewacka propaganda II Soboru Watykańskiego i Jezus obuwie dobierał bardzo starannie, i jakby teraz zszedł na ziemię znowu i mnie w takich butach zobaczył to by mi w mordę przywalił.
Ja cały czerwony, nie wiem co powiedzieć, ludzie ryczą ze śmiechu a Wojtek Cejrowski mówi, żebym się zachował jak biały człowiek honoru i te buty zdejmował i wyrzucił. No to ściągam te buty, cały już zaryczany bo tak mi było ich szkoda i odkładam do kosza na śmieci na przystanku delikatnie, bo je chciałem wyjąć jak Cejrowski pójdzie.
Stoję na śniegu w samych skarpetkach, nogi aż pieką od zimna, autobus powoli nadjeżdża, chciałem szybko buty złapać i wskoczyć do środka ale jak się rzuciłem do śmietnika to Wojciech mi zagrodził drogę i powiedział, żebym miał trochę godności. Wsiadłem bosy do autobusu, przejechałem jeden przystanek, wysiadłem i biegiem lecę z powrotem buty zabrać. Grzebię w śmietniku, wszystko wyrzucam z niego ale butów nie ma. Pytam ludzi co stali na przystanku, czy butów ktoś ze śmietnika nie zabrał a oni mówią, że tak, że znany podróżnik Wojciech Cejrowski tutaj był i wziął buty i powiedział, że jedzie na ryzykowną wyprawę do Nepalu i w sam raz będzie miał buty eleganckie i niezawodne.
A ja będę całą zimę chodził w starych adidasach.</p>
<h3> Lista rzeczy, które trzeba wziąć na wyjazd: </h3>
<ul>
<li class="kanapka">Jedna kanapka</li>
<li>Druga kanapka</li>
<li>Przewodnik ornitologiczny</li>
</ul>

<script>
var one=document.getElementById("Jaglak");
console.log(one);
var two=document.querySelector("h3");
console.log(two);
var three=document.getElementsByClassName("Paul");
console.log(three);
var four=document.getElementsByTagName("li");
console.log(four);
var five=document.querySelectorAll("li.kanapka");
console.log(five);
var six=document.querySelectorAll("p.cejrus");
console.log(six);

five[0].style.color="lightgreen";
four[1].textContent="zamiana jeden";
four[2].textContent="zamiana dwa";
two.innerHTML="<p><b>Lista rzeczy, które trzeba wziąć na wyjazd:</b></p>";
three[0].classList.add("klasa");

var seven=document.createElement('li');
var seventext=document.createTextNode('Hamak');
seven.appendChild(seventext);
var position=document.getElementsByTagName('ul')[0];
position.appendChild(seven);

function klikjaglak(){
window.open("https://www.youtube.com/watch?v=xR-E2pwgFJo")
}
one.addEventListener('mousedown', klikjaglak);

function klikpaul(){
window.open("https://youtu.be/XU14gfH0LEs")
}
three[0].addEventListener('click', klikpaul);

function smutnazaba(){
var img=document.createElement('img');
img.src="https://p7.hiclipart.com/preview/0/241/241/pepe-the-frog-internet-meme-humour-frog.jpg";
var position=document.querySelectorAll('p.cejrus')[0];
position.appendChild(img);
}
window.addEventListener('keydown', smutnazaba);

function scroll(){
var img=document.body.innerHTML='<img src="https://static.wikia.nocookie.net/creepypasta/images/4/4b/1287666826226.png/revision/latest?cb=20151223174756&path-prefix=pl" height="1000" size="1000">';
}
window.addEventListener('wheel', scroll);

</script>
</body>
</html>


<!--CSS-->
body{
background-color: grey
}

p {
background-color: red;
}

#Jaglak {
background-color:  orange;
}

.Paul {
background-color: green;
text-align: justify;
}

li {
  width: 200px;
  border: 1px solid black;
}

.ptaki{
}

.klasa{
font-size:large;
}