javascript - Javascript インクリメント y=++x

Question

次のコードを機能させるのに問題があります。

<p><b>y=++x</b></p>

<button onclick="increPlusx_eg()">Show Result</button>

<p id="incrementPlusx_eg"></p>

<script>
function increPlusx_eg()
{
var x=25;
var y=++x;
var incpxEg=document.GetElementById("incrementPlusx_eg")
incpxEg.innerHTML="y+" + y + ", x=" + x;
}
</script>

どんな助けでも大歓迎です。

ありがとう、JJ

Answer 1

関数の中にありますvar x=25;。関数を実行するたびに、リセットします。

定義を関数の外に移動します。

var x=25;
function increPlusx_eg()
{
var y=++x;

関数の命名エラーもあります。小文字でGetElementById始まります。この種のエラーが報告されるブラウザの JavaScript コンソールに注意を払う必要があります。 g

Answer 2

または、簡単な解決策は、これを HTML として設定することです。

<button id = "incrementPlusx_eg">Show Result</button>

次のJSを使用します

(function() {
    var x = 25;
    var y = ++x;
    var incpxEg = document.getElementById('incrementPlusx_eg');
    incpxEg.addEventListener('click', function() {
        alert('x: ' + x + '; y: ' + y);
    }, false);
})();