All right, I call this section fun with the Don, the document object model, and this was a response
to students that were asking me for better ways to get more familiar with what can be done with the
dorm as well as cloning elements.
So this is not very often used, but it is a really neat feature within JavaScript, or you can take
an element and you can clone it.
So that's the objective of the section, is to get more familiar with cloning of elements as well as
some manipulation and also having some fun, making some colorful elements and also being able to remove
those elements.
So creating new elements where coding elements and we're removing elements on the page and they're going
to move around a little bit as well.
So just for some added fun and then we've added colors because colors make everybody happy.
And so it's fun to work with them.
So let's try that out and let's check that one out.
So it starts out with that.
We've got six different elements for seven elements.
So we've got a black area here.
And this is where we can draw up elements that we want to remove from the screen.
So the objective here, we can click the elements and you can see that they're cloning the elements,
the existing elements, and then they move them down and they're also Dragonball.
So if you drag them and if you drop them over the black box, then they disappear, they get removed.
So other than that, you can drag them and position them anywhere you want.
You can clone as many as you want and you can just have some fun with this.
So really, you can spend quite a bit of time just clicking aimlessly here, duplicating cloning these
elements and then dragging them and dropping them.
And the real objective here is with the code to get more familiar with what you can do, creating elements
as well as removing elements and coding elements.
So try this out.