アラートの2つの異なる機能の値の比較

Question

私はちょうど初心者のJavascriptを学習し、私は問題があります。

2つの異なる機能の値を比較したいと思います。値 "kliks"が値 "クリック"よりも高い場合、警告：（...）問題の内容はわかりますが、修正方法はわかりません。

My機能コードは以下の通りです：

var kliks = 0; 
var clicks = 0; 


function clickMe() { 
    kliks++; 
    document.getElementById("kliks").innerHTML = kliks; 

} 

function onClick() { 
    clicks++; 
    document.getElementById("clicks").innerHTML = clicks; 
    return clicks; 
} 

if (kliks > clicks) { 
    alert("Something") 
} 

値の関数であるため、VaRは常にIF文で0を与えます。

1つの関数で両方の関数を取得しようとしましたが、関数内にifステートメントを投稿しようとしましたが、修正方法はわかりません。

あなたが私を助けることを願っています！ところで、私の恐ろしい英語のため申し訳ありません

;）

Answer 1

変更は、コードは次のように：klicksがclicksより大きい場合

var kliks = 0; 
var clicks = 0; 


function clickMe() { 
    kliks++; 
    document.getElementById("kliks").innerHTML = kliks; 
    check(); 
} 

function onClick() { 
    clicks++; 
    document.getElementById("clicks").innerHTML = clicks; 
    check(); 
} 

function check() { 
    if (kliks > clicks) { 
    alert("Something") 
    } 
} 

は基本的に、あなたは、各クリック後、確認する必要があります。これは、それぞれclickMeとonClickの関数の中で関数check()を呼び出すことによって行われます。

Answer 2

あなたはあなたの条件は機能のチェックインカプセル化して、あなたの他の機能のそれぞれに、その関数を呼び出すようにしようとすることができ

：

var kliks = 0; 
 
var clicks = 0; 
 

 
function onKlik() { 
 
    kliks++; 
 
    document.getElementById("kliks").innerHTML = kliks; 
 
    checkClicks(); 
 
} 
 

 
function onClick() { 
 
    clicks++; 
 
    document.getElementById("clicks").innerHTML = clicks; 
 
    checkClicks(); 
 
} 
 

 
function checkClicks() { 
 
    if (kliks > clicks) { 
 
     alert("Something"); 
 
    } 
 
}

<div id="kliks" onclick="onKlik();">kliks</div> 
 
<div id="clicks" onclick="onClick();">clicks</div>

Answer 3

var kliks = 0; 
 
var clicks = 0; 
 

 
function clickMe() { 
 
    kliks++; 
 
    document.getElementById("kliks").innerHTML = kliks; 
 
compare(kliks,clicks); 
 
} 
 

 
function onClick() { 
 
    clicks++; 
 
    document.getElementById("clicks").innerHTML = clicks; 
 
    compare(kliks,clicks); 
 
} 
 
var compare = function(kliks,clicks){ 
 
if(kliks > clicks){ 
 
alert('something') 
 
} 
 
}

<div id="kliks" onclick="clickMe();">kliks</div> 
 
<div id="clicks" onclick="onClick();">clicks</div>