const Model = {
addTask: function (timestamp: string, description: string) {
- document.getElementById("tasks")!.appendChild(this.createTask(timestamp, description)).focus();
- },
-
- createTask: function (timestamp: string, description: string) {
const task = document.createElement("div");
task.appendChild(document.createTextNode(description));
task.setAttribute("class", "task");
task.setAttribute("tabindex", "0");
task.setAttribute("data-created", timestamp);
- return task;
+ document.getElementById("tasks")!.appendChild(task);
+ task.focus();
},
destroyTask: function (createTimestamp: string) {
};
const BrowserUI = {
- addTask: function (form: any) {
- if (form.taskName.value) {
- UI.addTask(form.taskName.value);
- form.taskName.value = "";
+ addTask: function () {
+ const input = <HTMLInputElement>document.getElementById("taskName");
+ if (input.value) {
+ UI.addTask(input.value);
+ input.value = "";
}
- return false;
},
destroyTask: function () {
};
function handleKey(event: any) {
- if (event.target.tagName !== "INPUT") {
+ if (event.target.tagName === "INPUT") {
+ if (event.key == "Enter") return BrowserUI.addTask();
+ } else {
if (event.key == "j") return BrowserUI.moveCursor(1);
if (event.key == "k") return BrowserUI.moveCursor(-1);
if (event.key == "J") return BrowserUI.moveTask(1);