HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-03-09
1 <ul><li>index.html</li>
1 <ul><li>index.html</li>
2 <li>style.css</li>
2 <li>style.css</li>
3 <li>script.js</li>
3 <li>script.js</li>
4 </ul><p>HTML</p>
4 </ul><p>HTML</p>
5 <p>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;The To-Do List&lt;/title&gt; &lt;link href="style.css" rel="stylesheet"&gt; &lt;/head&gt; &lt;body&gt; &lt;h1 class="visually-hidden"&gt;The To-Do List&lt;/h1&gt; &lt;ul class="todo-list"&gt; &lt;li class="todo-list-item"&gt; &lt;label&gt; &lt;input class="todo-list-input" type="checkbox"&gt; &lt;span&gt;Feed the cat&lt;/span&gt; &lt;/label&gt; &lt;/li&gt; &lt;li class="todo-list-item"&gt; &lt;label&gt; &lt;input class="todo-list-input" type="checkbox"&gt; &lt;span&gt;Leave the country&lt;/span&gt; &lt;/label&gt; &lt;/li&gt; &lt;li class="todo-list-item"&gt; &lt;label&gt; &lt;input class="todo-list-input" type="checkbox"&gt; &lt;span&gt;Go for a run&lt;/span&gt; &lt;/label&gt; &lt;/li&gt; &lt;/ul&gt; &lt;p class="empty-tasks hidden"&gt;All of the tasks have been completed. There are no new tasks.&lt;/p&gt; &lt;form class="add-form" action="https://echo.htmlacademy.ru/courses" method="post"&gt; &lt;input class="add-form-input" type="text" aria-label="Task description" placeholder="For example, buy an elephant" required&gt; &lt;button class="add-form-button" type="submit"&gt;Add new task&lt;/button&gt; &lt;/form&gt; &lt;template id="task-template"&gt; &lt;li class="todo-list-item"&gt; &lt;label&gt; &lt;input type="checkbox" class="todo-list-input"&gt; &lt;span&gt;&lt;/span&gt; &lt;/label&gt; &lt;/li&gt; &lt;/template&gt; &lt;script src="script.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</p>
5 <p>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;The To-Do List&lt;/title&gt; &lt;link href="style.css" rel="stylesheet"&gt; &lt;/head&gt; &lt;body&gt; &lt;h1 class="visually-hidden"&gt;The To-Do List&lt;/h1&gt; &lt;ul class="todo-list"&gt; &lt;li class="todo-list-item"&gt; &lt;label&gt; &lt;input class="todo-list-input" type="checkbox"&gt; &lt;span&gt;Feed the cat&lt;/span&gt; &lt;/label&gt; &lt;/li&gt; &lt;li class="todo-list-item"&gt; &lt;label&gt; &lt;input class="todo-list-input" type="checkbox"&gt; &lt;span&gt;Leave the country&lt;/span&gt; &lt;/label&gt; &lt;/li&gt; &lt;li class="todo-list-item"&gt; &lt;label&gt; &lt;input class="todo-list-input" type="checkbox"&gt; &lt;span&gt;Go for a run&lt;/span&gt; &lt;/label&gt; &lt;/li&gt; &lt;/ul&gt; &lt;p class="empty-tasks hidden"&gt;All of the tasks have been completed. There are no new tasks.&lt;/p&gt; &lt;form class="add-form" action="https://echo.htmlacademy.ru/courses" method="post"&gt; &lt;input class="add-form-input" type="text" aria-label="Task description" placeholder="For example, buy an elephant" required&gt; &lt;button class="add-form-button" type="submit"&gt;Add new task&lt;/button&gt; &lt;/form&gt; &lt;template id="task-template"&gt; &lt;li class="todo-list-item"&gt; &lt;label&gt; &lt;input type="checkbox" class="todo-list-input"&gt; &lt;span&gt;&lt;/span&gt; &lt;/label&gt; &lt;/li&gt; &lt;/template&gt; &lt;script src="script.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</p>
6 <p>Thanks! We’ll fix everything at once!</p>
6 <p>Thanks! We’ll fix everything at once!</p>