请求修改JavaScript求和代码：将结果改为弹窗显示

只需要将原代码中修改DOM元素内容的逻辑，替换为JavaScript原生的alert()函数即可实现弹窗展示结果的需求，以下是修改后的完整代码：

修改后的JavaScript代码 #

function sumOfNumbers() {
  var theNumber = parseInt(document.getElementById("txtNumber").value);
  if (theNumber > 0) {
    var theSum = 0;
    for (var num = 1; num <= theNumber; num++) {
      theSum += num;
    }

    // 替换为alert弹窗展示求和结果
    alert("The sum of all the numbers from 1 to " + theNumber + " is " + theSum);
  } else {
    // 错误提示同样用弹窗展示
    alert("Enter positive number please!");
  }
}

修改后的HTML代码 #

（不再需要页面内的div展示结果，可选择移除该元素，保留也不会影响功能）

<input type="text" id="txtNumber">
<input type="button" value="Calculate Sum" onclick="sumOfNumbers()" />
<br>
<!-- 不需要页面内展示时可删除此行 -->
<div id="theSum"></div>

CSS代码（无修改需求） #

div {
  font-size: 16px;
}

说明 #

• alert()函数会调用浏览器原生提示窗口，完全匹配你预期的弹窗效果
• 原有的数字求和计算逻辑无需改动，仅替换结果输出方式即可

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