如何让JavaScript显示在编辑器中?

时间:2014-11-02 19:06:43

标签: javascript editor jsfiddle

我正在使用codecademy学习JavaScript,我想在编辑器中测试一些我自己的for循环(目前使用jsfiddle)。

这是我在JavaScript部分中输入的非常简单的代码。

for (var i = 4; i < 24; i = i + 1) {
    console.log(i);
}

在codecademy的课程中,它给了我一个列表。但是,当我点击跑步时,没有任何东西出现在jsfiddle中。

如何在编辑器中运行JavaScript?

2 个答案:

答案 0 :(得分:0)

根据建议,您可以使用F12或同等版本打开控制台。您还可以使用自定义日志记录功能创建或使用div将结果写入:

基本上类似于:

function log(str) {
  var logdiv = document.querySelector('#result');
  if (!logdiv) {
    logdiv = document.createElement('div');
    logdiv.id = 'result';
    document.body.appendChild(logdiv);
  }
  logdiv.innerHTML += '<p>'+str+'</p>';
}

你的循环可以使用:

for (var i = 4; i < 24; i = i + 1) {
    log(i);
}

jsFiddle

答案 1 :(得分:0)

console.log()不打印到页面,而是打印到控制台。您可以使用以下快捷方式访问控制台:

  • Firefox Ctrl+Shift+K
  • Chrome Ctrl+Shift+J
  • Safari Command+Option+C
  • Opera :最新版本不支持此功能,但可在Dragonfly扩展程序中使用。

希望这有所帮助,祝你好运!