质数检测JavaScript程序结果无法在页面显示问题求助

1. 在HTML页面中添加结果容器 #

在你的用途说明和“刷新页面重新运行”提示之间，插入一个专门用来显示检测结果的元素：

<div id="result-container"></div>

2. 修改JavaScript代码，将结果渲染到页面容器中 #

以下是完整的质数检测+页面显示结果的代码示例：

// 等待页面DOM加载完成后再执行代码，避免找不到元素
document.addEventListener('DOMContentLoaded', function() {
  // 获取用户输入的数字
  const inputNum = parseInt(prompt("请输入一个正整数："));

  // 质数检测逻辑
  let isPrime = true;
  if (inputNum <= 1) {
    isPrime = false;
  } else if (inputNum === 2) {
    isPrime = true;
  } else if (inputNum % 2 === 0) {
    isPrime = false;
  } else {
    for (let i = 3; i <= Math.sqrt(inputNum); i += 2) {
      if (inputNum % i === 0) {
        isPrime = false;
        break;
      }
    }
  }

  // 生成结果文本
  const resultContent = isPrime ? `${inputNum} 是质数` : `${inputNum} 不是质数`;

  // 将结果插入到页面的容器中
  const resultContainer = document.getElementById('result-container');
  resultContainer.textContent = resultContent;
  // 可自定义结果样式，比如调整字体、颜色和间距
  resultContainer.style.fontSize = '1.2em';
  resultContainer.style.color = '#2d3436';
  resultContainer.style.margin = '15px 0';
});

常见问题排查 #

• 确保JS代码是在DOM加载完成后执行的，否则会出现找不到result-container元素的情况
• 检查输入值是否被正确转为整数，避免字符串类型导致的计算错误
• 如果页面存在其他JS代码，可暂时移除测试，排除代码冲突问题

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