Javascript 如何在内部编写代码<；预处理>；标记而不应用代码

我有两个地方，第一个是，

，用于编写代码。
第二个是，

，用于显示代码。

<textarea id="inputCode" cols="50" rows="10"></textarea><br/>
<pre id="outputCode"></pre>

问题是，当在文本区域中编写代码以将其显示在第二个位置时，代码被应用并显示为HTML元素，而不仅仅是我想要的代码

错误行为：

正确的行为（我想要的）：

代码：

<pre id="code"></pre>

document.getElementById("code").innerText = "<input type='text' />";

使用设置第二个文本区域的值只会添加文本值，而不会添加HTML

<input type='text' />

示例

---

像这样的吗@里克希区柯克：是的，就像那样。我不介意投反对票，但请告诉我我做错了什么，值得投反对票。