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以小写字母 g开头。您需要注意将报告此类错误的浏览器的 JavaScript 控制台。

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);
})();