From 9ffa9b486637ec4d1793263d962077f93ea8218f Mon Sep 17 00:00:00 2001 From: masaya2019 Date: Sat, 9 Nov 2019 21:50:19 +0900 Subject: [PATCH 1/2] createNewTag.js --- Todo/src/createNewTag.js | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 Todo/src/createNewTag.js diff --git a/Todo/src/createNewTag.js b/Todo/src/createNewTag.js new file mode 100644 index 0000000..0b06f46 --- /dev/null +++ b/Todo/src/createNewTag.js @@ -0,0 +1,37 @@ +let taskNumber = 0; +const arrayStatus = ["完了","削除","中断","再開"]; + +const createNewTask = () => { + taskNumber++; + const createNewTask = document.createElement("div"); + createNewTask.className = taskNumber; + const getTaskContent = document.getElementById("value_input").value; + const getTaskTagName = document.getElementById("tag_input").value; + const getTaskLimit = document.getElementById("limit_input").value; + createNewElement(taskNumber,createNewTask,getTaskContent); + createNewElement(taskNumber,createNewTask,getTaskTagName); + for(i=0; i < 4; i++) { + const content = arrayStatus[i]; + createNewElement(taskNumber,createNewTask,content,i); + } + createNewElement(taskNumber,createNewTask,getTaskLimit); +} + +const createNewElement = (taskNumber,createNewTask,content,i) => { + const createNewTaskContent = document.createElement("div"); + createNewTaskContent.className = taskNumber; + if (content) { + createNewTaskContent.innerHTML = content; + } + if (i == 0) { + createNewTaskContent.addEventListener("click", completeFnc, false); + } else if (i == 1) { + createNewTaskContent.addEventListener("click", deleteFnc, false); + } else if (i == 2) { + createNewTaskContent.addEventListener("click", interruptionFnc, false); + } else if (i == 3) { + createNewTaskContent.addEventListener("click", resumeFnc, false); + } + createNewTask.appendChild(createNewTaskContent); + document.getElementById("going").appendChild(createNewTask); +} \ No newline at end of file From 53468bd6e0c5d9e2b1b0b91e9f6f7c7caea735bf Mon Sep 17 00:00:00 2001 From: masaya2019 Date: Mon, 11 Nov 2019 10:46:31 +0900 Subject: [PATCH 2/2] use closure --- Todo/src/createNewTag.js | 37 ++++++++++++++++++++----------------- 1 file changed, 20 insertions(+), 17 deletions(-) diff --git a/Todo/src/createNewTag.js b/Todo/src/createNewTag.js index 0b06f46..0c25283 100644 --- a/Todo/src/createNewTag.js +++ b/Todo/src/createNewTag.js @@ -1,21 +1,24 @@ -let taskNumber = 0; -const arrayStatus = ["完了","削除","中断","再開"]; - -const createNewTask = () => { - taskNumber++; - const createNewTask = document.createElement("div"); - createNewTask.className = taskNumber; - const getTaskContent = document.getElementById("value_input").value; - const getTaskTagName = document.getElementById("tag_input").value; - const getTaskLimit = document.getElementById("limit_input").value; - createNewElement(taskNumber,createNewTask,getTaskContent); - createNewElement(taskNumber,createNewTask,getTaskTagName); - for(i=0; i < 4; i++) { - const content = arrayStatus[i]; - createNewElement(taskNumber,createNewTask,content,i); +const createNewTaskList = (function(){ + let taskNumber = 0; + const arrayStatus = ["完了","削除","中断","再開"]; + return function createNewTaskList () { + taskNumber++; + const createNewTask = document.createElement("div"); + createNewTask.className = taskNumber; + const getTaskContent = document.getElementById("value_input").value; + const getTaskTagName = document.getElementById("tag_input").value; + const getTaskLimit = document.getElementById("limit_input").value; + createNewElement(taskNumber,createNewTask,getTaskContent); + createNewElement(taskNumber,createNewTask,getTaskTagName); + for(i=0; i < 4; i++) { + const content = arrayStatus[i]; + createNewElement(taskNumber,createNewTask,content,i); + } + createNewElement(taskNumber,createNewTask,getTaskLimit); } - createNewElement(taskNumber,createNewTask,getTaskLimit); -} +}) + +const createNewTask = createNewTaskList(); const createNewElement = (taskNumber,createNewTask,content,i) => { const createNewTaskContent = document.createElement("div");