逻辑思路:
结构:
<body>
<!-- 头部 -->
<header>
<div>
<h3>ToDoList</h3>
<input id="add" type="text" placeholder="添加ToDo">
</div>
</header>
<!-- 内容部分 -->
<article>
<!-- 正在进行 -->
<section class="proceed">
<div class="proceed_main">
<h2>正在进行</h2>
<span id="proceed_num">0</span>
</div>
<div class="proceed_val">
<!-- 此处正在进行内容 -->
</div>
</section>
<!-- 已经完成 -->
<section class="accomplish">
<div class="accomplish_main">
<h2>已经完成</h2>
<span id="accomplish_num">0</span>
</div>
<div class="accomplish_val">
<!-- 此处