JS with popover

[PadowYT2]

Hey guys, I need js for popover, here's what I mean:

When a cursor is hovering over an object, it shows a popover with the html that I present, for example popover.show(data.html);. The data.html is for example:

<div data-popover id="popoverContent" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 dark:bg-gray-700">
    {{username}}
    <div class="popover-arrow" data-popper-arrow></div>
</div>

and {{username}} is replaced with a username each different on other popovers. This example can be seen in here. It is using Fomantic UI