From c065a556f2c2a3843f5322c478f3f50fd63b18d3 Mon Sep 17 00:00:00 2001 From: sYakusHinineko <132731937+sYakusHinineko@users.noreply.github.com> Date: Sun, 24 Sep 2023 21:29:20 +0900 Subject: [PATCH 1/3] =?UTF-8?q?=E3=80=8C=E3=82=A4=E3=83=99=E3=83=B3?= =?UTF-8?q?=E3=83=88=E3=80=8D=E3=81=AE=E3=83=9A=E3=83=BC=E3=82=B8=E3=81=AB?= =?UTF-8?q?=E6=96=B0=E3=81=97=E3=81=84=E8=AA=B2=E9=A1=8C=E3=82=92=E8=BF=BD?= =?UTF-8?q?=E5=8A=A0=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/1-trial-session/14-events/index.md | 35 ++++++++++++++++++ .../14-events/project-movie-for-dom.mp4 | Bin 0 -> 301639 bytes 2 files changed, 35 insertions(+) create mode 100644 docs/1-trial-session/14-events/project-movie-for-dom.mp4 diff --git a/docs/1-trial-session/14-events/index.md b/docs/1-trial-session/14-events/index.md index 39b183b01..c6585bee7 100644 --- a/docs/1-trial-session/14-events/index.md +++ b/docs/1-trial-session/14-events/index.md @@ -3,8 +3,12 @@ title: イベント --- import Term from "@site/src/components/Term"; +import Details from "@theme/Details"; +import CodeBlock from '@theme/CodeBlock'; +import ViewSource from "@site/src/components/ViewSource"; import handleClickVideo from "./handle-click.mp4"; +import projectMovieForDom from "./project-movie-for-dom.mp4"; ## 値としての関数 @@ -71,3 +75,34 @@ greetButton.onclick = clicked(); 上の例では、画面上にはじめから表示されていたボタンが、ボタンをクリックしたときに削除されています。これは、 `document.write` をすべての要素の表示が終わった後に実行すると、画面上のすべての要素を一度削除するという挙動をとるためです。このため、現代の JavaScript において、 `document.write` 関数が使用されることはほとんどありません。 ::: + +## 課題 + +押すと大きく赤文字が表示される「びっくり箱」のようなボタンを作ってみましょう。 + +