求助：Rock Paper Scissors项目点击按钮后结果换行显示问题

• 使用块级元素逐个插入结果
  替换你当前直接拼接innerHTML的方式，每次生成结果后创建新的<p>元素，将结果文本赋值给它的textContent，再追加到结果容器中。代码示例：

  function showResult(resultText) {
    const resultBox = document.getElementById('result');
    const newResult = document.createElement('p');
    newResult.textContent = resultText;
    resultBox.appendChild(newResult);
  }
  

  调用这个函数来展示结果，<p>作为块级元素，每个结果会自动独占一行，完全符合你的需求。

• 若坚持用innerHTML拼接，添加HTML换行标签
  HTML中\n不会被渲染成换行，需要用<br>标签代替。修改你的拼接逻辑：

  document.getElementById('result').innerHTML += resultText + '<br>';
  

  这样每次结果后都会插入换行标签，实现换行效果。

• 排查你之前尝试失败的常见原因
  你提到的创建p/br元素无效，通常是这两个问题：

  1. 只创建了元素，但没有通过appendChild()或insertBefore()将其添加到页面的结果容器中；
  2. 重复复用同一个DOM元素（比如始终修改同一个p的内容，而不是每次新建），导致旧结果被覆盖，无法累加换行。

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