todoで個別にタスクを削除したい

前提・実現したいこと

javascriptで簡単なtoodを作成しており、個別にタスクを削除したいのですが実装方法がわからない状態です。
ご教示いただけると幸いです。

該当のソースコード

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <title>やることリスト</title>
        <link rel="stylesheet" href="todo.css">

        <body>
            <div id="container">
              <div id="main" class="bg">
            <h1>やることリスト</h1>
            
            <input type="text" id="text_name" class="textfol">
            <input type="button" value="追加" onclick="add()">
            
           
            <ul id="todoList"></ul>
            
            </div>
            </div>

            <script>


counter = 0;

    window.onload = function () {
      l_length = localStorage.length;
      var box = [];

      for (var i = 0; i < l_length; i++) {
        box_item = JSON.parse(localStorage.getItem("key" + i));
        box.push(box_item);
      }

      for (var i = 0; i < box.length; i++) {
        var li = document.createElement('li');
        li.textContent = box[i]
        document.getElementById('todoList').appendChild(li);
      }
    }

    function add() {

      var box = [];
      var input = document.getElementById("text_name");
      box.push(input.value);

      localStorage.setItem("key" + counter, JSON.stringify(box));

      for (var i = 0; i < box.length; i++) {
        var li = document.createElement('li');
        li.textContent = box[i]
        document.getElementById('todoList').appendChild(li);
      }
      counter ++;
    }

試したこと

実装方法を調べており、現段階で以下コードを書いてみましたが、解決しませんでした。。

 $('#clear').click(function(){
      localStorage.clear();
      $(li).remove();
    })

退会済みユーザー

2020/10/29 23:29

> 現段階で以下コードを書いてみましたが、解決しませんでしたその結果と期待する動きとがどう異なるのか具体的に説明してください。

m.ts10806

2020/10/29 23:42

>現段階で以下コードを書いてみましたがどこにどう書いたのでしょう。現状のコードを見る限り「jQueryの記法を使っているがjQuery本体を読み込んでない」くらいしか言えることはないです。

Lhankor_Mhy

2020/10/30 02:11

#clear に当たる要素がHTMLに存在しないことが原因の一つではないかと思います。（たぶん、それを解消しただけでは、お望みの動作にはならないと思いますが……）

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

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！