index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./assets/images/planner.png">
    <link rel="stylesheet" href="./assets/styles/style.css" />
    <title>Document</title>
</head>
<body>
  <div class="wrapper">

    <div class="buttons-container">
      <button data-action="add" class="active">Добавить задачу</button>
      <button data-action="show">Показать список</button>
      <button data-action="hide" class="active">Скрыть список</button>
    </div>

    <div class="list-container"></br>
      <span>
        Список дел:
      </span>
      <ul>
      </ul>
    </div>
  
    <div class='add-list close'>
      <form>
        <input type="text" name='text' placeholder=' Новая задача' value=''></br>
        <input type="submit" name="submit" value='Добавить'>
        <input type="button" name="close" value='Закрыть'>
      </form>
    </div>
    
    <div class="footer"></div>
    <footer></footer>
  </div>    
  <script src="./assets/scripts/script.js"></script>
</body>
</html>

