Djangoで動的にページ表示を行いたい

前提

Djangoを用いて簡易的なアプリを作成しています。

実現したいこと

1. ページ遷移する
2. model.pyでスクレイピングを行う。
3. Google Cloud Storage からcsvを読み込む。
4. 2, 3で取得したデータ数に応じたhtmlをjsで生成する。
5. 遷移先のページに表示する。

発生している問題・エラーメッセージ

・model.pyで取得したデータをjsに渡す方法
・jsでhtmlを生成（{{ sample }}などの変数を含む）

上記の方法がわかりかねます、、。
ご教示いただけたら幸いです。

該当のソースコード

JavaScript

// 追加したい要素const elm = document.createElement('h1');elm.id = 'sample-id'; // 要素取得const tag_body = document.querySelector('body'); // 要素追加tag_body.appendChild(elm.cloneNode()); // view.pyからの受け皿作成const tag_h1 = document.querySelector('#sample-id');tag_h1.innerHTML = '{{ sample }}';

試したこと

上記の「該当のソースコード」にて記載しているコードをjsに記載し、views.py でrender()を行うと、ページには「{{ sample }}」と表示される。

遷移先のindex.htmlの内容が表示されたあとに、jsで作成した要素が追加されているためこのようになるのかと思うのですが、jsで要素を生成 -> htmlをページに表示 にすることは可能でしょうか？

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。