Challenge: Click Logger Functionality

Complete the challenge of implementing a click logger functionality.

Problem statement

In the initial code setup provided below, a simple Angular application with one component, click-logger, has been created. You are required to implement the following tasks:

  1. Display the Educative logo image in the click-logger component.

Note: You can find the image inside the src/assets folder. The styling of the image has already been implemented in the style.css file. You just need to call the class in your displaying image code.

  1. Implement the click logger functionality. When the image is clicked, the application should display the “You did it!” message.

  2. Render the click-logger component in the main application.

Expected output

  1. When you run the application, you should see the Educative logo image like this:

Get hands-on with 1200+ tech skills courses.