<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <title>Document</title> </head> <body class="bg-light"> <div class="container w-50"> <h1 class="text-center text-info my-5">TODO LIST</h1> <p class="text-center text-info ">左クリック:打ち消し線</p> <p class="text-center text-info ">右クリック:リストの削除</p> <form id="form" class="mb-4"> <input type="text" id="input" class="form-control" placeholder="テキストを入力" autocapitalize="off"> </form> <ul class="list-group text-secondary" id="ul"> </ul> </div> <script src="index.js"></script> </body> </html>