JavaScript

Manipulating DOM Elements Part 1

<h2>Basketball</h2>
<hr>
<p id="description">
  Basketball is a team sport in which two teams, most commonly of five players each, opposing one another on a rectangular court, compete with the primary objective of shooting a basketball through the defender's hoop, while preventing the opposing team from shooting through their own hoop.
</p>

* {
  text-align: center;
}

.italic {
  font-style: italic;
}

.light-background {
  background-color: #f0f0f0;
  padding: 10px;
}

const description = document.getElementById("description");

description.classList.add();

console.log("Updated list of classes:");
console.log(description.classList);


const description = document.getElementById("description");

description.classList.add("italic", "light-background");

console.log("Updated list of classes:");
console.log(description.classList);
