为什么这个Javascript计数器不能工作？

我正在尝试制作一个按钮，将1添加到已经设置的值0001、0002、0003，等等。这就是我目前所拥有的；感谢您的帮助

我尝试过很多其他方法，这是我所能做到的，我对编码的知识有限，因此我请求帮助。我怀疑问题出在Javascript上，但我不知道

函数连接{ str++； 计数 } var-str=1； 函数计数{ document.getElementById'followers'。innerHTML=str.lpad0，4； } String.prototype.lpad=functionpadString，长度{ var str=这个； 而str.length如前所述，递增后str不是字符串。一个不使用原型的好理由。这是一个更干净的版本，不使用内联事件行onload

注意，我给了按钮一个ID，并将函数的名称更改为它们实际执行的操作

当count=1时，我实际上会添加代码来将人更改为人

var-num=1； window.addEventListenerload，函数{//on page loade document.getElementByIdjoin.addEventListenerclick，functionevent{ num++； 显示 } show；//第一次 } const pad=num，howMany，what=>ArrayhowMany.joinwhat+num.slice-howMany； 功能表演{ document.getElementById'followers'。innerHTML=padnum，4，0 } .按钮{ 不透明度：1； 显示：块； 左边距：自动； 右边距：自动； 宽度：25%； 边界半径：30px； 文本对齐：居中； 文字装饰：无； 背景色：1D； 边界：无； 颜色：白色； 填充：15px 42px； 字体大小：25px； 光标：指针； 大纲：无； } .按钮2{ 盒影：0 12px 16px 0 rgba0,0,0,0.24,0 17px 50px 0 rgba0,0,0,0.19； } .按钮：激活{ 背景色：080808； 盒影：0 12px 16px 0 rgba0,0,0,0.24,0 17px 50px 0 rgba0,0,0,0.19； 转换：translateY4px； } .反包裹{ 文本对齐：居中； 填充：.75rem 2rem 1.25rem； 显示：内联块； 保证金：0自动； 背景：url../images/counter-starburst-blue.svg； 背景位置：上中； 背景重复：无重复； 背景尺寸：70px自动； 宽度：100%； } *, ：：之后， ：：之前{ 框大小：边框框； } .字母间距{ 字母间距：2px； } .文本大写{ 文本转换：大写！重要； 字体系列：蒙特塞拉特，无衬线； 颜色：4d4f54； } .柜台{ 显示：内联块； 保证金：1.25雷姆。75雷姆。25雷姆。75雷姆； 字号：2rem； 线高：.875； 字号：900； 颜色：273654； } 按钮测试 0000 人 JoinNote执行str++将导致str最终成为一个数字原语值而不是字符串。因此str.lpad调用将失败，因为str不再是字符串，并且没有该方法。您应该在浏览器开发工具的javascript控制台中看到这样一个错误