Cree una lista con cinco items, y use delegacion de eventos para que cuando haga click en un elemento agregue la clase seleccionado y se la quite a los demas

clase-9.js

@@ -15,4 +15,19 @@ const parrafo2 = document.querySelector("#contadorCaracteres");
 campo.addEventListener("input", (e) => {
     parrafo2.textContent = `El campo de texto tiene ${e.target.value.length} caracteres`;
     console.log(e.target.value); 
+});
+
+const lista = document.querySelector("ul");
+
+lista.addEventListener("click", (e) => {
+    if (e.target.tagName === "LI") {
+        const items = document.querySelectorAll("li")
+        for (const item of items) {
+            item.classList.remove("seleccionado");
+        }
+
+        e.target.classList.add("seleccionado");
+        
+        console.log(e.target.textContent);
+    }
 });