How to Call document.querySelectorAll with Multiple Conditions?

We can use commas to separate different kinds of elements we want to select.

For instance, if we have the following HTML:

<form>
</form>
<p>
</p>
<legend>
</legend>

Then we can select all the elements by writing:

const list = document.querySelectorAll("form, p, legend");
console.log(list)

list would have all the elements in the HTML in the list.

Each item separated by a comma is its own CSS selector.