HTML buttons (with tooltip?)

[dmi3kno]

I understand we can create clickable buttons by assigning a button class to some text with links. This is what I do:

[Take the quiz!](quiz.qmd){.btn .btn-outline-primary .btn role="button"} 

What I would love to have is a tooltip activated on hover, like

[Take the quiz!](quiz.qmd){.btn .btn-outline-primary .btn role="button" data-toggle="tooltip" title="Here's a tooltip"}

I understand that there should a toggle JS function included somewhere on the page. Can you guys JS wizards guide me whether it is possible to add a tooltip to my cool little button and where should I plug in the activating JS code? I understand that once we activate the tooltip, the placement tag should work as well.

[cderv]

Did you try already to use this ?

Using this

---
title: "Untitled"
format: html
---

[Take the quiz!](quiz.qmd){.btn .btn-outline-primary .btn role="button" data-toggle="tooltip" title="Here's a tooltip"}

I got the tooltip on hover

Not sure how / what activate this by default though.

Are you using an other format ?

[dmi3kno]

oops I guess I solved my own question. It does not show in Rstudio preview, but visible in the browser. Thanks!