Results summary component using vanilla JS and CSS

Hi everyone 👋

What do you think of my solution? 🔍

I was originally setting the img src using .outerHTML but I did some research and found that this may be vulnerable to XSS (cross site scripting) attacks. ⚠ 🐞 🐛 ⚠

So I used this solution instead where we create an instance of the Image class and set the src attribute on it programatically. This will prevent script injection if the data.json file is corrupt. 💪

I enjoyed refactoring this code as I started off with verbose and repetitive code then gradually made it better, especially by using the array.prototype.reduce() and forEach() functions.

How else can I improve my component fam?

AngusG