jqureryのtodoアプリ作成

Question

現在jQueryを使用してtodoアプリの作成をしていますが、どうしてもつまずいているところがあるので質問させていただきます。
様々なHPや動画をみてもよくわからなかったので質問させていただきます

現在

    <main>
        <div id="target" class="targetClass"></div>
        <div>
         <input type="text" id="input" value="">
         <input type="button" id="button" value="入力">
         <input type="button" id="button2" value="取消">
         
       </div>

      <h2 id="title1" class="title3">jqueryの練習</h2>
      <ul>
          <li id="javascript">javascript</li>
          <li id="jquery">jquery</li>
          <li id="php">PHP</li>
      </ul>
　　　 <h3 id="title2" class="title4">課題</h3>
      <ol>
          <li id="text1">やる事リスト</li>
          <li id="text2">GitHub</li>
      </ol>
      
      

を作成し、入力すれば出力さされるようになりました。
そこで、入力した文字列をPHPの下に表示させたいのですが、その際

function append() {
      $('ul').append('<ul class="title1"></ul>');
      $('#button').click(function() {
        var value = $('#input').val();
      $('.title1').append('<li class="php">${#text}</li>');
      $('#input').val('');
      });}

と作成したところ、PHPの下に出力されるようになりましたが、入力した文字が適切に反映されない状況となっています。、
そこで質問なのですが、
１、入力した文字が正しく反映させるにはどのコード部分を変えればいいでしょうか
２、正しいコードはどのようなものなのでしょうか

お手数おかけしますがよろしくお願いします。

Comments

[gentaro]

タイプミスは直したほうが良いですよ（tidoってなんやねん、となる）

[turugi0331]

大変失礼いたしました。
誤字の指摘有難うございます。修正いたしました。

Answer 1

と作成したところ、PHPno下に出力されるようになりましたが、入力した文字が適切に反映されない状況となっています。、

誤字ってますがまぁともかく…
「適切に反映されない」というのがどういうものなのか、具体的に書きましょう。
（ここ読んでおいて下さい）

とりあえず

$('.title1').append(`<li class="php">${value}</li>`);

こうじゃね？
とは思いますが。

Comments

[turugi0331]

ご回答有難うござます。無事入力することができました！