index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Todolist-Learning from Youtube</title>
    <link rel="stylesheet" href="style.css">
    <script defer src="script.js"></script>
</head>
<body>
    <div class="container">
            <div class="todoapp">
                <h2 class="title-content">To-do List App <img src="./images/icon.png" alt="Images-of-icon-with-book&Pencil"></h2>
                <div class="row">
                    <input type="text" placeholder="Add your text" id="your-text" class="text-box">
                    <button id ="submit" onkeydown="preventNumber(event)" onkeyup="preventNumber(event)" class="Submit">Add</button>
                </div>
                
                <ul id="list-container" class="listing">
                    
                    <!-- <li class="checked">Task-1</li>
                    <li>Task-2</li>
                    <li>Task-3</li> -->
                </ul>
            </div>        
        
    </div>
   
    
</body>
</html>