制作石头剪刀布游戏：点击按钮修改全局变量及元素textContent的问题求助

嘿，我来帮你捋捋这个问题～首先得纠正一个误解：你的代码里playerMove作为全局变量，点击事件里的赋值其实是能修改它的外部值的，你觉得“仅在函数内部有效”大概率是测试时机不对！

先验证全局变量是否真的被修改 #

比如你可以这样调整代码来验证：

let playerMove = '';
const rock = document.createElement('button');
rock.textContent = 'Rock';
// 别忘了把按钮添加到页面上，不然点不到哦
document.body.appendChild(rock);

rock.onclick = function() {
    playerMove = 'Rock';
    console.log('点击后内部值：', playerMove); // 这里会输出Rock
    // 点击后可以在控制台手动输入playerMove，会发现它已经变成全局的'Rock'了
}

// 这行是初始值，还没点击按钮当然是空字符串
console.log('初始外部值：', playerMove);

你之前可能是在点击按钮前就打印了playerMove，或者没有在点击后重新查看它的全局状态——实际上点击事件里的赋值已经成功修改了全局变量。

点击按钮修改元素textContent的示例 #

如果你想在点击按钮时修改页面元素的内容，逻辑和修改全局变量类似，比如：

// 先创建并添加一个显示结果的元素到页面
const resultDisplay = document.createElement('div');
document.body.appendChild(resultDisplay);

rock.onclick = function() {
    playerMove = 'Rock';
    // 修改元素的textContent
    resultDisplay.textContent = `你的选择：${playerMove}`;
}

优质学习资源建议 #

• MDN Web Docs：重点看「DOM事件处理」和「Node.textContent」相关章节，里面有非常详细的基础概念和实战示例，能帮你理清DOM交互的核心逻辑。
• 前端基础实战项目：比如跟着做简单的交互小项目（像 TodoList、猜数字游戏），这类项目会大量用到点击事件绑定和元素内容修改，通过实战能快速巩固知识点。

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