如何在 html 页面上显示类似于 chrome 片段的控制台，以便它可以 运行 Javascript 不包含警报的命令
How to display a console similar to chrome snippets on an html page so it can run Javascript commands that don't include alerts
我正在学习 Javascript，目前在 HTML 和 CSS 方面有一些经验。因此，我制作了一个包含不同页面的小型网站，您可以访问这些页面来试用我编写的一些代码。所有这些都使用警报命令和弹出窗口。我现在尝试在网站上显示的内容是我一直在使用 Chrome 代码段的内容，因为控制台。无论如何，是否可以将控制台集成到我的网页中，以便当您点击 运行 按钮时，它将 运行 一组预加载的代码。
最终产品我只想单击页面上的按钮，它 运行 一个程序并在控制台中显示给我。然后也许将其中的几个放在一个页面上以展示我学到的所有东西，例如 fizzbuzz 问题或任何东西。我希望这是有道理的。谢谢。
没有简单的方法可以将 JS 控制台集成到网页上。
您可以尝试在 GitHub 上分叉 JS bin（有点像复制代码以便您可以进行自定义），但是对于您描述的技能组合来说这可能有点复杂在你的问题中。
如果你想简单地展示你的作品，你可以使用JSFiddle, Code Pen, Repl, or JS Bin。
或者，如果您只想显示输出，您可以覆盖 DOM 元素的 element.innerHTML 或 element.textContent 属性，而不是使用 console.log。
正如波尔多所说，不确定他们是否有办法做到这一点。
但如果需要，您可以重写 console.log()。
这是一个简单的例子：
<div id="fakeConsole"></div>
const console = {
log: function(str) {
document.getElementById('fakeConsole').innerHTML+=str+"<br>";
}
}
console.log('testMe')
console.log('testMe again')
我正在学习 Javascript，目前在 HTML 和 CSS 方面有一些经验。因此，我制作了一个包含不同页面的小型网站，您可以访问这些页面来试用我编写的一些代码。所有这些都使用警报命令和弹出窗口。我现在尝试在网站上显示的内容是我一直在使用 Chrome 代码段的内容，因为控制台。无论如何，是否可以将控制台集成到我的网页中，以便当您点击 运行 按钮时，它将 运行 一组预加载的代码。
最终产品我只想单击页面上的按钮，它 运行 一个程序并在控制台中显示给我。然后也许将其中的几个放在一个页面上以展示我学到的所有东西，例如 fizzbuzz 问题或任何东西。我希望这是有道理的。谢谢。
没有简单的方法可以将 JS 控制台集成到网页上。
您可以尝试在 GitHub 上分叉 JS bin（有点像复制代码以便您可以进行自定义），但是对于您描述的技能组合来说这可能有点复杂在你的问题中。
如果你想简单地展示你的作品，你可以使用JSFiddle, Code Pen, Repl, or JS Bin。
或者，如果您只想显示输出，您可以覆盖 DOM 元素的 element.innerHTML 或 element.textContent 属性，而不是使用 console.log。
正如波尔多所说，不确定他们是否有办法做到这一点。
但如果需要，您可以重写 console.log()。
这是一个简单的例子：
<div id="fakeConsole"></div>
const console = {
log: function(str) {
document.getElementById('fakeConsole').innerHTML+=str+"<br>";
}
}
console.log('testMe')
console.log('testMe again')