Click handlers are already added to the elements of the seasons list
But one more handler is needed.
When clicking on any item in this list, the Updated message should be logged to the console.
Use the internal script.

This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Seasons</title>
    <style>
      * {
        font-family: monospace;
      }
      h2 {
        text-align: center;
      }
      ul {
        display: grid;
        list-style: none;
        grid-template-columns: repeat(4, 1fr);
        justify-items: center;
      }
      li {
        background-color: rgb(255, 198, 0);
        padding: 16px 8px;
        color: white;
        width: 200px;
        text-align: center;
        font-size: 16px;
      }
    </style>
  </head>
  <body>
    <h2>Seasons</h2>
    <ul>
      <li onclick="console.log('Winter selected')">Winter</li>
      <li onclick="console.log('Spring selected')">Spring</li>
      <li onclick="console.log('Summer selected')">Summer</li>
      <li onclick="console.log('Autumn selected')">Autumn</li>
    </ul>
  </body>
</html>