trials.qmd

# hover test

<button id="button">My button</button>

<p id="pA" style= "margin-Top: 70px">My p</p>


<script src="../../Web_Code/Js/popper_Tooltip_General.js"></script>

<div id="tooltip">
    My tooltip
<div id="arrow" data-popper-arrow></div>
</div>

<script src="https://unpkg.com/@popperjs/core@2"></script>

<script>
    const popcorn = document.querySelector('#button');
    const tooltip = document.querySelector('#tooltip');

    const popperInstance = Popper.createPopper(popcorn, tooltip, {
    modifiers: [
        {
        name: 'offset',
        options: {
            offset: [0, 8],
        },
        },
    ],
    });

    run_Pop(popcorn);

</script>