From 0dfc915a46485347fe69bc993bfaf2dcc7e23ba6 Mon Sep 17 00:00:00 2001 From: Greg Heartsfield Date: Mon, 8 Jul 2024 16:02:18 -0500 Subject: [PATCH 1/3] Correct duplicate reference id for counter.js example The same reference id was used for two different lines. --- ch09-client-side-scripting.typ | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ch09-client-side-scripting.typ b/ch09-client-side-scripting.typ index 10540c9..a53654f 100644 --- a/ch09-client-side-scripting.typ +++ b/ch09-client-side-scripting.typ @@ -513,7 +513,7 @@ Here is what our code looks like now: #figure[ ```js // counter.js <1> -document.querySelectorAll("[data-counter]") <1> +document.querySelectorAll("[data-counter]") <2> .forEach(el => { const output = el.querySelector("[data-counter-output]"), From 7ae99ddfd88c759880ad6021e8cf6c2bfda75abe Mon Sep 17 00:00:00 2001 From: Greg Heartsfield Date: Mon, 8 Jul 2024 16:02:54 -0500 Subject: [PATCH 2/3] Remove duplicate reference for menuRoot --- asciidoc/CH09_ScriptingInAHypermediaApplication.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/asciidoc/CH09_ScriptingInAHypermediaApplication.adoc b/asciidoc/CH09_ScriptingInAHypermediaApplication.adoc index 76e4592..c18131f 100644 --- a/asciidoc/CH09_ScriptingInAHypermediaApplication.adoc +++ b/asciidoc/CH09_ScriptingInAHypermediaApplication.adoc @@ -544,7 +544,7 @@ function overflowMenu(subtree = document) { subtree.querySelectorAll("[data-overflow-menu]").forEach(menuRoot => { <1> const button = menuRoot.querySelector("[aria-haspopup]"), <2> - menu = menuRoot.querySelector("[role=menu]"), <2> + menu = menuRoot.querySelector("[role=menu]"), items = [...menu.querySelectorAll("[role=menuitem]")]; <3> }); } From 79f969a021830efe5eae518683fa0e9b7095117e Mon Sep 17 00:00:00 2001 From: Greg Heartsfield Date: Mon, 8 Jul 2024 16:03:07 -0500 Subject: [PATCH 3/3] Place reference for spread operator on correct line --- ch09-client-side-scripting.typ | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ch09-client-side-scripting.typ b/ch09-client-side-scripting.typ index a53654f..fed7509 100644 --- a/ch09-client-side-scripting.typ +++ b/ch09-client-side-scripting.typ @@ -658,8 +658,8 @@ function overflowMenu(tree = document) { tree.querySelectorAll("[data-overflow-menu]").forEach(menuRoot => { <1> const button = menuRoot.querySelector("[aria-haspopup]"), <2> - menu = menuRoot.querySelector("[role=menu]"), <3> - items = [...menu.querySelectorAll("[role=menuitem]")]; + menu = menuRoot.querySelector("[role=menu]"), + items = [...menu.querySelectorAll("[role=menuitem]")]; <3> }); }