====== LU06.S06 - Events - food counting ======

===== Solution =====
{{ :en:modul:m291:learningunits:lu06:loesungen:lu06.s06.zip | Sorce-code of the solution }}

===== Assignments  ======
  - Test the code example provided to you: When moving the mouse over a list food elements each element must change the backgroundcolour to grey. After moving the mouse away from the food, the background colour must turn back to white.
  - Make sure that you have the title <h1>  and have the correctl filename: **lu06.s06.html**  
  - Additionally to the current features, we also want to count how many times each food was moved over by the mouse. This count must be shown after each food element. 
  - And finally, count as well how many time the foods were clicked in total. 
  - Save your result in Webstorm, too. 
  - In order to display the food-images, you need to download them and save it in your media-directory. 
  - Needless to say, that the image-path must be adjusted, e.g. "../media/image_burrito.svg"
  - The result must look as following:

{{:en:modul:m291:learningunits:lu06:loesungen:lu06.s06.png?1200|Solution executed in the W3School-Sandbox}}

{{:en:modul:m291:learningunits:lu06:loesungen:lu06.s06_2.png?1200|Solution in Webstorm editor}}


===== Vocabulary =====
^ English ^ German ^ 
| ... | ...|


----
[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir