Advertisement
KacperLewczuk

miniprojekt

Apr 11th, 2021
689
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.45 KB | None | 0 0
  1. <html>
  2.  
  3.  <head>
  4.     <meta charset="utf-8">
  5.  
  6.  
  7.   <link rel="stylesheet" href="style.css">
  8.   </head>
  9.  
  10. <body>
  11.     <div id="header">
  12.   <h1 style="text-align: left">Kwiecień w ogrodzie- co robić?</h1>
  13.  </div>
  14.  
  15.  
  16.  
  17.  
  18.   <p1 class="akapit" style="text-align: left">
  19.    
  20.     Sezon ogrodniczy rozpoczyna się na dobre. Na rabatach kwitną już rośliny cebulowe, a w sadach drzewa owocowe. Budzą się drobne ssaki i owady. Rozmarznięta ziemia pachnie świeżością. Ogrodnicy wreszcie mają co robić – po wiosennych porządkach pora na pierwsze poważne nasadzenia. Dowiedz się, co jeszcze trzeba zrobić w ogrodzie w kwietniu.
  21.    
  22.    
  23.          
  24.         <br>
  25.    
  26.    
  27.    
  28.      
  29.        
  30.    
  31.  
  32.    
  33.    
  34.     </p1>
  35.    
  36. <br>
  37. <br>
  38. <br>
  39. <h2>Co robić w kwietniu w naszych ogrodach?</h2>
  40.     <p2 class=akapit2>
  41.        
  42.         <br>
  43.        <ol>
  44.            
  45.             <li id='element1'>  Usuwamy zimowe osłony roślin wrażliwych na mrozy (włókniny i maty słomiane oczyszczamy, suszymy i składamy; będzie ją można wykorzystać ponownie jesienią) i rozgarniamy kopczyki.
  46.         Sprzątamy rabaty – wycinamy suche pędy zeszłorocznych bylin, spulchniamy ostrożnie podłoże uważając na delikatne wiosenne rośliny cebulowe i usuwamy wschodzące chwasty.
  47.         Jeżeli gleba w ogrodzie już porządnie rozmarzła, rozpoczynamy nawożenie roślin. Osoby, które nie mają dużo czasu na pielęgnację roślin powinny sięgnąć po preparaty długodziałające. Nawozy po zastosowaniu mieszamy z podłożem, a potem ziemię podlewamy.</li>
  48.            
  49.     </p2>
  50.  
  51. <br>
  52. <br>
  53. <br>
  54.     <p3 class=akapit3>
  55.        
  56.        
  57.         </ol>
  58.    
  59.     </p3>
  60.  
  61.  
  62.  
  63. <script>
  64. var zmienna1 = document.getElementById('element1');
  65. console.log(zmienna1);
  66. var zmienna2 = document.getElementsByClassName('akapit3');
  67. console.log(zmienna2);
  68. var zmienna3 = document.getElementsByTagName('li');
  69. console.log(zmienna3);
  70. var zmienna4 = document.querySelector('h1');
  71. console.log(zmienna4);
  72. var zmienna5 = document.querySelectorAll('ol');
  73. console.log(zmienna5);
  74.  
  75. zmienna4.style.color="red";
  76. zmienna4.textContent="Witajcie w moim ogrodzie"
  77.  
  78. zmienna3[0].style.backgroundColor="purple";
  79.  
  80. var nowyelement=document.createElement('li');
  81. var tekst=document.createTextNode("Odpady organiczne powstałe podczas pielęgnacji ogrodu wyrzucamy na kompost. Jeśli do tej pory nie zaczęliśmy kompostować, warto wiosną postawić termokompostownik lub rozpocząć kompostowanie na tradycyjnej pryzmie. Najlepsze miejsce do kompostowania to zacieniony kąt ogrodu. Na kompost wyrzucamy tylko zdrowe części roślin i chwasty, które nie zawiązały jeszcze nasion.Gdy ustąpią mrozy dobrze jest spryskać modrzewie i świerki, aby zapobiec rozwojowi ochojnika świerkowo-modrzewiowego.Przycinamy liściaste zimozielone krzewy ozdobne (np. bukszpany) tworzące żywopłoty oraz te, którym chcemy nadać ciekawe kształty.");
  82. nowyelement.appendChild(tekst);
  83. var pozycja = document.getElementsByTagName('ol')[0];
  84. pozycja.appendChild(nowyelement);
  85.  
  86. var wielkosctekstu = 22;
  87.  
  88. zmienna4.addEventListener("click", () => {
  89.     zmienna4.style.color="red";
  90.     wielkosctekstu=wielkosctekstu + 5;
  91.     zmienna4.style.fontSize=wielkosctekstu;
  92.     });
  93.  
  94. var kolor=1;
  95.  
  96. zmienna3[0].addEventListener('click', () => {
  97. if (kolor%2==0)
  98. {
  99. zmienna3[0].style.backgroundColor="purple";}
  100. else
  101. {
  102.     zmienna3[0].style.backgroundColor="red";
  103. }
  104. kolor++;
  105. });
  106.  
  107. </script>
  108.  
  109. </body>
  110.  
  111. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement