help with javascript bubble text

Question

I am trying to display a bubble with text when you click on a text. So far I am hard with it. any help?

<span onclick="BubbleTalk('types are checked during compile time')">Static</span>

<div id="Bubble" style="position: fixed; right: 250px; top: 200px; width:250px; height: 200px; visibility: hidden;">
<img src="bubble.png" alt="tip" height="200" width="250" style="position: fixed">
<p style="position: fixed; margin-left: 90px; margin-top: 80px;"></p>
<script>
function BubbleTalk(text) {
var BBL = getElementById('Bubble');
BBL.style.visibility = 'visible';
BBL.p.innerHTML = text;
};
</script>

Answer 1

https://code.sololearn.com/Wut70TF7sl5R/?ref=app

Answer 2

https://code.sololearn.com/WBW96bT2t9oC/?ref=app

Answer 3

No , no, this is not right. The text inside has to be the text you specified when you called the function. NOT "text".

Answer 4

Thank you very much