kromilla/flowers

flowers's Issues

main.js Bug Report

Based on the code provided, here are a few potential issues:

1. The onload event handler is not assigned to any HTML element. This means that the code will not execute when the page loads. To fix this, you can attach the onload event handler to the window object, like this: window.onload = () =>{ ... }.
2. The classList property is only supported in modern browsers. If you need to support older browsers, you may want to use the className property instead, or include a polyfill for classList.
3. The remove method may throw an error if the specified class does not exist in the classList. To avoid this, you can check if the class exists before trying to remove it, like this: if (document.body.classList.contains("container")) { document.body.classList.remove("container"); }.
4. The code only removes the "container" class from the body element. If there are other elements on the page that also have this class, they will not be affected. To remove the class from all elements, you can use a loop, like this:

Array.from(document.body.getElementsByClassName("container")).forEach(
  (element) => element.classList.remove("container")
);

5. The code does not handle errors that may occur when trying to remove the class. To make the code more robust, you can add error handling, like this:

onload = () =>{
  try {
    Array.from(document.body.getElementsByClassName("container")).forEach(
      (element) => element.classList.remove("container")
    );
  } catch (error) {
    console.error("Error removing class: ", error);
  }
};

main.css Bug Report

Here are some potential bugs in the code:

1. There is no HTML code provided, so it is unclear if the CSS selectors are correctly targeting the intended elements.
2. The --fl-speed custom property is defined but not used in the .flower__leaf selector.
3. The --w and --h custom properties are used in the .flower__line__leaf selector, but they are not defined anywhere.
4. The --size custom property is used in the .flower__grass__leaf selector, but it is not defined in the .flower__grass__leaf--1, .flower__grass__leaf--2, .flower__grass__leaf--3, .flower__grass__leaf--4, .flower__grass__leaf--5, .flower__grass__leaf--6, .flower__grass__leaf--7, and .flower__grass__leaf--8 selectors.
5. The --line-w custom property is used in the .flower__grass selector, but it is not defined anywhere.
6. The --c custom property is used in the .flower__grass and .flower__g-long selectors, but it is not defined anywhere.
7. The --dark-color custom property is used in the .long-g .leaf selector, but it is not defined anywhere.
8. The var(--d) custom property is used in the .grow-ans selector, but it is not defined anywhere.
9. The --d custom property is used in the .grow-ans selector, but it is not defined anywhere.
10. The --line-w custom property is used in the .flower__grass selector, but it is not defined anywhere.
11. The --line-w custom property is used in the .flower__grass--top and .flower__grass--bottom selectors, but it is not defined anywhere.
12. The --line-w custom property is used in the .flower__grass__leaf selector, but it is not defined anywhere.
13. The --line-w custom property is used in the .flower__grass__leaf--1, .flower__grass__leaf--2, .flower__grass__leaf--3, .flower__grass__leaf--4, .flower__grass__leaf--5, .flower__grass__leaf--6, .flower__grass__leaf--7, and .flower__grass__leaf--8 selectors, but it is not defined anywhere.
14. The --line-w custom property is used in the .flower__grass__overlay selector, but it is not defined anywhere.
15. The --line-w custom property is used in the .flower__g-long selector, but it is not defined anywhere.
16. The --line-w custom property is used in the .flower__g-long__top and .flower__g-long__bottom selectors, but it is not defined anywhere.
17. The --line-w custom property is used in the .flower__g-right selector, but it is not defined anywhere.
18. The --line-w custom property is used in the .flower__g-right .leaf selector, but it is not defined anywhere.
19. The --line-w custom property is used in the .flower__g-front selector, but it is not defined anywhere.
20. The --line-w custom property is used in the .flower__g-front .flower__g-front__line selector, but it is not defined anywhere.
21. The --line-w custom property is used in the .flower__g-fr selector, but it is not defined anywhere.
22. The --line-w custom property is used in the .flower__g-fr .leaf selector, but it is not defined anywhere.
23. The --line-w custom property is used in the .long-g .leaf selector, but it is not defined anywhere.
24. The --line-w custom property is used in the .long-g--1, .long-g--2, .long-g--3, .long-g--4, .long-g--5, .long-g--6, and .long-g--7 selectors, but it is not defined anywhere.
25. The --line-w custom property is used in the .long-g .leaf selector, but it is not defined anywhere.
26. The --line-w custom property is used in the .long-g--1, .long-g--2, .long-g--3, .long-g--4, .long-g--5, .long-g--6, and .long-g--7 selectors, but it is not defined anywhere.
27. The --line-w custom property is used in the .long-g .leaf selector, but it is not defined anywhere.
28. The --line-w custom property is used in the .long-g--1, .long-g--2, .long-g--3, .long-g--4, .long-g--5, .long-g--6, and .long-g--7 selectors, but it is not defined anywhere.
29. The --line-w custom property is used in the .long-g .leaf selector, but it is not defined anywhere.
30. The --line-w custom property is used in the .long-g--1, .long-g--2, .long-g--3, .long-g--4, .long-g--5, .long-g--6, and .long-g--7 selectors, but it is not defined anywhere.
31. The --line-w custom property is used in the .long-g .leaf selector, but it is not defined anywhere.
    32