{"id":396,"date":"2020-02-14T00:57:02","date_gmt":"2020-02-13T16:57:02","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=396"},"modified":"2020-02-14T00:57:02","modified_gmt":"2020-02-13T16:57:02","slug":"to-do-list","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/14\/to-do-list\/","title":{"rendered":"To-do list"},"content":{"rendered":"<p><a href=\"http:\/\/show.cqdefxxx.com\/To-do%20list\/\" target=\"_blank\"  rel=\"nofollow\" >\u5c55\u793a\u5730\u5740\uff1ahttp:\/\/show.cqdefxxx.com\/To-do%20list\/<\/a><\/p>\n<pre class=\"pure-highlightjs\"><code class=\"\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n\t&lt;head&gt;\n\t\t&lt;meta charset=\"utf-8\" \/&gt;\n\t\t&lt;title&gt;To-do list&lt;\/title&gt;\n        &lt;link rel=\"stylesheet\" href=\"style.css\"&gt;\n        &lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.bootcss.com\/font-awesome\/5.8.2\/css\/all.css\"&gt;\n        &lt;script src=\"jquery-1.11.1.min.js\"&gt;&lt;\/script&gt;\n\t&lt;\/head&gt;\n\t&lt;body&gt;\n\t\t&lt;div class=\"container\"&gt;\n            &lt;input type=\"text\" placeholder=\"Add a task\" class=\"txtb\"&gt;\n            &lt;div class=\"notcomp\"&gt;\n                &lt;h3&gt;Not complete&lt;\/h3&gt;                \n               &lt;div class=\"task\"&gt;\n                    Not complete-task-example\n                    &lt;i class=\"fas fa-trash-alt\"&gt;&lt;\/i&gt;\n                    &lt;i class=\"fas fa-check\"&gt;&lt;\/i&gt;\n                &lt;\/div&gt;               \n\n            &lt;\/div&gt;\n                \n            &lt;div class=\"comp\"&gt;\n                &lt;h3&gt;complete&lt;\/h3&gt;\n               &lt;div class=\"task\"&gt;\n                    Not complete-task-example\n                    &lt;i class=\"fas fa-trash-alt\"&gt;&lt;\/i&gt;\n                &lt;\/div&gt;\n\n            &lt;\/div&gt;\n        &lt;\/div&gt;\n        &lt;script&gt;\n            $(\".txtb\").on(\"keyup\",function(e){\n                var v = $(this).val();\n                if (e.keyCode == 13 &amp;&amp; v != \"\"){\n                    var task = $(\"&lt;div class='task'&gt;&lt;\/div&gt;\").text(v);\n                    \n                    var del = $(\"&lt;i class='fas fa-trash-alt'&gt;&lt;\/i&gt;\").click(function(){\n                        var p = $(this).parent();\n\n                        p.fadeOut(function(){\n                            p.remove();\n                        })\n                    });\n                    \n                    var check = $(\"&lt;i class='fas fa-check'&gt;&lt;\/i&gt;\").click(function(){\n                        var p = $(this).parent();\n                        \n                        p.fadeOut(function(){\n                            $(\".comp\").append(p);\n                            p.fadeIn();\n                        });\n                        $(this).remove();\n                    });\n                    task.append(del,check);\n                    \n                    $(\".notcomp\").append(task);\n                    $(this).val(\"\");\n                }\n            });\n        &lt;\/script&gt;\n\t&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<p>style.css:<\/p>\n<pre class=\"pure-highlightjs\"><code class=\"\">*{\n    margin:0;\n    padding: 0;\n    font-family: \"montserrat\",sans-serif;\n    box-sizing: border-box;\n}\n\nbody{\n    background-image:linear-gradient(120deg,#487eb0,#fbc531);\n    min-height: 100vh;\n}\n\n.container{\n    max-width:800px;\n    margin:auto;\n    padding: 10px;\n}\n\n.txtb{\n    width:100%;\n    border:none;\n    border-bottom:2px solid #000;\n    background: none;\n    padding:10px;\n    outline:none;\n    font-size:18px;\n}\n\nh3{\n    margin:10px 0;\n}\n\n.task{\n    width:100%;\n    background: rgba(255,255,255,0.5);\n    padding:18px;\n    margin:6px 0;\n    overflow: hidden;\n}\n\n.task i{\n    float: right;\n    margin-left:20px;\n    cursor:pointer;\n}\n\n.comp .task{\n    background: rgba(0,0,0,0.5);\n    color:#fff;\n}<\/code><\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5c55\u793a\u5730\u5740\uff1ahttp:\/\/show.cqdefxxx.com\/To-do%20list\/ &lt;!DOCTYPE html&gt; &#8230;<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[3],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/396"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=396"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/396\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}