{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8ai9q"},{"data":{"image":{"id":"651ef8a7ee29932583b28a53"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"37a3a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9ja9h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Делимся ниже готовым кодом, который поможет создать To Do List на HTML, CSS и JavaScript.","type":"unstyled","key":"ef1pj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"header-three","key":"ame7r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"8havf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3ld0c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"86kb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"f2mdp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"d0m10"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"7p02s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"e6r94"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"451c6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"24vth"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{task.name}}","type":"unstyled","key":"dsjqh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"a285k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{{task.del}}","type":"unstyled","key":"6stv6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"4c4qo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"13b18"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"css","type":"header-three","key":"eefgd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@import url(\"https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap\");","type":"unstyled","key":"den8g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"* {","type":"unstyled","key":"b4sb0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-sizing: border-box;","type":"unstyled","key":"dmu8r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"f8hs7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":":root {","type":"unstyled","key":"3m20e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"--checkbox-color: #ee9ca7;","type":"unstyled","key":"d0k8c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"--checkbox-shadow: rgba(238, 156, 167, 0.2);","type":"unstyled","key":"a9d2i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"--add-button: #ee9ca7;","type":"unstyled","key":"aalun"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"--add-button-shadow: rgba(238, 156, 167,0.4);","type":"unstyled","key":"2hm6g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"f3pvi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"body {","type":"unstyled","key":"e8b8k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"unstyled","key":"7ffpg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 100vh;","type":"unstyled","key":"1p1gn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin: 0;","type":"unstyled","key":"60fd6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 16px;","type":"unstyled","key":"1fav6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: flex;","type":"unstyled","key":"a81gp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"justify-content: center;","type":"unstyled","key":"2rpud"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"align-items: center;","type":"unstyled","key":"een1o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-image: linear-gradient(62deg, rgba(1, 95, 183, 0.9732216701223994) 13%, rgba(255, 122, 151, 0.5) 4%),linear-gradient(44deg, rgba(0, 43, 99, 0.07922090238615942) 39%, rgba(242, 140, 143, 0.5) 18%),linear-gradient(118deg, rgba(84, 202, 242, 0.03152997265339608) 40%, rgba(247, 155, 187, 0.5) 54%),linear-gradient(58deg, rgba(90, 90, 237, 0.16144443572260592) 83%, rgba(249, 156, 142, 0.5) 23%); background-blend-mode: normal,lighten,multiply,hard-light;","type":"unstyled","key":"3o4bl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-family: 'DM Sans', sans-serif;","type":"unstyled","key":"19ud5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"overflow: hidden;","type":"unstyled","key":"2n02g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"5plrq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"input { outline: none; }","type":"unstyled","key":"badt5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"ul {","type":"unstyled","key":"adoqs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"list-style: none;","type":"unstyled","key":"6life"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 0;","type":"unstyled","key":"fn5qo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"9iqq4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".app-container {","type":"unstyled","key":"57hjq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 8px;","type":"unstyled","key":"5073l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"unstyled","key":"6al6i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"max-width: 480px;","type":"unstyled","key":"2de24"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"max-height: 100%;","type":"unstyled","key":"aloov"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: #10101d;","type":"unstyled","key":"7j4j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 24px;","type":"unstyled","key":"eamlq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"overflow: auto;","type":"unstyled","key":"9b5qs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"69o0u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".app-header {","type":"unstyled","key":"bimd4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 20px;","type":"unstyled","key":"94src"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"line-height: 32px;","type":"unstyled","key":"esg5p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin: 0 0 12px 0;","type":"unstyled","key":"emrdd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: #fff;","type":"unstyled","key":"c4p43"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"3qo9o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".submit-task {","type":"unstyled","key":"2q60v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 32px;","type":"unstyled","key":"ctfh9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 32px;","type":"unstyled","key":"7h1pp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"flex-shrink: 0;","type":"unstyled","key":"d6chm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: none;","type":"unstyled","key":"8jar"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: var(--add-button);","type":"unstyled","key":"1t8er"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: #fff;","type":"unstyled","key":"b7os5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E\");","type":"unstyled","key":"fs6nu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-size: 18px;","type":"unstyled","key":"cs0rh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-position: center;","type":"unstyled","key":"47uu4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-repeat: no-repeat;","type":"unstyled","key":"7fsln"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 50%;","type":"unstyled","key":"5rc3a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cursor: pointer;","type":"unstyled","key":"35dc6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: 0 0 12px 0 var(--add-button-shadow);","type":"unstyled","key":"dqidt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"e765k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".add-task {","type":"unstyled","key":"ah16l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 40px;","type":"unstyled","key":"9vq81"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 14px;","type":"unstyled","key":"31ivc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: flex;","type":"unstyled","key":"1kmhf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"99l5f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".task-input {","type":"unstyled","key":"4bg73"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-right: none;","type":"unstyled","key":"29bbp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"unstyled","key":"6146c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 0 4px;","type":"unstyled","key":"14cce"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"outline: none;","type":"unstyled","key":"dsbsb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: none;","type":"unstyled","key":"dhsg8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-bottom: 1px solid #fff;","type":"unstyled","key":"38f0g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: transparent;","type":"unstyled","key":"eicau"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-right: 12px;","type":"unstyled","key":"3hvgv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: #fff;","type":"unstyled","key":"1b91f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: none;","type":"unstyled","key":"1a0n0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 0;","type":"unstyled","key":"bnpo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:placeholder { color: #fff; }","type":"unstyled","key":"bt343"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"90nr6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".task-list-item {","type":"unstyled","key":"6a06s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: #191933;","type":"unstyled","key":"cudd8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 4px;","type":"unstyled","key":"e84v0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-bottom: 12px;","type":"unstyled","key":"7u3mo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: flex;","type":"unstyled","key":"33lq3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"align-items: center;","type":"unstyled","key":"1boa0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 8px;","type":"unstyled","key":"tisc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"input {","type":"unstyled","key":"ssmc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 16px;","type":"unstyled","key":"ae6k1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 16px;","type":"unstyled","key":"5sljr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 50%;","type":"unstyled","key":"etnpe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: 1px solid #fff;","type":"unstyled","key":"59mud"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check' stroke='%23fff'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\");","type":"unstyled","key":"2e4mj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-repeat: no-repeat;","type":"unstyled","key":"ekj4n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-position: center;","type":"unstyled","key":"9f3oa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-size: 0;","type":"unstyled","key":"2cloa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transition: .2s;","type":"unstyled","key":"62fo1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-right: 8px;","type":"unstyled","key":"s0im"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"flex-shrink: 0;","type":"unstyled","key":"267l6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-top: 4px;","type":"unstyled","key":"8iuj9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"appearance: none;","type":"unstyled","key":"b9ihe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:hover {","type":"unstyled","key":"96si7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-color: var(--checkbox-color);","type":"unstyled","key":"i2ju"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: 0 0 0 3px var(--checkbox-shadow);","type":"unstyled","key":"bvnte"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"c15tk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&:checked {","type":"unstyled","key":"35j5q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-size: 10px;","type":"unstyled","key":"2n9cl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: 1px solid var(--checkbox-color);","type":"unstyled","key":"fsn49"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: var(--checkbox-color);","type":"unstyled","key":"9vk40"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"+ span {","type":"unstyled","key":"8ghie"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: rgba(255, 255, 255, 0.5);","type":"unstyled","key":"533ll"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text-decoration: line-through rgba(255, 255, 255, 0.8);","type":"unstyled","key":"cmphq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"5ojb5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"9k47o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"12g0d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"&-label {","type":"unstyled","key":"dblb8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: flex;","type":"unstyled","key":"anq2q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"align-items: flex-start;","type":"unstyled","key":"46qm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: #fff;","type":"unstyled","key":"59kc3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-right: 8px;","type":"unstyled","key":"5q24i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 14px;","type":"unstyled","key":"c54jl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"line-height: 24px;","type":"unstyled","key":"1cu9l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: relative;","type":"unstyled","key":"a7vmc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transition: .2s;","type":"unstyled","key":"94tu4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cursor: pointer;","type":"unstyled","key":"cuqtp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"cqq99"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"4j8gs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".delete-btn {","type":"unstyled","key":"ichj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-left: auto;","type":"unstyled","key":"9pdvh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: block;","type":"unstyled","key":"3a86t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 16px;","type":"unstyled","key":"53tmo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 16px;","type":"unstyled","key":"4b3e6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-repeat: no-repeat;","type":"unstyled","key":"ra1m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ff3d46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-trash-2'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cline x1='10' y1='11' x2='10' y2='17'/%3E%3Cline x1='14' y1='11' x2='14' y2='17'/%3E%3C/svg%3E\");","type":"unstyled","key":"abhc3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-size: 16px;","type":"unstyled","key":"2bjkp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-position: center;","type":"unstyled","key":"45m0l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cursor: pointer;","type":"unstyled","key":"csmmb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"5hv0j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@supports(-webkit-appearance: none) or (-moz-appearance: none) {","type":"unstyled","key":"3p001"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"input[type='checkbox'],","type":"unstyled","key":"59kca"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"input[type='radio'] {","type":"unstyled","key":"7cilk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-appearance: none;","type":"unstyled","key":"8dq8r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-appearance: none;","type":"unstyled","key":"ete6a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"3e4qc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"1v3p1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JS","type":"header-three","key":"eghr1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"new Vue ({","type":"unstyled","key":"6qnb5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"el: '#taskList',","type":"unstyled","key":"esrpg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"data: {","type":"unstyled","key":"6voa0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"title: 'to do list',","type":"unstyled","key":"c450e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"tasks: [","type":"unstyled","key":"abmoi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{ name: 'Start a new pen' },","type":"unstyled","key":"c3kvf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{ name: 'Read a book' },","type":"unstyled","key":"6f2l2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{ name: 'Meeting with team' }","type":"unstyled","key":"csufo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"]","type":"unstyled","key":"62p3t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"},","type":"unstyled","key":"7eelt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"methods: {","type":"unstyled","key":"4gbe4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"newItem: function() {","type":"unstyled","key":"fg42r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"if (!this.tasks.name) {","type":"unstyled","key":"9kf3q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"return","type":"unstyled","key":"crrb5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"1v3r4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"this.tasks.push ( {","type":"unstyled","key":"20imv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"name: this.tasks.name,","type":"unstyled","key":"eb0lv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"del: ''","type":"unstyled","key":"d812q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"unstyled","key":"corbd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"this.tasks.name = \"\";","type":"unstyled","key":"cmm39"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"},","type":"unstyled","key":"ak9bl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"delItem: function (task) {","type":"unstyled","key":"60o9o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"this.tasks.splice(this.tasks.indexOf(task), 1)","type":"unstyled","key":"5mabh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"bao6j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"c8v6s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"})","type":"unstyled","key":"dtfov"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"dc00BtrKrNsX5XYAOKob"}],"entityMap":{}},"mentions":[]}

TO DO LIST