Object

00000000  63 6f 6e 73 74 20 66 6f  63 75 73 43 6f 6e 74 72 |const focusContr|
00000010  6f 6c 20 3d 20 64 6f 63  75 6d 65 6e 74 2e 71 75 |ol = document.qu|
00000020  65 72 79 53 65 6c 65 63  74 6f 72 28 22 23 66 6f |erySelector("#fo|
00000030  63 75 73 2d 63 6f 6e 74  72 6f 6c 22 29 3b 0a 0a |cus-control");..|
00000040  69 66 20 28 66 6f 63 75  73 43 6f 6e 74 72 6f 6c |if (focusControl|
00000050  29 20 7b 0a 20 20 66 6f  63 75 73 43 6f 6e 74 72 |) {.  focusContr|
00000060  6f 6c 2e 61 64 64 45 76  65 6e 74 4c 69 73 74 65 |ol.addEventListe|
00000070  6e 65 72 28 22 63 6c 69  63 6b 22 2c 20 28 29 20 |ner("click", () |
00000080  3d 3e 20 7b 0a 20 20 20  20 63 6f 6e 73 74 20 69 |=> {.    const i|
00000090  73 46 6f 63 75 73 65 64  20 3d 20 64 6f 63 75 6d |sFocused = docum|
000000a0  65 6e 74 2e 62 6f 64 79  2e 63 6c 61 73 73 4c 69 |ent.body.classLi|
000000b0  73 74 2e 74 6f 67 67 6c  65 28 22 66 6f 63 75 73 |st.toggle("focus|
000000c0  2d 6d 6f 64 65 22 29 3b  0a 0a 20 20 20 20 66 6f |-mode");..    fo|
000000d0  63 75 73 43 6f 6e 74 72  6f 6c 2e 73 65 74 41 74 |cusControl.setAt|
000000e0  74 72 69 62 75 74 65 28  22 61 72 69 61 2d 70 72 |tribute("aria-pr|
000000f0  65 73 73 65 64 22 2c 20  53 74 72 69 6e 67 28 69 |essed", String(i|
00000100  73 46 6f 63 75 73 65 64  29 29 3b 0a 20 20 20 20 |sFocused));.    |
00000110  66 6f 63 75 73 43 6f 6e  74 72 6f 6c 2e 74 65 78 |focusControl.tex|
00000120  74 43 6f 6e 74 65 6e 74  20 3d 20 69 73 46 6f 63 |tContent = isFoc|
00000130  75 73 65 64 0a 20 20 20  20 20 20 3f 20 22 45 78 |used.      ? "Ex|
00000140  69 74 20 66 6f 63 75 73  20 6d 6f 64 65 22 0a 20 |it focus mode". |
00000150  20 20 20 20 20 3a 20 22  45 6e 74 65 72 20 66 6f |     : "Enter fo|
00000160  63 75 73 20 6d 6f 64 65  22 3b 0a 20 20 7d 29 3b |cus mode";.  });|
00000170  0a 7d 0a                                         |.}.|