项目：清除按钮

本课属于 Coddy Django 学习旅程的“JSON API”单元。第 17 课，共 19 课。

这个端点已经可以使用；现在，主页上要为它添加一个按钮。新的 app.js 已经准备好了，最后一行代码会将它连接起来：

document.getElementById("clear-done").addEventListener("click", clearDone);

addEventListener("click", clearDone) 会在每次点击该元素时运行 clearDone。clearDone 会向你的端点发送请求，将 "Done tasks cleared: " + result.deleted 写入 id 为 message 的元素，并再次调用 showSummary() 和 showTasks()，让页面显示新的状态。脚本决定使用哪些 id；你的页面必须与之匹配。

挑战

中等

阅读新的 app.js，然后在 tasks/templates/tasks/home.html 中添加脚本监听的按钮，按钮文字为 Clear done tasks，并添加用于显示消息的元素。

点击“运行”，再点击 Clear done tasks：消息会显示 Done tasks cleared: 1，Call the bank 会从列表中消失。

亲手试试

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Task tracker</title>
</head>
<body>
    <h1>Task tracker</h1>
    <p id="summary"></p>
    <ul id="task-list"></ul>
    <script src="{% static 'tasks/app.js' %}"></script>
</body>
</html>