如何在点击时动态改变变量的值？

<button id="myButton">点击我</button>

document.getElementById("myButton").addEventListener("click", function() {
  // 在这里编写代码来改变变量的值
});

let myNumber = 10;
document.getElementById("myButton").addEventListener("click", function() {
  myNumber = 20; // 将myNumber的值改为20
});

let myString = "Hello";
document.getElementById("myButton").addEventListener("click", function() {
  myString = "World"; // 将myString的值改为"World"
});

let myBoolean = true;
document.getElementById("myButton").addEventListener("click", function() {
  myBoolean = false; // 将myBoolean的值改为false
});

let myObject = { name: "John", age: 25 };
document.getElementById("myButton").addEventListener("click", function() {
  myObject.name = "Jane"; // 将myObject的name属性值改为"Jane"
});