セレクタ 解答例

let exampleEl = document.getElementById("example");
console.log(exampleEl.textContent);

let buttonEl = document.querySelector(".button");
buttonEl.classList.add("clicked");

let warningEls = document.querySelectorAll("p.warning");
warningEls.forEach((el) => {
  console.log(el.textContent);
});

let submitEl = document.querySelector("input[type='submit']");
console.log(submitEl.value);

let containerEl = document.getElementById("container");
let itemEls = containerEl.querySelectorAll(".item");
itemEls.forEach((el) => {
  console.log(el.textContent);
});

let activeEl = document.querySelector("#menu .active");
console.log(activeEl.dataset.value);

let h2El = document.querySelector("h2");
let nextEls = [];
let nextEl = h2El.nextElementSibling;
while (nextEl) {
  nextEls.push(nextEl);
  nextEl = nextEl.nextElementSibling;
}
nextEls.forEach((el) => {
  console.log(el.textContent);
});

let emailEls = document.querySelectorAll("[name='email']");
let lastEmailEl = emailEls[emailEls.length - 1];
console.log(lastEmailEl.value);