如何创建一个可以显示代码的特定位置？

<div class="code-container">
  <pre>
    <code>
      // 在这里插入你的代码
    </code>
  </pre>
</div>

// 使用JavaScript将代码插入到展示区域中
const codeContainer = document.querySelector('.code-container');
const code = `
  function helloWorld() {
    console.log('Hello, World!');
  }
  helloWorld();
`;

codeContainer.innerHTML = `<pre><code>${code}</code></pre>`;

<!-- 引入Prism代码高亮库 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs/themes/prism.css" />
<script src="https://cdn.jsdelivr.net/npm/prismjs/prism.js"></script>

<!-- 在代码展示区域中应用相应的语言类 -->
<div class="code-container">
  <pre>
    <code class="language-javascript">
      // 在这里插入你的代码
    </code>
  </pre>
</div>