Manipulación del DOM en JavaScript

Seleccionar y actualizar elementos de una página.

const title = document.querySelector("h1");
const items = document.querySelectorAll(".item");

title.textContent = "Typing for coders";
title.classList.add("active");
title.dataset.state = "ready";

const li = document.createElement("li");
li.textContent = "new entry";
document.querySelector("ul").append(li);

items.forEach((item) => item.classList.toggle("seen"));

Cómo funciona

querySelector y querySelectorAll encuentran elementos.
textContent, classList y dataset los actualizan.
createElement más append inserta nodos nuevos.

Palabras clave y builtins usados aquí

const
document

El intento, en números

Líneas: 12
Caracteres a escribir: 367
Tokens: 89
Ritmo de tres estrellas: 95 tpm

Al ritmo de tres estrellas de 95 tokens por minuto, este intento toma unos 56 segundos.

Escribe este fragmento

Paso 1 de 3 en El DOM; paso 1 de 13 en El navegador.