Question

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

我想要做的是在HTML页面上显示这些结果（基本的fizzbuzz问题）。我一直在读高低，并且有些气馁，我无法自己解决这个问题。我的猜测应该是.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>

标签现在是各种各样的占位符......

Answer 1

Console.log写入javascript控制台，即在浏览器上点击F12（见下图）

您的代码似乎有效，因为它成功写入了控制台。

要在浏览器窗口中输出，一种方法是在此答案中使用JQuery Inserting HTML into a div

enter image description here

Answer 2

试试这个：
用于添加到字符串/文本末尾的+=运算符 .innerHTML属性引用HTML标记内的文本。

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

  }

我建议您使用一些分隔符，例如：

log.innerHTML += ',Buzz';
// OR:
log.innerHTML += 'Buzz<br/>';

console.log和HTML之间有什么联系？

2 个答案: