_samples の同期

Author: aster-void

docs/2-browser-apps/06-project/_samples/step1/script.js

@@ -1,13 +1,12 @@
-const addButton = document.getElementById("add-button");
 const todoList = document.getElementById("todo-list");
 const todoInput = document.getElementById("todo-input");
+const addButton = document.getElementById("add-button");
 
 addButton.onclick = () => {
-  const inputValue = todoInput.value;
-  todoInput.value = "";
   const todoItem = document.createElement("li");
   const todoText = document.createElement("span");
-  todoText.textContent = inputValue;
+  todoText.textContent = todoInput.value;
+  todoInput.value = "";
   todoItem.appendChild(todoText);
   todoList.appendChild(todoItem);
 };

docs/2-browser-apps/06-project/_samples/step2/script.js

@@ -1,14 +1,13 @@
-const addButton = document.getElementById("add-button");
 const todoList = document.getElementById("todo-list");
 const todoInput = document.getElementById("todo-input");
+const addButton = document.getElementById("add-button");
 
 addButton.onclick = () => {
-  const inputValue = todoInput.value;
-  todoInput.value = "";
   const todoItem = document.createElement("li");
   const todoText = document.createElement("span");
   const deleteButton = document.createElement("button");
-  todoText.textContent = inputValue;
+  todoText.textContent = todoInput.value;
+  todoInput.value = "";
   deleteButton.textContent = "削除";
   deleteButton.onclick = () => {
     todoList.removeChild(todoItem);

docs/2-browser-apps/06-project/_samples/step3/script.js

@@ -3,13 +3,12 @@ const todoInput = document.getElementById("todo-input");
 const addButton = document.getElementById("add-button");
 
 addButton.onclick = () => {
-  const inputValue = todoInput.value;
-  todoInput.value = "";
   const todoItem = document.createElement("li");
   const todoText = document.createElement("span");
   const editButton = document.createElement("button");
   const deleteButton = document.createElement("button");
-  todoText.textContent = inputValue;
+  todoText.textContent = todoInput.value;
+  todoInput.value = "";
   editButton.textContent = "編集";
   editButton.onclick = () => {
     const input = document.createElement("input");

docs/2-browser-apps/06-project/_samples/todo/script.js

@@ -1,20 +1,18 @@
 const todoList = document.getElementById("todo-list");
 const todoInput = document.getElementById("todo-input");
 const addButton = document.getElementById("add-button");
-
 todoInput.oninput = () => {
   addButton.disabled = todoInput.value === "";
 };
 
 addButton.onclick = () => {
-  const inputValue = todoInput.value;
-  todoInput.value = "";
   addButton.disabled = true;
   const todoItem = document.createElement("li");
   const todoText = document.createElement("span");
   const editButton = document.createElement("button");
   const deleteButton = document.createElement("button");
-  todoText.textContent = inputValue;
+  todoText.textContent = todoInput.value;
+  todoInput.value = "";
   editButton.textContent = "編集";
   editButton.onclick = () => {
     const input = document.createElement("input");