如何实现JavaScript点击时显示变量？代码替换固定值方法

要把代码里的固定值"8300$"换成变量计算的结果（比如demo + 300），你可以按以下方式修改：

1. 确保变量可访问 #

首先得让变量demo能在myx函数里被读取到，常见两种方式：

• 全局变量：如果demo的值需要在多个函数间共享，就在函数外定义：

  let demo = 8000; // 按需设置初始值
  

• 函数内部变量：如果demo只在这个函数里用，直接在函数内定义即可。

2. 修改赋值逻辑 #

把原来的固定字符串替换成变量计算后的结果，用模板字符串拼接$符号更直观：

全局变量版本代码

let demo = 8000;

function myx() {
    document.getElementById('poo').style.cssText = 'border-color: rgb(0, 0, 255);color: black;font-size: 20px;padding: 0px;margin: 10px 20px';
    // 计算变量值并拼接$
    document.getElementById("demo").innerHTML = `${demo + 300}$`;
}

函数内部变量版本代码

function myx() {
    document.getElementById('poo').style.cssText = 'border-color: rgb(0, 0, 255);color: black;font-size: 20px;padding: 0px;margin: 10px 20px';
    let demo = 8000; // 函数内定义变量
    document.getElementById("demo").innerHTML = `${demo + 300}$`;
}

3. 额外情况：从DOM获取变量值 #

如果demo的值需要从页面元素（比如输入框）获取，可以这样写，还能避免非数值导致的错误：

function myx() {
    document.getElementById('poo').style.cssText = 'border-color: rgb(0, 0, 255);color: black;font-size: 20px;padding: 0px;margin: 10px 20px';
    // 从id为demoInput的输入框获取值，转成整数
    let demo = parseInt(document.getElementById("demoInput").value);
    // 处理非数值情况，默认用0计算
    const result = isNaN(demo) ? 0 : demo + 300;
    document.getElementById("demo").innerHTML = `${result}$`;
}

内容的提问来源于stack exchange，提问作者Manuel Marcus