Rating component with dynamic content creation using DocumentFragment

I haven't yet used a framework. Using vanilla JS while dynamically updating content can be quite tedious. I did create a utility function to create a new element and add it to a parent, but much of the other functionality I just left inside the event listener body. Not the best but this is just a small component. However, I did enjoy using documentFragement to update the DOM in one swoop, so let me know what you think of that and if you have any tips or ideas!