todolist | Programming Project | OrangeApple Learning Platform

{"id":12517,"student_id":10,"content":"{\"html\":\"\u003cdiv id=\\\"center\\\"\u003e\\n    \u003ch1\u003eTODO LIST\u003c/h1\u003e\\n    \u003cinput type=\\\"text\\\" id=\\\"input\\\"\u003e\\n    \u003cbutton id=\\\"add-btn\\\"\u003eADD\u003c/button\u003e\\n    \u003col\u003e\u003c/ol\u003e\\n\u003c/div\u003e\\n\",\"css\":\"body {\\n  padding: 0;\\n  margin: 0;\\n  background-color: lightblue !important;\\n}\\n\\n#center {\\n  text-align: center;\\n  position: absolute;\\n  top: 50vh;\\n  left: 50vw;\\n  padding: 45px;\\n  background-color: rgba(255,255,255,.5);\\n  transform: translate(-50%, -50%);\\n}\\n\",\"js\":\"\\n//-----------------------  預設程式碼   -----------------------//\\nvar script = document.createElement('script');\\nscript.onload = onload;\\nscript.src = \\\"https://code.jquery.com/jquery-3.2.1.min.js\\\";\\n\\ndocument.head.appendChild(script);\\n//-----------------------------------------------------------//\\n\\nfunction onload () {\\n    \\n    $(\\\"#add-btn\\\").on(\\\"click\\\", addTask);\\n\\n    $(\\\"body\\\").on(\\\"click\\\", \\\".remove\\\", function () {\\n        $(this).parent().remove();\\n    });\\n\\n    function addTask () {\\n        var val = $(\\\"#input\\\").val();\\n        $(\\\"#input\\\").val(\\\"\\\");\\n        var item = $(\\\"\u003cli\u003e\\\"+val+\\\"\u003cbutton class='remove'\u003eX\u003c/button\u003e\u003c/li\u003e\\\");\\n        $('ol').append(item);\\n    }\\n}\"}","created_at":"2017-09-29T23:29:44.663+08:00","updated_at":"2019-11-12T06:22:27.471+08:00","name":"todolist","language":"web","screenshot":{"url":null},"parent_id":null,"plugin":null,"description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":614,"hashid":"9ygspgvp","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}