每次单击按钮时如何更改变量的更改值

Question

我有两个变量，每次单击按钮时，我都需要在已经在变量内的值上添加数字。

这是我的代码：

var x = e.pageX;
var y = e.pageY;

我有 x 和 y 变量，每次单击 button.But 时，我都需要添加 x 30 和 y 22 现在，当我单击按钮时，我只添加一次这个数字，当我再次点击没有任何反应。

var xLeft = x + 30;
var yTop = y + 22;

Answer 1

HTML:

<button id="btn" onclick="myfunc()"></button>

js:

    function myfunc() {
      a += 2
    }

Answer 2

请检查以下示例

var x = 10
var y = 20
var xLeft=0
var yTop=0

function clickFunction() {
   xLeft +=  x + 30
   yTop +=  y + 22
   
   console.log("xLeft :" + xLeft)
   console.log("yTop :" + yTop)
}

<!DOCTYPE html>
<html>
<body>

<button type="button" onclick="clickFunction()">Click Me!</button>
 
</body>
</html>

每次单击按钮时如何更改变量的更改值

How to change change value of variable every time when I click on button

javascript

variables

numbers