Build Your Own JavaScript DOM Library
About Lesson

Let’s create some HTML to test our DOM Library.

We will use the below HTML and some variations on it to practice DOM exercises.

 

<div id="board"></div>
<ul id="results"></ul>
<div class="alert"></div>
<h1>Tasky</h1>
<button id="btnAdd">ADD NEW</button>
  <ul id="tasks" >
    <li name="admin" class="task completed" group="admin">Task 1</li>
    <li>Task 2</li>
    <li class="critical" group="admin">Task 3</li>
    <li class="critical">Task 4</li>
    <li class="completed">Task 5</li>
  </ul>
</div>

Head over to the next lesson.

0% Complete