javascript - {{message}} == "sometext" を確認して特定の画像を表示する方法

Question

コードの {{message}} == "sometext" をチェックするために、django をコードに実装する方法を調べています。現在、あるページに互いに表示されるテキストを入力する入力がありますが、ユーザーの入力を特定の画像と一致させて別のページに表示するのに問題があります。

 $(document).ready(function(){ 
    var img = document.createElement("img");
    img.src = "images/150.png";
    var img2 = document.createElement("img2");
    img2.src = "images/005.png";
    var img2 = document.createElement("img2");
    img2.src = "images/005.png";
    var img3 = document.createElement("img3");
    img3.src = "images/008.png";
    if({{message.get()}}== "Mewtwo"){
    var src = document.getElementById("image1");
    src.appendChild(img);


    if({{message.get()}}== "Charmeleon"){
    var src = document.getElementById("image1");
    src.appendChild(img2);

    if({{message.get()}}== "Warturtle"){
    var src = document.getElementById("image1");
    src.appendChild(img3);
    } })

誰かがこれにどのようにアプローチできるかについてアドバイスを提供できますか?