javascript - console.log 和 HTML 之间有什么联系?

标签 javascript jquery html

这里是初学者,所以我可能没有使用正确的术语来描述这一点。我有一个 for 循环,else if 语句通过 console.log 生成结果.

我想要做的是将这些结果(基本的 fizzbuzz 问题)显示在 HTML 页面上。我读了很多书,却因为自己无法解决这个问题而感到有点沮丧。我的猜测应该是 .append但我不知道这是否正确,或者事件(?)应该是什么。 (例如;.click、.hover 等)

如果您需要更多信息,请告诉我。我的头因我所经历的所有代码而困惑。任何帮助将不胜感激!

这是我的js代码:

var choice = prompt("What number should we count up to?");

for (var i = 1; i <= choice; i++) {
    if (i % 15 === 0) {
        console.log('FizzBuzz');
    } else if (i % 3 === 0) {
        console.log('Fizz');
      } else if (i % 5 === 0) {
        console.log('Buzz');
    } else {
        console.log(i);
    }

  }

和 html:

<!DOCTYPE html>
<html>
   <head>

    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all'>
    <script src="js/jquery-1.11.1.js"></script>        
    <script src="js/fizzBuzz.js"></script>

    <title>FizzBuzz!</title>  
  </head>    
  <body>

  <ol id="log">

  </ol>


</body>
</html>

该标签现在是某种占位符......

最佳答案

Console.log 写入 JavaScript 控制台,即在浏览器上按 F12(见下图)

您的代码似乎可以正常工作,因为它已成功写入控制台。

要在浏览器窗口中输出,一种方法是使用 JQuery,如本答案所示 Inserting HTML into a div

enter image description here

关于javascript - console.log 和 HTML 之间有什么联系?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23945763/

相关文章:

javascript - window.open 触发 print onLoad 时父窗口卡住

html - 链接在重叠的 Div 中不起作用

html - jquery中未定义的路径

jquery - 使用 jQuery 的多重选择器

javascript - 如何在 Google Chrome 中使用 iframe 查看包含 JQuery 的网页

Jquery 等待按键

html - 在 XAML 代码中转义 HTML 标签

javascript - 如何将可观察数组中的默认值绑定(bind)到下拉列表?

Javascript:随机文本,鼠标悬停时显示真实文本

javascript - 从 img src 属性中提取字符串?