質問編集履歴

javascriptを追加で記載しました。

2021/05/14 16:41

投稿

スコア52

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -523,3 +523,53 @@
 非同期処理について調べてみた。
 コールバック関数について調べてみた。
+```js
+saveBtn.addEventListener('click', function () {
+    if (itemInput.value === '') {
+        alert('文字を入力してください');
+    } else if (itemInput.value.length > 10) {
+        alert('文字数を減らしてください');
+    } else if (itemInput.value !== '' && itemInput.value.length < 10) {
+        // node.classList.add('fadeout');
+        // node.remove();
+        function removeFadeout(el, speed) {
+            const seconds = speed / 1000;
+            el.style.transition = 'opacity' + seconds + 's ease';
+            el.style.opacity = 0;
+            setTimeout(function () {
+                el.parentNode.removeChild(el);
+            }, speed);
+        }
+        removeFadeout(document.querySelector('#content'), 2000);
+    }
+});
+```