|
|
<!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/[email protected]/dist/sweetalert2.min.js"></script> |
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/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> |
