如何在浏览器中查看我的JavaScript？

我刚开始学习JS，我想知道如何显示代码的结果

下面是我想使用的一小部分测试代码，但在浏览器中查看时，页面是空白的：

if ( 11 > 10 ) 
{
   console.log("You made it!")  
}
else 
{
   console.log("You have just died!")    
}

---

我想知道如何能够以与本网站相同的方式呈现我的代码：

---

您正在向控制台打印一些值；因此，您需要使用安装在首选浏览器上的开发人员工具

比如说

如果希望在html本身中显示内容，则需要在文档中插入DOM元素

var container = document.getElementById('container');

if ( 11 > 10 ) 
{
   container.innerHTML ="You made it!";  
}
else 
{
   container.innerHTML = "You have just died!";
}

---

快速而肮脏的方法是这样做：

document.write( "text" ) //de ...or:
document.writeln( "text" )

更优雅的方法是创建DOM元素并写入其中，例如：

在HTML中创建一个类似

的元素（或者也可以使用JS），然后：

---

取决于你想做什么。。。您可以提醒用户

alert(MESSAGE);

也可以设置DIV的值：

document.getElementById('someDiv').innerHTML = MESSAGE;

更多示例如下：

---

如果您可以将代码包装到特定的函数中，那么您可以将javascript代码附加到

pre

标记中，最后附加到body中，类似这样的内容

var myJsCode = function () { 
    if ( 11 > 10 ) {
       console.log("You made it!")  
    }
    else {
       console.log("You have just died!")    
    }
}

document.write('<pre>' + myJsCode + '</pre>');

var myJsCode=function（）{
如果（11>10）{
log（“你成功了！”）
}
否则{
log（“你刚刚死了！”）
}
}
编写（“”+myJsCode+“”）；

我想他希望在浏览器中按原样显示代码。是的，我希望在加载页面时能够在浏览器中以纯文本的形式查看输出。您是否希望在浏览器中按原样显示javascript代码？您需要打开开发工具（大多数浏览器上都是F12，或者您可以在菜单中找到它），在那里，您可以找到带有输出的控制台。对于像您这样的简单示例，您还可以将

console.log

替换为

document.write

，因为它只有一个输出。@isherwood:Complex？向页面写入内容是初学者的事情。显然，不清楚OP希望复制示例页面的哪个方面。早期的回答提到在浏览器控制台中看到输出。我的理解是OP想要一个功能更全面的JS创作工具。这里没有笑话，只是问题不够清楚。谢谢！我知道document.write，但我只是没有正确地使用它！：）

.appendChild（）

不接受HTML。它需要一个DOM节点。要像那样附加HTML，您可以使用

.insertAdjacentHTML（）

我没有投票，但请看一下您的答案。这没有道理。如果你只是想亲自测试一下，你会发现这是完全错误的。你无法捕获函数中console.log调用的输出并将其用作字符串。我想听听给出+1的人的解释。现在我确实需要投反对票。“如何才能呈现我的代码。”+1这个问题模棱两可，这是一个有效的答案，因为它将代码呈现给page@Austin：所以在你的脑海中，

文档。写（“我的代码”）

将是一个有效的答案。问题很清楚，但有时我们需要阅读的不仅仅是标题。

document.getElementById('someDiv').innerHTML = MESSAGE;

var myJsCode = function () { 
    if ( 11 > 10 ) {
       console.log("You made it!")  
    }
    else {
       console.log("You have just died!")    
    }
}

document.write('<pre>' + myJsCode + '</pre>');