Frontend Weekly 2023-12-08

1
document.querySelector("#open").addEventListener("click", () => {
2
  document.querySelector("#sidebar").classList.add("open");
3

4
  const watcher = new CloseWatcher();
5

6
  watcher.addEventListener("cancel", () => {
7
    console.log("CloseWatcher cancel event");
8
  });
9
  watcher.addEventListener("close", () => {
10
    document.querySelector("#sidebar").classList.remove("open");
11
  });
12
});
13

14
window.addEventListener("error", (e) => {
15
  document.querySelector("#error-console").textContent +=
16
    e.error.stack + "\n\n";
17
});

1
<details name="cookies">
2
  <summary>Chocolate chip</summary>
3
  Yum yum chocolate chip.
4
</details>
5
<details name="cookies">
6
  <summary>Snickerdoodle</summary>
7
   Yum yum snickerdoodle.
8
</details>
9
<details name="cookies">
10
  <summary>Maicenitas</summary>
11
   Yum yum maicenitas.
12
</details>
13
<details name="cookies">
14
  <summary>Sugar cookies</summary>
15
   Yum yum sugar cookies.
16
</details>

1
.card {
2
  h1 {
3
    font-size: 24px;
4
  }
5
}
6

7
/* 今まで */
8
.card {
9
  & h1 {
10
    font-size: 24px;
11
  }
12
}