Javascript 从光标中弹出的Onclick文本（+；1）（如cookie clicker上的文本）

我最近制作了一个非常类似于著名的“cookieclicker”游戏的网页（如果你不知道它是什么的话，请点击谷歌cookieclicker），我想知道Cookie的“onclick”效果是如何实现的

当您在cookie Clicker上单击cookie时，光标会弹出一个文本框，上面写着+1，然后逐渐消失。您可以在原始Cookie Clicker页面上自由查看效果（我更喜欢经典Cookie Clicker的效果，您可以在新版Cookie Clicker右上角的a href上找到）

我的onclick图像（顺便说一句，它不是cookie）已经有onclick/mouseover效果（clickcounter/audioeffects），所以我需要一些与我已经得到的效果相配合的东西。此外，cookie clicker还提供了一个小cookie，它可以以与+1文本相同的方式弹出和淡出，这在我的网站上也会非常神奇

我一直坐在这里，一整天都在尝试编写脚本，但我唯一的结果是脚本崩溃或者我的按钮从网页上消失了。有人能帮我吗？如有必要，将提供有关我的脚本的其他信息（在注释中）

提前感谢大家

-丹尼尔

（这些是我当前的脚本，所有源都是本地文件。）

函数clickCounter（）
{var audio=document.getElementById（“audio”）；
音频播放（）；
if（类型（存储）！=“未定义”）
{
if（localStorage.clickcount）
{
localStorage.clickcount=Number（localStorage.clickcount）+1；
}
其他的
{
localStorage.clickcount=1；
}
document.getElementById（“结果”）.innerHTML=“您已经单击了便便
“+localStorage.clickcount+”次！”；
}
其他的
{
document.getElementById（“结果”）.innerHTML=“很抱歉通知您，您的浏览器
不支持此web存储…我想您可以说您的浏览器是。。。
妈的！啊呀；
}
光标：指针；
}

请在脚本中添加到目前为止您拥有的内容。指向特定游戏（具有您喜欢的功能）的链接也会很有帮助。
函数clickCounter（）if（typeof（Storage）！=“undefined”）{if（localStorage.clickcount）{localStorage.clickcount=Number（localStorage.clickcount）+1；}否则{localStorage.clickcount=1；}document.getElementById（“结果”）.innerHTML=“您已经单击了poop”+localStorage.clickcount+“times！”；}其他{document.getElementById（“结果”）.innerHTML=“对不起，您的浏览器不支持此网页的内容！”；}光标：指针；}
这是我已经拥有的onclick图片效果。抱歉，结构混乱（字符有限）
<script>
function clickCounter()
{var audio = document.getElementById("audio");
   audio.play();
if(typeof(Storage)!=="undefined")
{
if (localStorage.clickcount)
{
localStorage.clickcount=Number(localStorage.clickcount)+1;
}
else
{
localStorage.clickcount=1;
}
document.getElementById("result").innerHTML="<center><b>You have clicked the poop
</b>"+ localStorage.clickcount + "<b> times!</b></center>";
}
else
{
document.getElementById("result").innerHTML="I'm sorry to inform you that your browser
does not support this web storage... I guess you could say that your browser is...
shit! awwww yeaahh!";
}
cursor: pointer;
}
</script>

<center>
<font face="chiller" color="#603913" "font size="300" <align="center"><b>Click the
poop!</b>
</center>
</table>
<center>
<p><picture onclick="clickCounter()"><picture
onmouseover="document.getElementById('touch').play()"><img src="poop.png"></button></p>
</center>