如何让countUp Javascript包工作？_Javascript_Packages

如何让countUp Javascript包工作？

javascript

如何让countUp Javascript包工作？,javascript,packages,Javascript,Packages,我正在尝试实现countUp Javascript包，但得到一个错误：[countUp]目标为null或未定义。countUp Javascript包的gitHub存储库是。对于有此软件包使用经验的个人，我的问题是如何修复代码以避免此错误？代码如下： <html> <title>Count Up Test</title> <head> <script src="countUp.js"></script> </head

我正在尝试实现countUp Javascript包，但得到一个错误：[countUp]目标为null或未定义。countUp Javascript包的gitHub存储库是。对于有此软件包使用经验的个人，我的问题是如何修复代码以避免此错误？代码如下：

<html>
<title>Count Up Test</title>
<head>
<script src="countUp.js"></script>

</head>
<body>
<h1 id="tester">100</h1>

<script>

var options = {
    useEasing: true,
    useGrouping: true,
    separator: ',',
    decimal: '.',
};

tester1 = document.getElementById('tester').innerHTML;
console.log(tester1);

var test1 = new CountUp('tester1', 100, 1500, 0, 2.5, options);
if (!test1.error) {
    test1.start();
} else {
    console.error(test1.error);
}

</script>
</body>
</html>

我尝试为DOM添加eventListener，尝试使用window.onload，console.logtester1显示100

只需在下面的一行中将tester1更改为tester

var test1 = new CountUp('tester', 100, 1500, 0, 2.5, options);

假设您有这样一个html元素

<h1 id="tester">100</h1>

请注意，html元素的id与传递给CountUp tester的字符串相匹配

CountUp构造函数的第一个参数是一个字符串，表示要使用的html元素的id属性。基本上，CountUp将调用getElementById本身，并为您查找DOM节点。

不确定为什么这个问题被否决。如果投反对票的人能提供一些反馈，这将是很有帮助的。