Amr Ataa
Posted on January 13, 2023
Newer browsers have a nifty attribute that can be applied to elements, called contenteditable. As the name implies, this allows the user to edit any of the text contained within the element, including its children. There are a variety of uses for something like this, including an app as simple as a to-do list, which also takes advantage of local storage.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Making Content Editable</title>
</head>
<body>
<h2>Editable To-Do List</h2>
<ol contenteditable="true">
<li>Break mechanical cab driver.</li>
<li>Drive to abandoned factory.</li>
<li>Watch video of self.</li>
</ol>
</body>
</html>
💖 💪 🙅 🚩
Amr Ataa
Posted on January 13, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.