jquery - オンクリック機能が動作しない

Question

このスクリプトを作成しようとしましたが、関数 oncall を呼び出すと機能しますが、ボタンを作成して onclick 関数を使用すると、スクリプトは実行されません。

var i = 0;

function increase() {

    var amount = parseInt($('.amount').text());

    i = amount;
    var random = Math.floor(Math.random() * amount);
    var counter = window.setInterval(function () {
        if (i == amount + random) {
            window.clearInterval(counter);
        }
        document.getElementById('result').innerHTML = i++;
    }, 10);
}

http://jsfiddle.net/7MLK5/2/

Answer 1

これは、JSFiddle が wi​​ndow.load という関数内にコードを配置するためです。したがって、作成した関数はカプセル化されているため、javascript パネル内には表示されません。

ここでコードを更新し、関数を js パネルの外に移動しました

http://jsfiddle.net/7MLK5/2/

<div class="button" onclick="increase();">Increase</div>
<p id="result" class="amount">50</p>
<script type="text/javascript">

    var i = 0;
function increase() {
    var amount = parseInt($('.amount').text());
    i = amount;
    var random = Math.floor(Math.random() * amount);
    var counter = window.setInterval(function () {
        if (i == amount + random) {
            window.clearInterval(counter);
        }
        document.getElementById('result').innerHTML = i++;
    }, 10);
}

</script>