Hey, are you ready to have some fun with the dorm document object, model interaction, so this application
is designed to help you practice and get more familiar with how to manipulate elements within the dorm.
So it's an interactive input field where you've got some input forms.
You can create elements, you can toggle classes, you can update text, background images, select
different types of elements to create.
So a whole bunch of fun, interesting things that you can do.
And again, it's to practice visually as well as behind the scenes with JavaScript to practice creating
elements and manipulating elements via the DOM.
So let me show you, it's got a bunch of options here.
We can add an element.
So that just added a brand new element.
We can add as many as we want.
We can select an element.
So we've got all of the elements listed here.
So div paragraphs span a bunch of div.
So these are the device that we created.
We can create some more paragraphs.
As you can see, they got created below so you can select them from the next dropdown.
We can add content into them.
C you we've added and pottered, we can make it bigger and that one is kind of off a little bit disappeared
there.
So let me use the first one and update that.
Let's add a border, make it bigger update so you get the point.
There's a lot of things that you can do here and maybe it's not as much fun as I make it out to be,
but this is definitely something that's useful in order to practice and get more familiar with what
you could do with element and element manipulation in the form of a form.
And then behind the scenes, the JavaScript is the most important part, and that's the key to this
section to get familiar with it.
So try it out.
Hope you enjoy it.