codeMirrorのjsファイル適用について

ＷebサイトにcodeMirrorを表示し、あるサイトを作成しているのですが、jsファイルを使うことができません

どのようにすればHTMLファイルからjsファイルを適用できますか？

<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <title>Git Tutorial Level1</title>
    <script src="sample1-2.js"></script>
    <link rel="stylesheet" href="sample1-1.css">
  </head>
  <body>
    <div class="container">
      <h1 style="text-align: center; font-size=500%">sample1-2</h1>
      <hr style="margin-left: auto; margin-right: auto;">
      <div style="text-align: center;">これはcodemirror勉強用です。</p>
        <p>&nbsp;</p>
        <div><textarea id="editor_js" rows="20" cols="60"></textarea></div>
        <script type="text/javascript">
        CodeMirror.fromTextArea(document.getElementById("editor_js"), {
          lineNumbers: true});
        </script>
        <br>
        <br>
      </div>
    </div>
  </body>
</html>
```javascript
var jsEditor = CodeMirror.fromTextArea(document.getElementById('editor_js'), {
    mode: "javascript",
    lineNumbers: true,
    indentUnit: 4,
    autoCloseBrackets: true
});

行動規範の内容に同意します

回答1件

ベストアンサー

以下のようにCodeMirrorのjsとcssを読み込めばいいのではないかと
※バージョンやcdnは必要があれば変更してください
※CodeMirrorのjsとcssをダウンロードして配置方法もあるかと

html
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
5    <title>Git Tutorial Level1</title>
6    <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.2.0/codemirror.js"></script>
7    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.2.0/codemirror.css"/>
8    <script src="sample1-2.js"></script>
9    <link rel="stylesheet" href="sample1-1.css">
10  </head>
11  <body>
12    <div class="container">
13      <h1 style="text-align: center; font-size=500%">sample1-2</h1>
14      <hr style="margin-left: auto; margin-right: auto;">
15      <div style="text-align: center;">これはcodemirror勉強用です。</p>
16        <p>&nbsp;</p>
17        <div><textarea id="editor_js" rows="20" cols="60"></textarea></div>
18        <script type="text/javascript">
19        CodeMirror.fromTextArea(document.getElementById("editor_js"), {
20          lineNumbers: true});
21        </script>
22        <br>
23        <br>
24      </div>
25    </div>
26  </body>
27</html>