我正在努力解决这个JavaScript代码难题。我真的很挣扎，想听听建议吗？
我正在努力提高我的调试能力，但我很难做到这一点。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Clicker</title>
<meta name="description" content="">
<style></style>
</head>
<body>
<button>Click!</button>
<script>
const counter = {
cnt: 0,
inc: function() {
cnt++;
console.log(cnt);
}
};
const button = document.getElementsByTagName('button')[0];
button.addEventListener('click', counter.inc(), false);
</script>
</body>
</html>
但是我得到错误
未捕获引用错误：未在第19行上定义cnt
inc函数中没有定义cnt变量。它(cnt(存在于对象counter中，而不存在于函数inc中。您也可以使用this参考来解决此问题。网上有几篇关于它的文章。
const counter = {
cnt: 0,
inc: function() {
counter.cnt++;
console.log(counter.cnt);
}
};