From 63ea596e02f72f830143bfaa2d3fdedd2bc9a816 Mon Sep 17 00:00:00 2001 From: changicho Date: Mon, 8 Jun 2020 21:03:16 +0900 Subject: [PATCH] Feat: Add 10 - Hold Shift and Check Checkboxes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ?: 전역 변수를 사용해 checked 처리를 한꺼번에 각 checkbox마다 클릭할 때 checkboxes를 루프를 도는 이벤트 추가 시작점과 이전에 클릭한 지점 사이에 있는 checkbox를 체크함 두 지점 사이 범위값을 변경하는 것 이므로, 두 지점을 지날 때 전역 변수를 toggle해 특정 범위만 변경 --- .../changi.html | 126 ++++++++++++++++++ 1 file changed, 126 insertions(+) create mode 100644 10 - Hold Shift and Check Checkboxes/changi.html diff --git a/10 - Hold Shift and Check Checkboxes/changi.html b/10 - Hold Shift and Check Checkboxes/changi.html new file mode 100644 index 0000000..4d0a5b2 --- /dev/null +++ b/10 - Hold Shift and Check Checkboxes/changi.html @@ -0,0 +1,126 @@ + + + + + Hold Shift to Check Multiple Checkboxes + + + + +
+
+ +

This is an inbox layout.

+
+
+ +

Check one item

+
+
+ +

Hold down your Shift key

+
+
+ +

Check a lower item

+
+
+ +

Everything in between should also be set to checked

+
+
+ +

Try to do it without any libraries

+
+
+ +

Just regular JavaScript

+
+
+ +

Good Luck!

+
+
+ +

Don't forget to tweet your result!

+
+
+ + + +