Javascript 按钮onclick不执行该功能

我的小提琴有问题：

按钮onclick=“myValami（）”

，似乎不起作用。。这个按钮应该在函数“myValami”中执行clearinterval，但它什么也不做。我检查了拼写，检查了不止一次。我浏览了几个问题，两个似乎都不能解决我的问题。我甚至试着一步一步地从W3学校复制代码，但仍然不起作用。我怀疑我遗漏了一些显而易见的东西。谢谢你的回答

使用以下方法连接事件侦听器，而不是内联JavaScript：

var c=document.getElementById（“画布”）；
var ctx=c.getContext（“2d”）；
ctx.fillStyle=“#ff0066”；
ctx.fillRect（100,100,50,50）；
var X=100；
变量Y=100；
var W=50；
var H=50；
var interval=window.setInterval（myRect，10）；
函数myRect（）{
ctx.fillRect（X，Y，W，H）；
ctx.fillRect（X=X+1，Y，W，H）；
}
函数myValami（）{
间隔时间；
}
var button=document.querySelector（'button'）；
按钮。addEventListener（'click'，myValami）

停止
已修复：


为按钮输入一个id（例如id=“btnStop”），并使用以下功能：

btnStop.onclick = function() {
clearInterval(interval);
}

首先，您缺少浏览器控制台，它将告诉您脚本中有哪些错误。所以你现在去那里看看，然后你回到这里，报告它要说的话。（编辑问题。另外，直接在问题中包含相关代码。请阅读。）