diff --git a/10.html b/10.html
new file mode 100644
index 0000000..768b259
--- /dev/null
+++ b/10.html
@@ -0,0 +1,40 @@
+
+
+
+
+ 出会って3秒で爆発
+
+
+
+
+
+ STARTを押してから時間内に1~10を選んでね
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/10.js b/10.js
new file mode 100644
index 0000000..fd16d2b
--- /dev/null
+++ b/10.js
@@ -0,0 +1,29 @@
+function CountDown() {
+ var count = 4, tmID, infobox = document.getElementById("start"), atari = document.getElementById("true"),finish = document.getElementById("info");
+ function CountDown() {
+ if (--count == 0) {
+ finish.innerHTML = "終了";
+ } else {
+ finish.innerHTML = count + "秒前";
+ tmID = setTimeout(CountDown, 1000);
+ }
+ }
+ function startCountDown() {
+ tmID = setTimeout(CountDown, 1000);
+ infobox.removeEventListener("click", startCountDown, false);
+ atari.addEventListener("click", stopCountDown, false);
+ }
+ function stopCountDown() {
+ if (count >= 0) {
+ clearTimeout(tmID);
+ infobox.innerHTML = "爆発阻止成功です！";
+ }
+
+ clearTimeout(tmID);
+ finish.innerHTML = "終了";
+ atari.innerHTML = "爆弾みーっけ";
+ atari.removeEventListener("click", stopCountDown, false);
+ }
+ infobox.addEventListener("click", startCountDown, false);
+};
+document.addEventListener("DOMContentLoaded", CountDown, false);
\ No newline at end of file
diff --git a/capsule-timer.js b/capsule-timer.js
new file mode 100755
index 0000000..c2d924e
--- /dev/null
+++ b/capsule-timer.js
@@ -0,0 +1,24 @@
+// 例: 変数を隠蔽した書き方
+function CountDown() {
+ var count = 10, tmID, infobox = document.getElementById("timeout");
+ function countDown() {
+ if (--count == 0) {
+ infobox.innerHTML = "ぼかーん";
+ } else {
+ infobox.innerHTML = count + "秒前";
+ tmID = setTimeout(countDown, 1000);
+ }
+ }
+ function startCountDown() {
+ tmID = setTimeout(countDown, 1000);
+ infobox.removeEventListener("click", startCountDown, false);
+ infobox.addEventListener("click", stopCountDown, false);
+ }
+ function stopCountDown() {
+ clearTimeout(tmID);
+ infobox.innerHTML = "停めました。";
+ infobox.removeEventListener("click", stopCountDown, false);
+ }
+ infobox.addEventListener("click", startCountDown, false);
+};
+document.addEventListener("DOMContentLoaded", CountDown, false);
diff --git a/countdown.js b/countdown.js
new file mode 100755
index 0000000..b96f50f
--- /dev/null
+++ b/countdown.js
@@ -0,0 +1,21 @@
+// 例: 変数の隠蔽化
+var count = 10, tmID, infobox = document.getElementById("timeout");
+function countDown() {
+ if (--count == 0) {
+ infobox.innerHTML = "ぼかーん";
+ } else {
+ infobox.innerHTML = count + "秒前";
+ tmID = setTimeout(countDown, 1000);
+ }
+}
+function startCountDown() {
+ tmID = setTimeout(countDown, 1000);
+ infobox.removeEventListener("click", startCountDown, false);
+ infobox.addEventListener("click", stopCountDown, false);
+}
+function stopCountDown() {
+ clearTimeout(tmID);
+ infobox.innerHTML = "停めました。";
+ infobox.removeEventListener("click", stopCountDown, false);
+}
+infobox.addEventListener("click", startCountDown, false);