countUp Javascriptパッケージはどのように動作しますか？

-1

countUp Javascriptパッケージを実装しようとしていて、エラーが発生しています。[CountUp] targetがnullまたは未定義です。 countUp JavascriptパッケージのgitHubリポジトリはhttps://github.com/inorganik/CountUp.jsです。私の質問は、このパッケージの経験がある個人にとって、このエラーを回避するためにコードを修正する方法はありますか？ここでは、コードです：countUp Javascriptパッケージはどのように動作しますか？

<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.log（tester1は）ただ、tester1を変える100

出典

2017-12-12 jeppy7

なぜこの質問が投票されたのか分かりません。これを投票した人が何らかのフィードバックを提供してくれると助けになるでしょう。 – jeppy7

を示し下の行でtesterに....

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

は

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

0 ...あなたは、このようなHTML要素を持っていると仮定すると、

HTML要素のidがカウントアップ（「テスター」）に渡された文字列と一致していることに注意してください

のコンストラクタの最初のパラメータは、使用するhtml要素のid属性を表す文字列であります。基本的にはgetElementByIdを呼び出し、DOMノードを検索します。

出典

2017-12-12 23:57:15

ありがとうございました！それは動作します！ – jeppy7

countUp Javascriptパッケージはどのように動作しますか？

答えて

関連する問題