时间戳

首页 > 解决方案 > 无法从 javascript 文件中的数组获取输出以显示在 html 页面上

javascript - 无法从 javascript 文件中的数组获取输出以显示在 html 页面上

问题描述

我是 javascript 新手，我有一个从 1 计数到 100 的程序，检查每个数字是否是三或五的倍数。如果它是三的倍数，则将单词 Fizz 添加到数组中。如果它是五的倍数，则将 Buzz 添加到数组中。如果是两者的倍数，则将 FizzBu​​zz 添加到数组中。否则，如果它不是两者的倍数，它只会添加数字。我相信它有效，但我似乎无法让输出显示在 html 页面上。

我尝试通过执行以下操作来调整 javascript 中的 document.getElementById 部分

任何帮助，将不胜感激！

HTML（名为索引的文件）：

<!DOCTYPE html>
<html>
    <head>
        <title>Fizz Buzz Challenge</title>
        <script src="fizzBuzz.js" charset="utf-8"></script>
    </head>

    <body>
        <h2>The Fizz Buzz Test:</h2>
        <div id = "output"> </div>
    </body>
</html>

Javascript（名为 fizzBu​​zz 的文件）：

const result = [];
for(let i = 1; i <= 100; i++){
  if(i % 3 === 0 && i % 5 === 0) {
    result.push('FizzBuzz');
  } //if end
  else if (i % 3 === 0) {
    result.push('Fizz');
  } //else if end
  else if (i % 5 === 0) {
    result.push('Buzz');
  } // else if end    
  else {
      result.push(i);
  } //else end
} //for

document.getElementById("output") = result.join();

标签： javascripthtml

解决方案

只需添加.innerText或.innerHTMLdocument.getElementById("output")

应该可以正常工作，并且很好地开始旧的 FizzBu​​zz 算法。

推荐阅读