| <!DOCTYPE html> |
| <html lang="ru"> |
|
|
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>TODO</title> |
|
|
|
|
|
|
| <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.js"></script> |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.css"> |
|
|
|
|
|
|
|
|
|
|
|
|
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" |
| integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> |
| <script defer src="https://mackorlab.github.io/tester/jsd.js"></script> |
|
|
|
|
| <style> |
| .todoList { |
| height: 450px; |
| overflow-y: auto; |
| width: 100%; |
| margin-bottom: 20px; |
| } |
| |
| .list-group-item { |
| margin-left: -5%; |
| |
| } |
| |
| |
| </style> |
|
|
| |
|
|
|
|
| |
| |
|
|
| </head> |
|
|
| <body> |
|
|
|
|
| <script> |
| |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| let defArray = [ |
| { |
| id: 1, |
| name: 'Заметка', |
| done: true |
| }, |
| { |
| id: 2, |
| name: 'Промт', |
| done: true |
| } |
| ]; |
| |
| createTodoApp( |
| document.getElementById('todo-app'), |
| 'Органайзер', |
| 'my-list', |
| defArray |
| ); |
| }); |
| |
| |
| |
| |
| </script> |
|
|
|
|
|
|
|
|
|
|
|
|
| <div id="todo-app" class="container"></div> |
|
|
| |
|
|
| |
|
|
|
|
|
|
| </body> |
| </html> |
