javascript 函数返回值与 innertext 赋值的正确用法详解：`innertext` 只能接收字符串值，而 `compareresults()` 当前无返回值（默认返回 `undefined`），需将 `console.log()` 替换为 `return` 语句，使函数输出可赋值的字符串。
在 JavaScript 中，element.innerText 是一个只接受字符串类型值的属性。当你执行 addPara.innerText = comResult; 时，若 comResult 是函数调用 compareResults() 的结果，而该函数内部仅使用 console.log() 打印信息却未显式 return 任何内容，则其返回值默认为 undefined——这正是你看到
标签内显示 "undefined" 的根本原因。
✅ 正确做法是：让 compareResults() 函数返回待显示的字符串，而非仅在控制台输出。console.log() 仅用于调试，它不产生可被变量接收的值；return 才是向外部传递数据的关键语句。
以下是重构后的核心代码示例（已优化逻辑并修复关键错误）：
// 游戏选项数组
const picks = ["Lapis", "Papyrus", "Scalpellus"];
// 玩家与电脑对象
const player = { playerChoice: picks[0] }; // 直接初始化选择
const computer = { compChoice: null };
// 电脑随机选择（修复原代码中的属性名错误：应为 compChoice，非 computerChoice）
function computerChooses() {
const randomIndex = Math.floor(Math.random() * picks.length);
computer.compChoice = picks[randomIndex]; // ✅ 修正属性名
}
// 比较结果并返回提示字符串（关键：全部使用 return）
function compareResults() {
computerChooses();
const { compChoice } = computer;
const { playerChoice } = player;
if (compChoice === playerChoice) {
return `It's a Draw! Computer and Player both chose ${compChoice}`;
} else if (compChoice === picks[0]) { // Lapis
return playerChoice === picks[1]
? `Player wins! Computer chose ${compChoice} and Player chose ${playerChoice}`
: `Computer wins! Computer chose ${compChoice} and Player chose ${playerChoice}`;
} else if (compChoice === picks[1]) { // Papyrus
return playerChoice === picks[0]
? `Computer wins! Computer chose ${compChoice} and Player chose ${playerChoice}`
: `Player wins! Computer chose ${compChoice} and Player chose ${playerChoice}`;
} else { // Scalpellus (picks[2])
return playerChoice === picks[0]
? `Player wins! Computer chose ${compChoice} and Player chose ${playerChoice}`
: `Computer wins! Computer chose ${compChoice} and Player chose ${playerChoice}`;
}
}
// 创建并插入结果段落
const addPara = document.createElement("p");
addPara.id = "final-answer"; // 推荐用 .id 而非 setAttribute
addPara.innerText = compareResults(); // ✅ 直接调用，无需中间变量
document.querySelector(".header3")?.append(addPara); // 使用可选链避免空节点报错⚠️ 注意事项：
立即学习“Java免费学习笔记（深入）”；
- 属性名一致性：原代码中 computer.computerChoice 是无效属性（对象定义为 compChoice），不修正将导致比较始终为 false，逻辑失效；
- 避免冗余变量：const comResult = compareResults(); 非必需，直接调用更简洁且防止意外缓存旧结果；
- innerHTML vs innerText：本例推荐 innerText（安全，防 XSS）；若需渲染 HTML 标签才用 innerHTML，但此处纯文本场景无需；
- DOM 插入时机：确保脚本在 DOM 加载完成后执行（如置于
