このJSでHTMLテキストが変更されないのはなぜですか？

Question

このJSコードを使用して、ボタンをクリックするたびにHTMLのパラグラフのテキストを金の値に設定しようとしましたが、テキストは1のままです。なぜですか？

ありがとうございます。 ：D

Answer 1

あなたは関数を呼び出し、その結果をハンドラに渡します。関数を呼び出すことなく関数を渡す必要があります。

また、実際に金額を増やす必要があります。それ以外の場合は、常にinnerHTML = 0 + 1です。

function goldclick() { 
    gold += goldperclick; 
    goldCounter.innerHTML = gold; 
} 

と

goldGenerator.addEventListener("click", goldclick); 

動作するはずです。この

goldGenerator.addEventListener("click", goldclick); 

へ

Answer 2

金の変数を増やす必要があります。要素に加算の結果を割り当てるため、常に1になります。

goldGenerator.addEventListener("click", goldclick()); 

それはあなたがaddEventListenerに機能goldclickを渡すべきである

goldGenerator.addEventListener("click", goldclick); 

次のようになります。

function goldclick() { 
    //Add this 
    gold += goldperclick; 
    goldCounter.innerHTML = gold 


} 

Answer 3

この行に問題があります。

あなたのコードが現在行っていることは、goldclickを呼び出して、この関数の結果をaddEventListenerに渡すことです。

Answer 4

変更この

goldGenerator.addEventListener("click", goldclick()); 

あなたはコールバックではなく、関数呼び出しの結果としてgoldClickを渡したいです。