diff --git a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md index c281ee786e8..b6c87acf1f7 100644 --- a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md +++ b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cc -title: Manipulate Arrays With pop Method +title: 使用 pop 方法操作數組 challengeType: 1 videoUrl: 'https://scrimba.com/c/cRbVZAB' forumTopicId: 18236 diff --git a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md index cfa3e4b6a81..4475410607f 100644 --- a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md +++ b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cb -title: Manipulate Arrays With push Method +title: 使用 push 方法操作數組 challengeType: 1 videoUrl: 'https://scrimba.com/c/cnqmVtJ' forumTopicId: 18237 diff --git a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md index 4ddb263812c..0f9dc94320e 100644 --- a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md +++ b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cd -title: Manipulate Arrays With shift Method +title: 使用 shift 方法操作數組 challengeType: 1 videoUrl: 'https://scrimba.com/c/cRbVETW' forumTopicId: 18238 diff --git a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md index cd745ae25ee..a8b0fa135c1 100644 --- a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md +++ b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392ce -title: Manipulate Arrays With unshift Method +title: 使用 unshift 方法操作數組 challengeType: 1 videoUrl: 'https://scrimba.com/c/ckNDESv' forumTopicId: 18239 diff --git a/curriculum/challenges/chinese-traditional/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md b/curriculum/challenges/chinese-traditional/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md index 6c88348c664..c7bb02aaaac 100644 --- a/curriculum/challenges/chinese-traditional/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md +++ b/curriculum/challenges/chinese-traditional/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md @@ -18,7 +18,7 @@ HTML 服務器提供 HTML 服務，而 API 提供數據服務。 REST # --hints-- -The endpoint `/json` should serve the JSON object `{"message": "Hello json"}` +端口 `/json` 應該返回一個 JSON 對象 `{"message": "Hello json"}` ```js (getUserInput) => diff --git a/curriculum/challenges/chinese-traditional/06-quality-assurance/quality-assurance-projects/american-british-translator.md b/curriculum/challenges/chinese-traditional/06-quality-assurance/quality-assurance-projects/american-british-translator.md index 5c6f25da4c8..f34a5600c20 100644 --- a/curriculum/challenges/chinese-traditional/06-quality-assurance/quality-assurance-projects/american-british-translator.md +++ b/curriculum/challenges/chinese-traditional/06-quality-assurance/quality-assurance-projects/american-british-translator.md @@ -282,7 +282,7 @@ async (getUserInput) => { }; ``` -All 24 unit tests are complete and passing. +所有 24 項單元測試都已完成並通過。 ```js async (getUserInput) => { @@ -307,7 +307,7 @@ async (getUserInput) => { }; ``` -All 6 functional tests are complete and passing. +所有 6 項功能測試都已完成並通過。 ```js async (getUserInput) => { diff --git a/curriculum/challenges/chinese-traditional/06-quality-assurance/quality-assurance-projects/sudoku-solver.md b/curriculum/challenges/chinese-traditional/06-quality-assurance/quality-assurance-projects/sudoku-solver.md index c8da70120a5..387518a3fd0 100644 --- a/curriculum/challenges/chinese-traditional/06-quality-assurance/quality-assurance-projects/sudoku-solver.md +++ b/curriculum/challenges/chinese-traditional/06-quality-assurance/quality-assurance-projects/sudoku-solver.md @@ -352,7 +352,7 @@ async (getUserInput) => { }; ``` -All 12 unit tests are complete and passing. +所有 12 項單元測試都已完成並通過。 ```js async (getUserInput) => { @@ -377,7 +377,7 @@ async (getUserInput) => { }; ``` -All 14 functional tests are complete and passing. +所有 14 項功能測試都已完成並通過。 ```js async (getUserInput) => { diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md index 71f2c3c5a28..831cab87aef 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md @@ -9,7 +9,7 @@ dashedName: step-22 同樣重要的元素之間的水平間距可以增加文本的可讀性。 -Wrap the text `2/3 cup (55g)` in a `span` element. +將文本 `2/3 cup (55g)` 放在一個 `span` 元素內。 # --hints-- @@ -19,13 +19,13 @@ Wrap the text `2/3 cup (55g)` in a `span` element. assert(document.querySelector('span')); ``` -Your `span` element should have the text `2/3 cup (55g)`. +你的 `span` 元素應包含文本 `2/3 cup (55g)`。 ```js assert(document.querySelector('span')?.textContent?.trim() === '2/3 cup (55g)'); ``` -Your `p` element should still have the text `Serving size 2/3 cup (55g)`. +`p` 元素仍應包含文本 `Serving size 2/3 cup (55g)`。 ```js assert(document.querySelectorAll('p')?.[1]?.innerText === 'Serving size 2/3 cup (55g)'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md index b4fa4fa39e5..c14404def96 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md @@ -7,17 +7,17 @@ dashedName: step-23 # --description-- -Now we can add the horizontal spacing using `flex`. In your `p` selector, add a `display` property set to `flex` and a `justify-content` property set to `space-between`. +現在我們可以使用 `flex` 添加水平間距。 在你的 `p` 選擇器中， 添加 `display` 屬性設置爲 `flex`，以及 `justify-content` 屬性設置爲 `space-between`。 # --hints-- -Your `p` selector should have a `display` property set to `flex`. +你的 `p` 選擇器應該有一個 `display` 屬性設置爲 `flex`。 ```js assert(new __helpers.CSSHelp(document).getStyle('p')?.display === 'flex'); ``` -Your `p` selector should have a `justify-content` property set to `space-between`. +你的 `p` 選擇器應具有 `justify-content` 屬性設置爲 `space-between`。 ```js assert(new __helpers.CSSHelp(document).getStyle('p')?.justifyContent === 'space-between'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md index 9ee35e32e9d..f85f3a2c88c 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md @@ -7,7 +7,7 @@ dashedName: step-26 # --description-- -Create a new `div` element below your `header` element, and give it a `class` attribute set to `divider large`. +在你的 `header` 元素下創建一個新的 `div` 元素，並將其 `class` 屬性設置爲 `divider large`。 # --hints-- @@ -23,7 +23,7 @@ assert(document.querySelectorAll('div')?.length === 3); assert(document.querySelector('.label')?.lastElementChild?.localName === 'div'); ``` -Your new `div` element should have the `class` attribute set to `divider large`. +你的新 `div` 元素應該將 `class` 屬性設置爲 `divider large`。 ```js const div = document.querySelector('.label')?.lastElementChild; diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4f9e4a40566b776a8f38.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4f9e4a40566b776a8f38.md index 715501d014c..defbeabe8b0 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4f9e4a40566b776a8f38.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4f9e4a40566b776a8f38.md @@ -7,29 +7,29 @@ dashedName: step-27 # --description-- -Create a new `.large` selector and give it a `height` property set to `10px`. Also create an `.large, .medium` selector and set the `background-color` property to `black`. +創建一個新的 `.large` 選擇器，並將其 `height` 屬性設置爲 `10px`。 同時創建一個 `.large, .medium` 選擇器，並將 `background-color` 屬性設置爲 `black`。 # --hints-- -You should have a new `.large` selector. +你應該有一個新的 `.large` 選擇器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.large')); ``` -Your `.large` selector should have a `height` property set to `10px`. +你的 `.large` 選擇器應該將 `height` 屬性設置爲 `10px`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.large')?.height === '10px'); ``` -You should have a new `.large, .medium` selector. +你應該有一個新的 `.large, .medium` 選擇器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.large, .medium')); ``` -Your `.large, .medium` selector should have a `background-color` property set to `black`. +你的 `.large, .medium` 選擇器應該有一個 `background-color` 屬性設置爲 `black`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.large, .medium')?.backgroundColor === 'black'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f50473cc0196c6dd3892a.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f50473cc0196c6dd3892a.md index ea6eaa1d1df..39d72cf29f2 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f50473cc0196c6dd3892a.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f50473cc0196c6dd3892a.md @@ -7,13 +7,13 @@ dashedName: step-28 # --description-- -You may notice there is still a small border at the bottom of your `.large` element. To reset this, give your `.large, .medium` selector a `border` property set to `0`. +你可能會注意到 `.large` 元素的底部仍有一個小邊框。 要重置它，給 `.large, .medium` 選擇器一個 `border` 屬性設置爲 `0`。 -Note: the `medium`(medium) class will be utilized in step 37 for the thinner bars of the nutrition label. +注意：`medium`（中等）類將在步驟 37 中用於營養標籤的較細柱狀圖。 # --hints-- -Your `.large, .medium` selector should have a `border` property set to `0`. +你的 `.large, .medium` 選擇器應該有一個 `border` 屬性設置爲 `0`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.large, .medium')?.borderWidth === '0px'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51257a8a516d80b6c743.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51257a8a516d80b6c743.md index 24bf7e963fd..c2040f27f73 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51257a8a516d80b6c743.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51257a8a516d80b6c743.md @@ -7,7 +7,7 @@ dashedName: step-29 # --description-- -Create a new `div` below your `.large` element and give it a `class` attribute set to `calories-info`. +在你的 `.large` 元素下創建一個新的 `div`，並將 `class` 屬性設置爲 `calories-info`。 # --hints-- @@ -23,7 +23,7 @@ assert(document.querySelectorAll('div')?.length === 4); assert(document.querySelector('.label')?.lastElementChild?.classList?.contains('calories-info')); ``` -Your new `div` should come after the `.large` element. +你的新 `div` 應該在 `.large` 元素之後。 ```js assert(document.querySelector('.label')?.lastElementChild?.previousElementSibling?.classList?.contains('large')); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md index 5aa7aac2ab2..a8ff7065faf 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md @@ -7,36 +7,36 @@ dashedName: step-30 # --description-- -Within your `.calories-info` element, create a `div` element. Give that `div` element a `class` attribute set to `left-container`. Within the newly created `div` element, create a `h2` element with the text `Amount per serving`. Give the `h2` element a `class` attribute set to `bold small-text`. +在你的 `.calories-info` 元素中，創建一個 `div` 元素。 給那個 `div` 元素一個 `class` 屬性設置爲 `left-container`。 在新創建的 `div` 元素中，創建一個帶有文本 `Amount per serving` 的 `h2` 元素。 給 `h2` 元素一個 `class` 屬性設置爲 `bold small-text`。 # --hints-- -You should create a new `div` element within your `.calories-info` element. +你應該在你的 `.calories-info` 元素中創建一個新的 `div` 元素。 ```js assert(document.querySelector('.calories-info')?.children?.[0]?.localName === 'div'); ``` -Your new `div` element should have a `class` attribute set to `left-container`. +你的新 `div` 元素應該有一個 `class` 屬性值爲 `left-container`。 ```js assert(document.querySelector('.calories-info')?.children?.[0]?.classList.contains('left-container')); ``` -You should create a new `h2` element within your `.left-container` element. +你應該在你的 `.left-container` 元素中創建一個新的 `h2` 元素。 ```js assert(document.querySelector('.left-container')?.children?.[0]?.localName === 'h2'); ``` -Your new `h2` element should have a `class` attribute set to `bold small-text`. +你的新 `h2` 元素應該有一個 `class` 屬性設置爲 `bold small-text`。 ```js assert(document.querySelector('.left-container')?.children?.[0]?.classList.contains('bold')); assert(document.querySelector('.left-container')?.children?.[0]?.classList.contains('small-text')); ``` -Your new `h2` element should have the text `Amount per serving`. +你的新 `h2` 元素應包含文本 `Amount per serving`。 ```js assert(document.querySelector('.left-container')?.children?.[0]?.innerText === 'Amount per serving'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f522dea4f776f64dc3e91.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f522dea4f776f64dc3e91.md index 7fb1bce09af..939a2663648 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f522dea4f776f64dc3e91.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f522dea4f776f64dc3e91.md @@ -9,17 +9,17 @@ dashedName: step-31 `rem` 單位代表 `root em`，與 `html` 元素的字體大小有關。 -Create an `.small-text` selector and set the `font-size` to `0.85rem`, which would calculate to be roughly `13.6px` (remember that you set your `html` to have a `font-size` of `16px`). +創建一個 `.small-text` 選擇器，並將 `font-size` 設置爲 `0.85rem`，計算結果大致爲 `13.6px`（記得你之前將 `html` 設置爲具有 `16px` 的 `font-size`）。 # --hints-- -You should have an `.small-text` selector. +你應該有一個 `.small-text` 選擇器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.small-text')); ``` -Your `.small-text` selector should have a `font-size` property set to `0.85rem`. +你的 `.small-text` 選擇器應該有一個 `font-size` 屬性設置爲 `0.85rem`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.small-text')?.fontSize === '0.85rem'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md index 91855ad7f6b..d77d7424a73 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md @@ -1,41 +1,41 @@ --- id: 615f5486b8fd4b71633f69b0 -title: Step 33 +title: 步驟 33 challengeType: 0 dashedName: step-33 --- # --description-- -Below your `.small-text` element, create a new `p` element with the text `Calories`. Also below the `.left-container` element, create a new `span` element with the text `230`. +在你的 `.small-text` 元素下方，創建一個新的 `p` 元素，具有文本 `Calories`。 在你的 `.left-container` 元素下方，創建一個新的 `span` 元素，具有文本 `230`。 # --hints-- -You should have a new `p` element within your `.calories-info` element. +你應該在 `.calories-info` 元素中創建一個新的 `p` 元素。 ```js assert(document.querySelector('.calories-info')?.querySelector('p')) ``` -You should have a new `span` element within your `.calories-info` element. +你應該在 `.calories-info` 元素中創建一個新的 `span` 元素。 ```js assert(document.querySelector('.calories-info')?.querySelector('span')) ``` -Your `p` element should come after your `.small-text` element. +你的 `p` 元素應該在 `.small-text` 元素之後。 ```js assert(document.querySelector('.small-text')?.nextElementSibling?.localName === 'p'); ``` -Your `p` element should have the text `Calories`. +你的 `p` 元素應包含文本 `Calories`。 ```js assert(document.querySelector('.left-container')?.lastElementChild?.innerText === 'Calories'); ``` -Your `span` element should come after your `.left-container` element. +你的 `span` 元素應該位於 `.left-container` 元素之後。 ```js assert(document.querySelector('.left-container')?.nextElementSibling?.localName ==='span'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md index 14f20ffb784..b10c1dd221a 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md @@ -1,23 +1,23 @@ --- id: 615f575b50b91e72af079480 -title: Step 35 +title: 步驟 35 challengeType: 0 dashedName: step-35 --- # --description-- -Create a new `.left-container p` selector setting the top and bottom margin to `-5px`, and the left and right margin to `-2px`. Also set the `font-size` to `2em` and `font-weight` to `700`. +創建一個新的 `.left-container p` 選擇器，將上下邊距設置爲 `-5px`，將左右邊距設置爲 `-2px`。 也將 `font-size` 設置爲 `2em`，將 `font-weight` 設置爲 `700`。 # --hints-- -You should have a new `.left-container p` selector. +你應該有一個新的 `.left-container p` 選擇器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.left-container p')); ``` -Your new `.left-container p` selector should have a `margin` property set to `-5px -2px`. +你的新 `.left-container p` 選擇器應將 `margin` 屬性設置爲 `-5px -2px`。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.left-container p')?.marginTop, '-5px'); @@ -26,13 +26,13 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.left-container p')?.marg assert.equal(new __helpers.CSSHelp(document).getStyle('.left-container p')?.marginRight, '-2px'); ``` -Your new `.left-container p` selector should have a `font-size` property set to `2em`. +你的新 `.left-container p` 選擇器應將 `font-size` 屬性設置爲 `2em`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.left-container p')?.fontSize === '2em'); ``` -Your new `.left-container p` selector should have a `font-weight` property set to `700`. +你的新 `.left-container p` 選擇器應該有一個 `font-weight` 屬性設置爲 `700`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.left-container p')?.fontWeight === '700'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md index 2c704e144e2..2af0fc4c035 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md @@ -1,13 +1,13 @@ --- id: 615f5af373a68e744a3c5a76 -title: Step 36 +title: 步驟 36 challengeType: 0 dashedName: step-36 --- # --description-- -Create a `.calories-info span` selector, set its `font-size` to `2.4em` and `font-weight` to `700`. +創建一個 `.calories-info span` 選擇器，將其 `font-size` 設置爲 `2.4em`，`font-weight` 設置爲 `700`。 # --hints-- @@ -17,13 +17,13 @@ Create a `.calories-info span` selector, set its `font-size` to `2.4em` and `fon assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')); ``` -Your `.calories-info span` selector should have a `font-size` property set to `2.4em`. +你的 `.calories-info span` 選擇器應該有一個 `font-size` 屬性設置爲 `2.4em`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.fontSize === '2.4em'); ``` -Your `.calories-info span` selector should have a `font-weight` property set to `700`. +你的 `.calories-info span` 選擇器應該有一個 `font-weight` 屬性設置爲 `700`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.fontWeight === '700'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md index 2bfa47f0862..caf9350caca 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md @@ -1,6 +1,6 @@ --- id: 615f5fd85d0062761f288364 -title: Step 37 +title: 步驟 37 challengeType: 0 dashedName: step-37 --- @@ -9,11 +9,11 @@ dashedName: step-37 排版往往是藝術而非科學。 你可能需要調整對齊等內容，直到它看起來正確爲止。 -Give your `.calories-info span` selector a `margin` set to `-7px -2px`. 這會將 `230` 文本移動到位。 +給你的 `.calories-info span` 選擇器一個 `margin` 設置爲 `-7px -2px`。 這會將 `230` 文本移動到位。 # --hints-- -Your `.calories-info span` selector should have a `margin` set to `-7px -2px`. +你的 `.calories-info span` 選擇器應將 `margin` 設置爲 `-7px -2px`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.margin === '-7px -2px'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md index 2ea3ac3d3a2..b67deceb541 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md @@ -1,13 +1,13 @@ --- id: 615f61338c8ca176d6445574 -title: Step 38 +title: 步驟 38 challengeType: 0 dashedName: step-38 --- # --description-- -Below your `.calories-info` element, add a `div` with the `class` attribute set to `divider medium`. +在你的 `.calories-info` 元素下方，添加一個 `div`，並將 `class` 屬性設置爲 `divider medium`。 # --hints-- @@ -17,7 +17,7 @@ Below your `.calories-info` element, add a `div` with the `class` attribute set assert(document.querySelectorAll('.label > div')?.length === 3) ``` -Your new `div` should have the `class` attribute set to `divider medium`. 這個 div 應該是 `.label` 元素中的最後一個元素。 +你的新的 `div` 應該將 `class` 屬性設置爲 `divider medium`。 這個 div 應該是 `.label` 元素中的最後一個元素。 ```js const div = document.querySelector('.label')?.lastElementChild; diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md index f074a2cf764..d5ac9c2fca1 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md @@ -1,23 +1,23 @@ --- id: 615f666ac5edea782feb7e75 -title: Step 39 +title: 步驟 39 challengeType: 0 dashedName: step-39 --- # --description-- -Create an `.medium` selector and give it a `height` property of `5px`. +創建一個 `.medium` 選擇器，併爲其設置 `height` 屬性爲 `5px`。 # --hints-- -You should create an `.medium` selector. +你應該創建一個 `.medium` 選擇器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.medium')); ``` -Your `.medium` selector should have a `height` property set to `5px`. +你的`.medium` 選擇器應該將 `height` 屬性設置爲 `5px`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.medium')?.height === '5px'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md index 94ddfb4474b..edf02e0ee8c 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md @@ -1,17 +1,17 @@ --- id: 615f671b6d1919792745aa5d -title: Step 40 +title: 步驟 40 challengeType: 0 dashedName: step-40 --- # --description-- -Create a new `div` element below your `.medium` element. Give it a `class` attribute set to `daily-value small-text`. Within this new `div`, add a `p` element with the text `% Daily Value *`, and set the `class` attribute to `bold right`. +在你的 `.medium` 元素下創建一個新的 `div` 元素。 給它一個 `class` 屬性設置爲 `daily-value small-text`。 在這個新的 `div` 中，添加一個帶有文本 `% Daily Value *` 的 `p` 元素，並設置 `class` 屬性爲 `bold right`。 # --hints-- -You should create a new `div` element after your `.medium` element. +你應該在 `.medium` 元素之後創建一個新的 `div` 元素。 ```js assert(document.querySelector('.label')?.lastElementChild?.localName === 'div'); @@ -19,7 +19,7 @@ assert(document.querySelector('.label')?.lastElementChild?.previousElementSiblin assert(document.querySelector('.label')?.lastElementChild?.previousElementSibling?.classList?.contains('medium')); ``` -Your new `div` should have a `class` attribute set to `daily-value small-text`. +你的新 `div` 應該有一個 `class` 屬性設置爲 `daily-value small-text`。 ```js assert(document.querySelector('.label')?.lastElementChild?.classList?.contains('daily-value')); @@ -38,7 +38,7 @@ assert(document.querySelector('.label')?.lastElementChild?.firstElementChild?.lo assert(document.querySelector('.label')?.lastElementChild?.firstElementChild?.textContent === '% Daily Value *'); ``` -Your new `p` element should have a `class` attribute set to `bold right`. +你的新 `p` 元素應該有一個 `class` 屬性設置爲 `bold right`。 ```js assert(document.querySelector('.label')?.lastElementChild?.firstElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md index 94a17c3f977..f7dd9295292 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md @@ -1,17 +1,17 @@ --- id: 615f6823d0815b7a991f2a75 -title: Step 42 +title: 步驟 42 challengeType: 0 dashedName: step-42 --- # --description-- -Use your existing `.divider` element as an example to add a new divider after the `p` element. +以現有的 `.divider` 元素爲例，在 `p` 元素之後添加新的分隔符。 # --hints-- -You should create a new `div` within your `.daily-value` element. +你應該在 `.daily-value` 元素之後創建一個新的 `div`。 ```js assert(document.querySelectorAll('.daily-value.small-text > div')?.length === 1) diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md index b859621c016..fc6a81f51f8 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md @@ -1,13 +1,13 @@ --- id: 615f6b2d164f81809efd9bdc -title: Step 43 +title: 步驟 43 challengeType: 0 dashedName: step-43 --- # --description-- -在最後一個 `.divider` 元素之後，創建一個 `p` 元素併爲其指定文本 `Total Fat 8g 10%`。 將 `Total Fat` 包裹在 `span` 元素中，並將 `class` 設置爲 `bold`。 Wrap `10%` in another `span` element with the `class` set to `bold`. Finally, nest the `Total Fat` `span` element and the text `8g` in an additional `span` element for alignment. +在最後一個 `.divider` 元素之後，創建一個 `p` 元素併爲其指定文本 `Total Fat 8g 10%`。 將 `Total Fat` 包裹在 `span` 元素中，並將 `class` 設置爲 `bold`。 將 `10%` 包裹在另一個 `span` 元素中，並將 `class` 設置爲 `bold`。 最後：嵌套 `Total Fat` `span` 元素和文本 `8g` 在另一個 `span` 元素中，以實現對齊。 # --hints-- @@ -23,37 +23,37 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Total Fat[\s|\n]+8g[\s|\n]+10%/)); ``` -Your `p` element should have three `span` elements. +你的 `p` 元素應該有三個 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3); ``` -One `span` element should wrap the text `Total Fat`. +一個 `span` 元素應該包含文本 `Total Fat`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span > span')?.innerText === 'Total Fat'); ``` -The `span` element around `Total Fat` should have the `class` set to `bold`. +包裹 `Total Fat` 的 `span` 元素應該有 `class` 爲 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span > span')?.className === 'bold'); ``` -A `span` element should wrap the text `10%`. +一個 `span` 元素應該包含文本 `10%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span + span')?.innerText === '10%'); ``` -The `span` element around `10%` should have the `class` set to `bold`. +包裹 `10%` 的 `span` 元素應該有 `class` 爲 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.[1]?.className === 'bold'); ``` -A `span` element should have the text `Total Fat 8g`. +一個 `span` 元素應該包含文本 `Total Fat 8g`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Total Fat[\s|\n]+8g/)); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md index 04d4497b806..a33310ad9b4 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md @@ -1,13 +1,13 @@ --- id: 615f6cc778f7698258467596 -title: Step 44 +title: 步驟 44 challengeType: 0 dashedName: step-44 --- # --description-- -在帶有 `Total Fat` 文本的元素下方，使用文本 `Saturated Fat 1g 5%` 創建一個新的 `p` 元素。 Wrap the `5%` in a `span` with the `class` attribute set to `bold`. In this case this is enough to align the percentage to `5%`. +在帶有 `Total Fat` 文本的元素下方，使用文本 `Saturated Fat 1g 5%` 創建一個新的 `p` 元素。 將 `5%` 包裹在一個 `span` 中，並將 `class` 屬性設置爲 `bold`。 在這種情況下，將百分比設置爲 `5%` 足夠了。 # --hints-- @@ -30,7 +30,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.inne assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.localName === 'span'); ``` -Your `span` element should have the `class` attribute set to `bold`. +你的 `span` 元素應該將 `class` 屬性設置爲 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md index 652da1dd958..5506f6abf83 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md @@ -1,6 +1,6 @@ --- id: 615f6fddaac1e083502d3e6a -title: Step 45 +title: 步驟 45 challengeType: 0 dashedName: step-45 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md index 7bf5dc8a19c..b59d39dfeaa 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md @@ -1,6 +1,6 @@ --- id: 615f70077a4ff98424236c1e -title: Step 46 +title: 步驟 46 challengeType: 0 dashedName: step-46 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md index 1d9721bc361..506a5063475 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md @@ -1,6 +1,6 @@ --- id: 615f72a872354a850d4f533e -title: Step 47 +title: 步驟 47 challengeType: 0 dashedName: step-47 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md index 746a171b5d8..1f314bfe4ef 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md @@ -1,6 +1,6 @@ --- id: 615f74a71f1e498619e38ee8 -title: Step 48 +title: 步驟 48 challengeType: 0 dashedName: step-48 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md index 805fb174c68..36b0c5af24c 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md @@ -1,6 +1,6 @@ --- id: 615f7ad94380408d971d14f6 -title: Step 49 +title: 步驟 49 challengeType: 0 dashedName: step-49 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md index 26aa39c949b..9f1cade8a9f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md @@ -1,6 +1,6 @@ --- id: 615f7bc680f7168ea01ebf99 -title: Step 50 +title: 步驟 50 challengeType: 0 dashedName: step-50 --- @@ -13,7 +13,7 @@ dashedName: step-50 # --hints-- -You should create a new `div` at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `div`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'div'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md index 9ebce95ba41..3c4752a6ce8 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md @@ -1,17 +1,17 @@ --- id: 615f7c71eab8218f846e4503 -title: Step 51 +title: 步驟 51 challengeType: 0 dashedName: step-51 --- # --description-- -在最後一個 `.divider` 之後，創建另一個 `p` 元素，其中包含文本 `Trans Fat 0g`。 通過將單詞 `Trans` 包裝在 `i` 元素中，將其變爲斜體。 給新的 `p` 元素的 `class` 屬性設置爲 `indent no-divider`。 Wrap `Trans Fat 0g` in a `span` element for alignment. +在最後一個 `.divider` 之後，創建另一個 `p` 元素，其中包含文本 `Trans Fat 0g`。 通過將單詞 `Trans` 包裝在 `i` 元素中，將其變爲斜體。 給新的 `p` 元素的 `class` 屬性設置爲 `indent no-divider`。 將 `Trans Fat 0g` 放在一個 `span` 元素中，以對齊它。 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -43,13 +43,13 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.quer assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('i')?.innerText === 'Trans'); ``` -Your new `p` element should have a `span` element. +你的新 `p` 元素應該有一個 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')); ``` -Your `span` element should wrap the text `Trans Fat 0g`. +你的 `span` 元素應該包含文本 `Trans Fat 0g`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')?.innerText?.match(/Trans[\s|\n]+Fat 0g/)); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md index 9fc1c5474f9..a745831fc26 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md @@ -1,6 +1,6 @@ --- id: 615f7d489a581590d1350288 -title: Step 52 +title: 步驟 52 challengeType: 0 dashedName: step-52 --- @@ -11,7 +11,7 @@ dashedName: step-52 # --hints-- -You should create a new `div` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `div` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'div'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md index 452910cfdf5..cc2dcaf60c6 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md @@ -1,17 +1,17 @@ --- id: 615f7de4487b64919bb4aa5e -title: Step 53 +title: 步驟 53 challengeType: 0 dashedName: step-53 --- # --description-- -在最後一個 `.divider` 之後，使用文本 `Cholesterol 0mg 0%` 創建一個新的 `p` 元素。 將文本 `Cholesterol` 包裹在 `span` 元素中，並將 `span` 元素的 `class` 屬性設置爲 `bold`。 Wrap the text `0%` in another `span` element, with the `class` set to `bold`. Finally, nest the `Cholesterol` and `0mg` span elements inside an additional span element for alignment. +在最後一個 `.divider` 之後，使用文本 `Cholesterol 0mg 0%` 創建一個新的 `p` 元素。 將文本 `Cholesterol` 包裹在 `span` 元素中，並將 `span` 元素的 `class` 屬性設置爲 `bold`。 將文本 `0%` 包裹在另一個 `span` 元素中，並將 `class` 設置爲 `bold`。 最後，嵌套 `Cholesterol` 和 `0mg` span 元素在另一個 span 元素中，以實現對齊。 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -23,37 +23,37 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Cholesterol[\s|\n]+0mg[\s|\n]+0%/)); ``` -Your new `p` element should have three `span` elements. +你的新的 `p` 元素應該有三個 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3); ``` -Your first `span` `Cholesterol` element should have the `class` attribute set to `bold`. +你的第一個 `span` `Cholesterol` 元素應該將 `class` 屬性設置爲 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.classList?.contains('bold')); ``` -Your first `span` element should wrap the text `Cholesterol 0mg`. +你的第一個 `span` 元素應該包含文本 `Cholesterol 0mg`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Cholesterol[\s|\n]+0mg/)); ``` -Your first `span` element should wrap the text `Cholesterol`. +你的第一個 `span` 元素應該包含文本 `Cholesterol`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === 'Cholesterol'); ``` -Your second `span` element should have the `class` attribute set to `bold`. +你的第二個 `span` 元素應該將 `class` 屬性設置爲 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold')); ``` -Your second `span` element should wrap the text `0%`. +你的第二個 `span` 元素應該包含文本 `0%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '0%'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md index 80029a1efe8..8d31ab66f65 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md @@ -1,17 +1,17 @@ --- id: 615f7e7281626a92bbd62da8 -title: Step 54 +title: 步驟 54 challengeType: 0 dashedName: step-54 --- # --description-- -在最後一個 `p` 元素下方，使用文本 `Sodium 160mg 7%` 創建另一個 `p` 元素。 將文本 `Sodium` 包裹在 `span` 元素中，並將 `class` 屬性設置爲 `bold`。 Wrap the `7%` text in another `span` element with the `class` set to `bold`. Also add an additional `span` element around `Sodium 160mg` for aligning it correctly. +在最後一個 `p` 元素下方，使用文本 `Sodium 160mg 7%` 創建另一個 `p` 元素。 將文本 `Sodium` 包裹在 `span` 元素中，並將 `class` 屬性設置爲 `bold`。 將 `7%` 文本包裹在另一個 `span` 元素中，其中 `class` 設置爲 `bold`。 另外在 `Sodium 160mg` 外面添加一個 `span` 元素，以便正確地對齊。 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -23,37 +23,37 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Sodium[\s|\n]160mg[\s|\n]+7%/)); ``` -Your new `p` element should have three `span` elements. +你的新的 `p` 元素應該有三個 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3); ``` -A `span` element should wrap the text `Sodium 360mg`. +一個 `span` 元素應該包含文本 `Sodium 360mg`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Sodium[\s|\n]160mg/)); ``` -A `span` element should wrap the text `Sodium`. +一個 `span` 元素應該包含文本 `Sodium`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === "Sodium"); ``` -The `span` around `Sodium` should have the `class` attribute set to `bold`. +包裹 `Sodium` 的 `span` 元素應該有 `class` 爲 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.classList?.contains('bold')); ``` -A `span` element should wrap the text `7%`. +一個 `span` 元素應該包含文本 `7%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '7%'); ``` -The `span` element around `7%` should have the `class` attribute set to `bold`. +包裹 `7%` 的 `span` 元素應該有 `class` 屬性爲 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md index 3add8f85d7e..a1f24bdf53a 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md @@ -1,17 +1,17 @@ --- id: 615f7ecb09de9a938ef94756 -title: Step 55 +title: 步驟 55 challengeType: 0 dashedName: step-55 --- # --description-- -添加另一個 `p` 元素，其文本爲 `Total Carbohydrate 37g 13%`。 Like before, use `span` elements to make the text `Total Carbohydrate` and `13%` bold. Also add an additional `span` element to wrap the `Total Carbohydrate 37g` text in a span element so to have it aligned to the left, and `13%` to the right. +添加另一個 `p` 元素，其文本爲 `Total Carbohydrate 37g 13%`。 像之前一樣，使用 `span` 元素使文本 `Total Carbohydrate` 和 `13%` 加粗。 再添加一個 `span` 元素來包裹 `Total Carbohydrate 37g` 文本，使其對齊到左邊，`13%` 對齊到右邊。 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -23,43 +23,43 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Total Carbohydrate[\s|\n]+37g[\s|\n]+13%/)); ``` -Your new `p` element should have three `span` elements. +你的新的 `p` 元素應該有三個 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3); ``` -One `span` element should wrap the text `Total Carbohydrate 37g`. +一個 `span` 元素應該包含文本 `Total Carbohydrate 37g`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Total Carbohydrate[\s|\n]+37g/)); ``` -One `span` element should wrap the text `Total Carbohydrate`. +一個 `span` 元素應該包含文本 `Total Carbohydrate`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === 'Total Carbohydrate'); ``` -The `span` element around `Total Carbohydrate` should have the `class` attribute set to `bold`. +包裹 `Total Carbohydrate` 的 `span` 元素應該有 `class` 爲 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.classList?.contains('bold')); ``` -A `span` element should wrap the text `13%`. +一個 `span` 元素應該包含文本 `13%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '13%'); ``` -The `span` element around `13%` should have the `class` attribute set to `bold`. +包裹 `13%` 的 `span` 元素應該有 `class` 屬性爲 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold')); ``` -Your second `span` element should wrap the text `13%`. +你的第二個 `span` 元素應該包含文本 `13%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '13%'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md index 8f9fcfad859..53b7b97bb3d 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md @@ -1,6 +1,6 @@ --- id: 615f7fa959ab75948f96a0d6 -title: Step 56 +title: 步驟 56 challengeType: 0 dashedName: step-56 --- @@ -11,7 +11,7 @@ dashedName: step-56 # --hints-- -You should create a new `p` and `div` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 和 `div` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md index db773b01f62..0220661a5eb 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md @@ -1,6 +1,6 @@ --- id: 615f808d85793195b0f53be9 -title: Step 57 +title: 步驟 57 challengeType: 0 dashedName: step-57 --- @@ -11,7 +11,7 @@ dashedName: step-57 # --hints-- -You should create a new `p` and `div` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 和 `div` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md index c5ebb93f61b..33feec06322 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md @@ -1,17 +1,17 @@ --- id: 615f829d07b18f96f6f6684b -title: Step 58 +title: 步驟 58 challengeType: 0 dashedName: step-58 --- # --description-- -創建這些分隔線的好處是你可以應用特定的類來單獨設置它們的樣式。 Add `double-indent` to the `class` for your last `.divider`. +創建這些分隔線的好處是你可以應用特定的類來單獨設置它們的樣式。 將 `double-indent` 添加到你的最後一個 `.divider` 的 `class`。 # --hints-- -Your last `.divider` element should have `double-indent` added to the `class`. 不要刪除現有值。 +你的最後一個 `.divider` 元素應該將 `double-indent` 添加到 `class`。 不要刪除現有值。 ```js const last = document.querySelector('.daily-value.small-text')?.lastElementChild; diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md index 370fd147adf..02cefb220d0 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md @@ -1,23 +1,23 @@ --- id: 615f83ef928ec9982b785b6a -title: Step 59 +title: 步驟 59 challengeType: 0 dashedName: step-59 --- # --description-- -Create a `.double-indent` selector and give it a left margin of `2em`. +創建一個 `.double-indent` 選擇器，並給它一個 `2em` 的左邊距。 # --hints-- -You should have a new `.double-indent` selector. +你應該有一個新的 `.double-indent` 選擇器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.double-indent')); ``` -Your `.double-indent` selector should have a `margin-left` property set to `2em`. +你的 `.double-indent` 選擇器應該有一個 `margin-left` 屬性設置爲 `2em`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.double-indent')?.marginLeft === '2em'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md index feb1b858190..009d98d1101 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md @@ -1,19 +1,19 @@ --- id: 615f84f246e8ba98e3cd97be -title: Step 60 +title: 步驟 60 challengeType: 0 dashedName: step-60 --- # --description-- -Below your `.double-indent` element, add a new `p` element with the text `Includes 10g Added Sugars 20%`. 新的 `p` 元素也應該是雙縮進的，並且沒有下邊框。 使用 `span` 使 `20%` 加粗並右對齊。 +在你的 `.double-indent` 元素的下方，添加一個新的 `p` 元素，其中包含文本 `Includes 10g Added Sugars 20%`。 新的 `p` 元素也應該是雙縮進的，並且沒有下邊框。 使用 `span` 使 `20%` 加粗並右對齊。 然後在該 `p` 元素之後創建另一個分隔線。 # --hints-- -You should create a new `p` and `div` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 和 `div` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); @@ -26,7 +26,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca assert(document.querySelector('.daily-value.small-text p:last-of-type')?.innerText.match(/Includes 10g Added Sugars[\s|\n]+20%/)); ``` -Your new `p` element should have the `class` attribute set to `double-indent no-divider`. +你的新 `p` 元素應該將 `class` 屬性設置爲 `double-indent no-divider`。 ```js assert(document.querySelector('.daily-value.small-text p:last-of-type')?.classList?.contains('double-indent')); @@ -39,7 +39,7 @@ assert(document.querySelector('.daily-value.small-text p:last-of-type')?.classLi assert(document.querySelector('.daily-value.small-text p:last-of-type')?.firstElementChild?.localName === 'span'); ``` -Your `span` element should have the `class` attribute set to `bold`. +你的 `span` 元素應該將 `class` 屬性設置爲 `bold`。 ```js assert(document.querySelector('.daily-value.small-text p:last-of-type')?.firstElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md index 1755cca80be..647877abfba 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md @@ -1,6 +1,6 @@ --- id: 615f887466db4ba14b5342cc -title: Step 61 +title: 步驟 61 challengeType: 0 dashedName: step-61 --- @@ -13,7 +13,7 @@ dashedName: step-61 # --hints-- -You should create a new `p` and `div` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 和 `div` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); @@ -32,7 +32,7 @@ assert(document.querySelector('.daily-value.small-text p:last-of-type')?.innerTe assert(document.querySelector('.daily-value.small-text p:last-of-type')?.classList?.contains('no-divider')); ``` -Your new `div` should have the `class` attribute set to `divider large`. +你的新 `div` 應該將 `class` 屬性設置爲 `divider large`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.classList?.contains('divider')); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md index ef819e74ec0..f2b7d297409 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md @@ -1,6 +1,6 @@ --- id: 615f89e055040ba294719d2f -title: Step 62 +title: 步驟 62 challengeType: 0 dashedName: step-62 --- @@ -9,29 +9,29 @@ dashedName: step-62 在大分隔線下方創建另一個 `p` 元素。 爲 `p` 元素提供文本 `Vitamin D 2mcg 10%`。 -The `p` element contains only text, you can wrap the percentage in a `span` element so that it is considered a separate entity from the rest of the text, and it's moved to the right. +`p` 元素只包含文本，你可以將百分比放在 `span` 元素中，這樣它就可以被視爲與其餘文本分開的內容，並且它被移動到右邊。 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); ``` -Your new `p` element should have the text `Vitamin D 2mcg 10%`. +你的新 `p` 元素應包含文本 `Vitamin D 2mcg 10%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Vitamin D 2mcg[\s|\n]+10%/)); ``` -Your new `p` element should have a `span` element. +你的新 `p` 元素應該有一個 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 1); ``` -Your `span` element should not be bold. +你的 `span` 元素不應該是粗體。 ```js assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md index 7164517af6c..d6aa8ad9baa 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md @@ -1,6 +1,6 @@ --- id: 615f8bfe0f30a1a3c340356b -title: Step 63 +title: 步驟 63 challengeType: 0 dashedName: step-63 --- @@ -11,7 +11,7 @@ dashedName: step-63 # --hints-- -You should create two new `p` elements at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -30,7 +30,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.prev assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.firstElementChild?.localName === 'span'); ``` -Your first `span` element should not be bold. +你的第一個 `span` 元素不應該是粗體。 ```js assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.firstElementChild?.classList?.contains('bold')); @@ -54,7 +54,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.inne assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.localName === 'span'); ``` -Your second `span` element should not be bold. +你的第二個 `span` 元素不應該是粗體。 ```js assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md index cf0cf15cf78..e552061dcf1 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md @@ -1,6 +1,6 @@ --- id: 615f8f1223601fa546e93f31 -title: Step 64 +title: 步驟 64 challengeType: 0 dashedName: step-64 --- @@ -11,7 +11,7 @@ dashedName: step-64 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你應該在 `.daily-value` 元素的末尾創建一個新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -35,7 +35,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.inne assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 1); ``` -Your `span` element should not be bold. +你的 `span` 元素不應該是粗體。 ```js assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md index 593928f3898..e8e574f4aaa 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md @@ -1,6 +1,6 @@ --- id: 615f905fbd1017a65ca224eb -title: Step 65 +title: 步驟 65 challengeType: 0 dashedName: step-65 --- @@ -23,7 +23,7 @@ dashedName: step-65 assert(document.querySelector('.daily-value').nextElementSibling?.localName === 'div'); ``` -Your new `div` should have the `class` set to `divider medium`. +你的新 `div` 應該將 `class` 設置爲 `divider medium`。 ```js assert(document.querySelector('.daily-value')?.nextElementSibling?.classList?.contains('divider')); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md index c3ced861d4c..94be5f102c8 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md @@ -1,6 +1,6 @@ --- id: 615f94786869e1a7fec54375 -title: Step 66 +title: 步驟 66 challengeType: 0 dashedName: step-66 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md index 17d0189953f..83f29d58844 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md @@ -1,6 +1,6 @@ --- id: 615f951dff9317a900ef683f -title: Step 67 +title: 步驟 67 challengeType: 0 dashedName: step-67 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md index d9073bf18ba..ebac16c92f9 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md @@ -1,17 +1,17 @@ --- id: 635bde33c91c80540eae239b -title: Step 41 +title: 步驟 41 challengeType: 0 dashedName: step-41 --- # --description-- -The text `* Daily Value %` should be aligned to the right. Create a `.right` selector and use the `justify-content` property to do it. +文本 `* Daily Value %` 應該右對齊。 創建一個 `.right` 選擇器，並使用 `justify-content` 屬性來實現它。 # --hints-- -You should have a `.right` selector. +你應該有一個 `.right` 選擇器。 ```js const hasRight = new __helpers.CSSHelp(document).getStyle('.right'); @@ -19,7 +19,7 @@ assert(hasRight); ``` -The `.right` selector should have the `justify-content` property set to `flex-end`. +`.right` 選擇器應該將 `justify-content` 屬性設置爲 `flex-end`。 ```js const rightJustifyContent = new __helpers.CSSHelp(document).getStyle('.right')?.getPropertyValue('justify-content'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md index e6f009b7e04..055171398bc 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md @@ -1,23 +1,23 @@ --- id: 6395d33ab5d91bf317107c48 -title: Step 32 +title: 步驟 32 challengeType: 0 dashedName: step-32 --- # --description-- -Create a `.calories-info h2` selector and remove all margins. +創建一個 `.calories-info h2` 選擇器並刪除所有邊距。 # --hints-- -Create a `.calories-info h2` selector. +創建一個 `.calories-info h2` 選擇器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info h2')); ``` -Your `.calories-info h2` selector should have a `margin` set to `0`. +你的 `.calories-info h2` 選擇器應將 `margin` 設置爲 `0`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info h2')?.margin === '0px'); diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md index 6a2dbb37aa9..33f1d124682 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md @@ -1,35 +1,35 @@ --- id: 6396e33fe478dd264ebbf278 -title: Step 34 +title: 步驟 34 challengeType: 0 dashedName: step-34 --- # --description-- -Create a new `.calories-info` selector and give it a `display` property set to `flex`. Also give it a `justify-content` property set to `space-between` and `align-items` property set to `flex-end`. +創建一個新的 `.calories-info` 選擇器，並將其 `display` 屬性設置爲 `flex`。 也給它一個 `justify-content` 屬性設置爲 `space-between`，以及 `align-items` 屬性設置爲 `flex-end`。 # --hints-- -You should create a `.calories-info` selector. +你應該創建一個 `.calories-info` 選擇器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info')); ``` -Your `.calories-info` selector should have a `display` property set to `flex`. +你的 `.calories-info` 選擇器應該將 `display` 屬性設置爲 `flex`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info')?.display === 'flex'); ``` -Your `.calories-info` selector should have a `justify-content` property set to `space-between`. +你的 `.calories-info` 選擇器應具有 `justify-content` 屬性設置爲 `space-between`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info')?.justifyContent === 'space-between'); ``` -Your `.calories-info` selector should have a `align-items` property set to `flex-end`. +你的 `.calories-info` 選擇器應該將 `align-items` 屬性設置爲 `flex-end`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info')?.alignItems === 'flex-end'); diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md index 3a28a24d811..87dd625d8a5 100644 --- a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md +++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cc -title: Manipulate Arrays With pop Method +title: 使用 pop 方法操作数组 challengeType: 1 videoUrl: 'https://scrimba.com/c/cRbVZAB' forumTopicId: 18236 diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md index 5816473dc4c..1395ef96552 100644 --- a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md +++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cb -title: Manipulate Arrays With push Method +title: 使用 push 方法操作数组 challengeType: 1 videoUrl: 'https://scrimba.com/c/cnqmVtJ' forumTopicId: 18237 diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md index 4cb2ef51c16..7b902403d4e 100644 --- a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md +++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cd -title: Manipulate Arrays With shift Method +title: 使用 shift 方法操作数组 challengeType: 1 videoUrl: 'https://scrimba.com/c/cRbVETW' forumTopicId: 18238 diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md index 2cd85454541..e4a60e95a6b 100644 --- a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md +++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392ce -title: Manipulate Arrays With unshift Method +title: 使用 unshift 方法操作数组 challengeType: 1 videoUrl: 'https://scrimba.com/c/ckNDESv' forumTopicId: 18239 diff --git a/curriculum/challenges/chinese/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md b/curriculum/challenges/chinese/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md index 5be94f00880..615002903e6 100644 --- a/curriculum/challenges/chinese/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md +++ b/curriculum/challenges/chinese/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md @@ -18,7 +18,7 @@ HTML 服务器提供 HTML 服务，而 API 提供数据服务。 REST # --hints-- -The endpoint `/json` should serve the JSON object `{"message": "Hello json"}` +端口 `/json` 应该返回一个 JSON 对象 `{"message": "Hello json"}` ```js (getUserInput) => diff --git a/curriculum/challenges/chinese/06-quality-assurance/quality-assurance-projects/american-british-translator.md b/curriculum/challenges/chinese/06-quality-assurance/quality-assurance-projects/american-british-translator.md index fb624bec74c..5cb188dcb4e 100644 --- a/curriculum/challenges/chinese/06-quality-assurance/quality-assurance-projects/american-british-translator.md +++ b/curriculum/challenges/chinese/06-quality-assurance/quality-assurance-projects/american-british-translator.md @@ -282,7 +282,7 @@ async (getUserInput) => { }; ``` -All 24 unit tests are complete and passing. +所有 24 项单元测试都已完成并通过。 ```js async (getUserInput) => { @@ -307,7 +307,7 @@ async (getUserInput) => { }; ``` -All 6 functional tests are complete and passing. +所有 6 项功能测试都已完成并通过。 ```js async (getUserInput) => { diff --git a/curriculum/challenges/chinese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md b/curriculum/challenges/chinese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md index f45707443a2..0cdc49373f7 100644 --- a/curriculum/challenges/chinese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md +++ b/curriculum/challenges/chinese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md @@ -352,7 +352,7 @@ async (getUserInput) => { }; ``` -All 12 unit tests are complete and passing. +所有 12 项单元测试都已完成并通过。 ```js async (getUserInput) => { @@ -377,7 +377,7 @@ async (getUserInput) => { }; ``` -All 14 functional tests are complete and passing. +所有 14 项功能测试都已完成并通过。 ```js async (getUserInput) => { diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md index 6570f287da5..ffaa2076cbc 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md @@ -9,7 +9,7 @@ dashedName: step-22 同样重要的元素之间的水平间距可以增加文本的可读性。 -Wrap the text `2/3 cup (55g)` in a `span` element. +将文本 `2/3 cup (55g)` 放在一个 `span` 元素内。 # --hints-- @@ -19,13 +19,13 @@ Wrap the text `2/3 cup (55g)` in a `span` element. assert(document.querySelector('span')); ``` -Your `span` element should have the text `2/3 cup (55g)`. +你的 `span` 元素应包含文本 `2/3 cup (55g)`。 ```js assert(document.querySelector('span')?.textContent?.trim() === '2/3 cup (55g)'); ``` -Your `p` element should still have the text `Serving size 2/3 cup (55g)`. +`p` 元素仍应包含文本 `Serving size 2/3 cup (55g)`。 ```js assert(document.querySelectorAll('p')?.[1]?.innerText === 'Serving size 2/3 cup (55g)'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md index 3629a1ee6f0..77a90afaa06 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md @@ -7,17 +7,17 @@ dashedName: step-23 # --description-- -Now we can add the horizontal spacing using `flex`. In your `p` selector, add a `display` property set to `flex` and a `justify-content` property set to `space-between`. +现在我们可以使用 `flex` 添加水平间距。 在你的 `p` 选择器中， 添加 `display` 属性设置为 `flex`，以及 `justify-content` 属性设置为 `space-between`。 # --hints-- -Your `p` selector should have a `display` property set to `flex`. +你的 `p` 选择器应该有一个 `display` 属性设置为 `flex`。 ```js assert(new __helpers.CSSHelp(document).getStyle('p')?.display === 'flex'); ``` -Your `p` selector should have a `justify-content` property set to `space-between`. +你的 `p` 选择器应具有 `justify-content` 属性设置为 `space-between`。 ```js assert(new __helpers.CSSHelp(document).getStyle('p')?.justifyContent === 'space-between'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md index ded82e95a8f..ef6b0a6a2e4 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md @@ -7,7 +7,7 @@ dashedName: step-26 # --description-- -Create a new `div` element below your `header` element, and give it a `class` attribute set to `divider large`. +在你的 `header` 元素下创建一个新的 `div` 元素，并将其 `class` 属性设置为 `divider large`。 # --hints-- @@ -23,7 +23,7 @@ assert(document.querySelectorAll('div')?.length === 3); assert(document.querySelector('.label')?.lastElementChild?.localName === 'div'); ``` -Your new `div` element should have the `class` attribute set to `divider large`. +你的新 `div` 元素应该将 `class` 属性设置为 `divider large`。 ```js const div = document.querySelector('.label')?.lastElementChild; diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4f9e4a40566b776a8f38.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4f9e4a40566b776a8f38.md index 3807810d68a..0c71cfb63bc 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4f9e4a40566b776a8f38.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4f9e4a40566b776a8f38.md @@ -7,29 +7,29 @@ dashedName: step-27 # --description-- -Create a new `.large` selector and give it a `height` property set to `10px`. Also create an `.large, .medium` selector and set the `background-color` property to `black`. +创建一个新的 `.large` 选择器，并将其 `height` 属性设置为 `10px`。 同时创建一个 `.large, .medium` 选择器，并将 `background-color` 属性设置为 `black`。 # --hints-- -You should have a new `.large` selector. +你应该有一个新的 `.large` 选择器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.large')); ``` -Your `.large` selector should have a `height` property set to `10px`. +你的 `.large` 选择器应该将 `height` 属性设置为 `10px`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.large')?.height === '10px'); ``` -You should have a new `.large, .medium` selector. +你应该有一个新的 `.large, .medium` 选择器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.large, .medium')); ``` -Your `.large, .medium` selector should have a `background-color` property set to `black`. +你的 `.large, .medium` 选择器应该有一个 `background-color` 属性设置为 `black`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.large, .medium')?.backgroundColor === 'black'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f50473cc0196c6dd3892a.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f50473cc0196c6dd3892a.md index 5d39e936d58..5ec139e29d5 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f50473cc0196c6dd3892a.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f50473cc0196c6dd3892a.md @@ -7,13 +7,13 @@ dashedName: step-28 # --description-- -You may notice there is still a small border at the bottom of your `.large` element. To reset this, give your `.large, .medium` selector a `border` property set to `0`. +你可能会注意到 `.large` 元素的底部仍有一个小边框。 要重置它，给 `.large, .medium` 选择器一个 `border` 属性设置为 `0`。 -Note: the `medium`(medium) class will be utilized in step 37 for the thinner bars of the nutrition label. +注意：`medium`（中等）类将在步骤 37 中用于营养标签的较细柱状图。 # --hints-- -Your `.large, .medium` selector should have a `border` property set to `0`. +你的 `.large, .medium` 选择器应该有一个 `border` 属性设置为 `0`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.large, .medium')?.borderWidth === '0px'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51257a8a516d80b6c743.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51257a8a516d80b6c743.md index 15953a7ffd3..f4829059b2f 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51257a8a516d80b6c743.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51257a8a516d80b6c743.md @@ -7,7 +7,7 @@ dashedName: step-29 # --description-- -Create a new `div` below your `.large` element and give it a `class` attribute set to `calories-info`. +在你的 `.large` 元素下创建一个新的 `div`，并将 `class` 属性设置为 `calories-info`。 # --hints-- @@ -23,7 +23,7 @@ assert(document.querySelectorAll('div')?.length === 4); assert(document.querySelector('.label')?.lastElementChild?.classList?.contains('calories-info')); ``` -Your new `div` should come after the `.large` element. +你的新 `div` 应该在 `.large` 元素之后。 ```js assert(document.querySelector('.label')?.lastElementChild?.previousElementSibling?.classList?.contains('large')); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md index 767deba2cd7..b50bc92e176 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md @@ -7,36 +7,36 @@ dashedName: step-30 # --description-- -Within your `.calories-info` element, create a `div` element. Give that `div` element a `class` attribute set to `left-container`. Within the newly created `div` element, create a `h2` element with the text `Amount per serving`. Give the `h2` element a `class` attribute set to `bold small-text`. +在你的 `.calories-info` 元素中，创建一个 `div` 元素。 给那个 `div` 元素一个 `class` 属性设置为 `left-container`。 在新创建的 `div` 元素中，创建一个带有文本 `Amount per serving` 的 `h2` 元素。 给 `h2` 元素一个 `class` 属性设置为 `bold small-text`。 # --hints-- -You should create a new `div` element within your `.calories-info` element. +你应该在你的 `.calories-info` 元素中创建一个新的 `div` 元素。 ```js assert(document.querySelector('.calories-info')?.children?.[0]?.localName === 'div'); ``` -Your new `div` element should have a `class` attribute set to `left-container`. +你的新 `div` 元素应该有一个 `class` 属性值为 `left-container`。 ```js assert(document.querySelector('.calories-info')?.children?.[0]?.classList.contains('left-container')); ``` -You should create a new `h2` element within your `.left-container` element. +你应该在你的 `.left-container` 元素中创建一个新的 `h2` 元素。 ```js assert(document.querySelector('.left-container')?.children?.[0]?.localName === 'h2'); ``` -Your new `h2` element should have a `class` attribute set to `bold small-text`. +你的新 `h2` 元素应该有一个 `class` 属性设置为 `bold small-text`。 ```js assert(document.querySelector('.left-container')?.children?.[0]?.classList.contains('bold')); assert(document.querySelector('.left-container')?.children?.[0]?.classList.contains('small-text')); ``` -Your new `h2` element should have the text `Amount per serving`. +你的新 `h2` 元素应包含文本 `Amount per serving`。 ```js assert(document.querySelector('.left-container')?.children?.[0]?.innerText === 'Amount per serving'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f522dea4f776f64dc3e91.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f522dea4f776f64dc3e91.md index 0218cc6a670..126581cf570 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f522dea4f776f64dc3e91.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f522dea4f776f64dc3e91.md @@ -9,17 +9,17 @@ dashedName: step-31 `rem` 单位代表 `root em`，与 `html` 元素的字体大小有关。 -Create an `.small-text` selector and set the `font-size` to `0.85rem`, which would calculate to be roughly `13.6px` (remember that you set your `html` to have a `font-size` of `16px`). +创建一个 `.small-text` 选择器，并将 `font-size` 设置为 `0.85rem`，计算结果大致为 `13.6px`（记得你之前将 `html` 设置为具有 `16px` 的 `font-size`）。 # --hints-- -You should have an `.small-text` selector. +你应该有一个 `.small-text` 选择器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.small-text')); ``` -Your `.small-text` selector should have a `font-size` property set to `0.85rem`. +你的 `.small-text` 选择器应该有一个 `font-size` 属性设置为 `0.85rem`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.small-text')?.fontSize === '0.85rem'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md index 476010261b1..1f3bd39890c 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md @@ -1,41 +1,41 @@ --- id: 615f5486b8fd4b71633f69b0 -title: Step 33 +title: 步骤 33 challengeType: 0 dashedName: step-33 --- # --description-- -Below your `.small-text` element, create a new `p` element with the text `Calories`. Also below the `.left-container` element, create a new `span` element with the text `230`. +在你的 `.small-text` 元素下方，创建一个新的 `p` 元素，具有文本 `Calories`。 在你的 `.left-container` 元素下方，创建一个新的 `span` 元素，具有文本 `230`。 # --hints-- -You should have a new `p` element within your `.calories-info` element. +你应该在 `.calories-info` 元素中创建一个新的 `p` 元素。 ```js assert(document.querySelector('.calories-info')?.querySelector('p')) ``` -You should have a new `span` element within your `.calories-info` element. +你应该在 `.calories-info` 元素中创建一个新的 `span` 元素。 ```js assert(document.querySelector('.calories-info')?.querySelector('span')) ``` -Your `p` element should come after your `.small-text` element. +你的 `p` 元素应该在 `.small-text` 元素之后。 ```js assert(document.querySelector('.small-text')?.nextElementSibling?.localName === 'p'); ``` -Your `p` element should have the text `Calories`. +你的 `p` 元素应包含文本 `Calories`。 ```js assert(document.querySelector('.left-container')?.lastElementChild?.innerText === 'Calories'); ``` -Your `span` element should come after your `.left-container` element. +你的 `span` 元素应该位于 `.left-container` 元素之后。 ```js assert(document.querySelector('.left-container')?.nextElementSibling?.localName ==='span'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md index 14f20ffb784..fad93ad674c 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md @@ -1,23 +1,23 @@ --- id: 615f575b50b91e72af079480 -title: Step 35 +title: 步骤 35 challengeType: 0 dashedName: step-35 --- # --description-- -Create a new `.left-container p` selector setting the top and bottom margin to `-5px`, and the left and right margin to `-2px`. Also set the `font-size` to `2em` and `font-weight` to `700`. +创建一个新的 `.left-container p` 选择器，将上下边距设置为 `-5px`，将左右边距设置为 `-2px`。 也将 `font-size` 设置为 `2em`，将 `font-weight` 设置为 `700`。 # --hints-- -You should have a new `.left-container p` selector. +你应该有一个新的 `.left-container p` 选择器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.left-container p')); ``` -Your new `.left-container p` selector should have a `margin` property set to `-5px -2px`. +你的新 `.left-container p` 选择器应将 `margin` 属性设置为 `-5px -2px`。 ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.left-container p')?.marginTop, '-5px'); @@ -26,13 +26,13 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.left-container p')?.marg assert.equal(new __helpers.CSSHelp(document).getStyle('.left-container p')?.marginRight, '-2px'); ``` -Your new `.left-container p` selector should have a `font-size` property set to `2em`. +你的新 `.left-container p` 选择器应将 `font-size` 属性设置为 `2em`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.left-container p')?.fontSize === '2em'); ``` -Your new `.left-container p` selector should have a `font-weight` property set to `700`. +你的新 `.left-container p` 选择器应该有一个 `font-weight` 属性设置为 `700`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.left-container p')?.fontWeight === '700'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md index 3cd3c069dea..f97bb1e5204 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md @@ -1,13 +1,13 @@ --- id: 615f5af373a68e744a3c5a76 -title: Step 36 +title: 步骤 36 challengeType: 0 dashedName: step-36 --- # --description-- -Create a `.calories-info span` selector, set its `font-size` to `2.4em` and `font-weight` to `700`. +创建一个 `.calories-info span` 选择器，将其 `font-size` 设置为 `2.4em`，`font-weight` 设置为 `700`。 # --hints-- @@ -17,13 +17,13 @@ Create a `.calories-info span` selector, set its `font-size` to `2.4em` and `fon assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')); ``` -Your `.calories-info span` selector should have a `font-size` property set to `2.4em`. +你的 `.calories-info span` 选择器应该有一个 `font-size` 属性设置为 `2.4em`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.fontSize === '2.4em'); ``` -Your `.calories-info span` selector should have a `font-weight` property set to `700`. +你的 `.calories-info span` 选择器应该有一个 `font-weight` 属性设置为 `700`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.fontWeight === '700'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md index fe65d52bba4..2f6809d7510 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md @@ -1,6 +1,6 @@ --- id: 615f5fd85d0062761f288364 -title: Step 37 +title: 步骤 37 challengeType: 0 dashedName: step-37 --- @@ -9,11 +9,11 @@ dashedName: step-37 排版往往是艺术而非科学。 你可能需要调整对齐等内容，直到它看起来正确为止。 -Give your `.calories-info span` selector a `margin` set to `-7px -2px`. 这会将 `230` 文本移动到位。 +给你的 `.calories-info span` 选择器一个 `margin` 设置为 `-7px -2px`。 这会将 `230` 文本移动到位。 # --hints-- -Your `.calories-info span` selector should have a `margin` set to `-7px -2px`. +你的 `.calories-info span` 选择器应将 `margin` 设置为 `-7px -2px`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.margin === '-7px -2px'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md index 645d019144d..42720f7c947 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md @@ -1,13 +1,13 @@ --- id: 615f61338c8ca176d6445574 -title: Step 38 +title: 步骤 38 challengeType: 0 dashedName: step-38 --- # --description-- -Below your `.calories-info` element, add a `div` with the `class` attribute set to `divider medium`. +在你的 `.calories-info` 元素下方，添加一个 `div`，并将 `class` 属性设置为 `divider medium`。 # --hints-- @@ -17,7 +17,7 @@ Below your `.calories-info` element, add a `div` with the `class` attribute set assert(document.querySelectorAll('.label > div')?.length === 3) ``` -Your new `div` should have the `class` attribute set to `divider medium`. 这个 div 应该是 `.label` 元素中的最后一个元素。 +你的新的 `div` 应该将 `class` 属性设置为 `divider medium`。 这个 div 应该是 `.label` 元素中的最后一个元素。 ```js const div = document.querySelector('.label')?.lastElementChild; diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md index f074a2cf764..0e09c647233 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md @@ -1,23 +1,23 @@ --- id: 615f666ac5edea782feb7e75 -title: Step 39 +title: 步骤 39 challengeType: 0 dashedName: step-39 --- # --description-- -Create an `.medium` selector and give it a `height` property of `5px`. +创建一个 `.medium` 选择器，并为其设置 `height` 属性为 `5px`。 # --hints-- -You should create an `.medium` selector. +你应该创建一个 `.medium` 选择器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.medium')); ``` -Your `.medium` selector should have a `height` property set to `5px`. +你的`.medium` 选择器应该将 `height` 属性设置为 `5px`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.medium')?.height === '5px'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md index 96f880e9f6d..afa8024444d 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md @@ -1,17 +1,17 @@ --- id: 615f671b6d1919792745aa5d -title: Step 40 +title: 步骤 40 challengeType: 0 dashedName: step-40 --- # --description-- -Create a new `div` element below your `.medium` element. Give it a `class` attribute set to `daily-value small-text`. Within this new `div`, add a `p` element with the text `% Daily Value *`, and set the `class` attribute to `bold right`. +在你的 `.medium` 元素下创建一个新的 `div` 元素。 给它一个 `class` 属性设置为 `daily-value small-text`。 在这个新的 `div` 中，添加一个带有文本 `% Daily Value *` 的 `p` 元素，并设置 `class` 属性为 `bold right`。 # --hints-- -You should create a new `div` element after your `.medium` element. +你应该在 `.medium` 元素之后创建一个新的 `div` 元素。 ```js assert(document.querySelector('.label')?.lastElementChild?.localName === 'div'); @@ -19,7 +19,7 @@ assert(document.querySelector('.label')?.lastElementChild?.previousElementSiblin assert(document.querySelector('.label')?.lastElementChild?.previousElementSibling?.classList?.contains('medium')); ``` -Your new `div` should have a `class` attribute set to `daily-value small-text`. +你的新 `div` 应该有一个 `class` 属性设置为 `daily-value small-text`。 ```js assert(document.querySelector('.label')?.lastElementChild?.classList?.contains('daily-value')); @@ -38,7 +38,7 @@ assert(document.querySelector('.label')?.lastElementChild?.firstElementChild?.lo assert(document.querySelector('.label')?.lastElementChild?.firstElementChild?.textContent === '% Daily Value *'); ``` -Your new `p` element should have a `class` attribute set to `bold right`. +你的新 `p` 元素应该有一个 `class` 属性设置为 `bold right`。 ```js assert(document.querySelector('.label')?.lastElementChild?.firstElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md index 862f541db13..afd8ae948c9 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md @@ -1,17 +1,17 @@ --- id: 615f6823d0815b7a991f2a75 -title: Step 42 +title: 步骤 42 challengeType: 0 dashedName: step-42 --- # --description-- -Use your existing `.divider` element as an example to add a new divider after the `p` element. +以现有的 `.divider` 元素为例，在 `p` 元素之后添加新的分隔符。 # --hints-- -You should create a new `div` within your `.daily-value` element. +你应该在 `.daily-value` 元素之后创建一个新的 `div`。 ```js assert(document.querySelectorAll('.daily-value.small-text > div')?.length === 1) diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md index 4685f20faef..3c5555b0ce1 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md @@ -1,13 +1,13 @@ --- id: 615f6b2d164f81809efd9bdc -title: Step 43 +title: 步骤 43 challengeType: 0 dashedName: step-43 --- # --description-- -在最后一个 `.divider` 元素之后，创建一个 `p` 元素并为其指定文本 `Total Fat 8g 10%`。 将 `Total Fat` 包裹在 `span` 元素中，并将 `class` 设置为 `bold`。 Wrap `10%` in another `span` element with the `class` set to `bold`. Finally, nest the `Total Fat` `span` element and the text `8g` in an additional `span` element for alignment. +在最后一个 `.divider` 元素之后，创建一个 `p` 元素并为其指定文本 `Total Fat 8g 10%`。 将 `Total Fat` 包裹在 `span` 元素中，并将 `class` 设置为 `bold`。 将 `10%` 包裹在另一个 `span` 元素中，并将 `class` 设置为 `bold`。 最后：嵌套 `Total Fat` `span` 元素和文本 `8g` 在另一个 `span` 元素中，以实现对齐。 # --hints-- @@ -23,37 +23,37 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Total Fat[\s|\n]+8g[\s|\n]+10%/)); ``` -Your `p` element should have three `span` elements. +你的 `p` 元素应该有三个 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3); ``` -One `span` element should wrap the text `Total Fat`. +一个 `span` 元素应该包含文本 `Total Fat`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span > span')?.innerText === 'Total Fat'); ``` -The `span` element around `Total Fat` should have the `class` set to `bold`. +包裹 `Total Fat` 的 `span` 元素应该有 `class` 为 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span > span')?.className === 'bold'); ``` -A `span` element should wrap the text `10%`. +一个 `span` 元素应该包含文本 `10%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span + span')?.innerText === '10%'); ``` -The `span` element around `10%` should have the `class` set to `bold`. +包裹 `10%` 的 `span` 元素应该有 `class` 为 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.[1]?.className === 'bold'); ``` -A `span` element should have the text `Total Fat 8g`. +一个 `span` 元素应该包含文本 `Total Fat 8g`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Total Fat[\s|\n]+8g/)); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md index 78afe02cb9f..418d0904e08 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md @@ -1,13 +1,13 @@ --- id: 615f6cc778f7698258467596 -title: Step 44 +title: 步骤 44 challengeType: 0 dashedName: step-44 --- # --description-- -在带有 `Total Fat` 文本的元素下方，使用文本 `Saturated Fat 1g 5%` 创建一个新的 `p` 元素。 Wrap the `5%` in a `span` with the `class` attribute set to `bold`. In this case this is enough to align the percentage to `5%`. +在带有 `Total Fat` 文本的元素下方，使用文本 `Saturated Fat 1g 5%` 创建一个新的 `p` 元素。 将 `5%` 包裹在一个 `span` 中，并将 `class` 属性设置为 `bold`。 在这种情况下，将百分比设置为 `5%` 足够了。 # --hints-- @@ -30,7 +30,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.inne assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.localName === 'span'); ``` -Your `span` element should have the `class` attribute set to `bold`. +你的 `span` 元素应该将 `class` 属性设置为 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md index 3a6483ebef2..600e9df4d5c 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md @@ -1,6 +1,6 @@ --- id: 615f6fddaac1e083502d3e6a -title: Step 45 +title: 步骤 45 challengeType: 0 dashedName: step-45 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md index 09c875d488a..bcc46cee4ab 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md @@ -1,6 +1,6 @@ --- id: 615f70077a4ff98424236c1e -title: Step 46 +title: 步骤 46 challengeType: 0 dashedName: step-46 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md index 754f0cf3f5c..4417f9f60c4 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md @@ -1,6 +1,6 @@ --- id: 615f72a872354a850d4f533e -title: Step 47 +title: 步骤 47 challengeType: 0 dashedName: step-47 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md index 94e20625ea4..5894ccba903 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md @@ -1,6 +1,6 @@ --- id: 615f74a71f1e498619e38ee8 -title: Step 48 +title: 步骤 48 challengeType: 0 dashedName: step-48 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md index 251a31f88be..2257ac77b5f 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md @@ -1,6 +1,6 @@ --- id: 615f7ad94380408d971d14f6 -title: Step 49 +title: 步骤 49 challengeType: 0 dashedName: step-49 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md index 06c31cc7cdd..b431fa8de3b 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md @@ -1,6 +1,6 @@ --- id: 615f7bc680f7168ea01ebf99 -title: Step 50 +title: 步骤 50 challengeType: 0 dashedName: step-50 --- @@ -13,7 +13,7 @@ dashedName: step-50 # --hints-- -You should create a new `div` at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `div`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'div'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md index 555776a7c78..8b21360ba28 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md @@ -1,17 +1,17 @@ --- id: 615f7c71eab8218f846e4503 -title: Step 51 +title: 步骤 51 challengeType: 0 dashedName: step-51 --- # --description-- -在最后一个 `.divider` 之后，创建另一个 `p` 元素，其中包含文本 `Trans Fat 0g`。 通过将单词 `Trans` 包装在 `i` 元素中，将其变为斜体。 给新的 `p` 元素的 `class` 属性设置为 `indent no-divider`。 Wrap `Trans Fat 0g` in a `span` element for alignment. +在最后一个 `.divider` 之后，创建另一个 `p` 元素，其中包含文本 `Trans Fat 0g`。 通过将单词 `Trans` 包装在 `i` 元素中，将其变为斜体。 给新的 `p` 元素的 `class` 属性设置为 `indent no-divider`。 将 `Trans Fat 0g` 放在一个 `span` 元素中，以对齐它。 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -43,13 +43,13 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.quer assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('i')?.innerText === 'Trans'); ``` -Your new `p` element should have a `span` element. +你的新 `p` 元素应该有一个 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')); ``` -Your `span` element should wrap the text `Trans Fat 0g`. +你的 `span` 元素应该包含文本 `Trans Fat 0g`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')?.innerText?.match(/Trans[\s|\n]+Fat 0g/)); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md index 02d08aca477..ca827b62ad0 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md @@ -1,6 +1,6 @@ --- id: 615f7d489a581590d1350288 -title: Step 52 +title: 步骤 52 challengeType: 0 dashedName: step-52 --- @@ -11,7 +11,7 @@ dashedName: step-52 # --hints-- -You should create a new `div` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `div` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'div'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md index 8410de1710a..0e747b78310 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md @@ -1,17 +1,17 @@ --- id: 615f7de4487b64919bb4aa5e -title: Step 53 +title: 步骤 53 challengeType: 0 dashedName: step-53 --- # --description-- -在最后一个 `.divider` 之后，使用文本 `Cholesterol 0mg 0%` 创建一个新的 `p` 元素。 将文本 `Cholesterol` 包裹在 `span` 元素中，并将 `span` 元素的 `class` 属性设置为 `bold`。 Wrap the text `0%` in another `span` element, with the `class` set to `bold`. Finally, nest the `Cholesterol` and `0mg` span elements inside an additional span element for alignment. +在最后一个 `.divider` 之后，使用文本 `Cholesterol 0mg 0%` 创建一个新的 `p` 元素。 将文本 `Cholesterol` 包裹在 `span` 元素中，并将 `span` 元素的 `class` 属性设置为 `bold`。 将文本 `0%` 包裹在另一个 `span` 元素中，并将 `class` 设置为 `bold`。 最后，嵌套 `Cholesterol` 和 `0mg` span 元素在另一个 span 元素中，以实现对齐。 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -23,37 +23,37 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Cholesterol[\s|\n]+0mg[\s|\n]+0%/)); ``` -Your new `p` element should have three `span` elements. +你的新的 `p` 元素应该有三个 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3); ``` -Your first `span` `Cholesterol` element should have the `class` attribute set to `bold`. +你的第一个 `span` `Cholesterol` 元素应该将 `class` 属性设置为 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.classList?.contains('bold')); ``` -Your first `span` element should wrap the text `Cholesterol 0mg`. +你的第一个 `span` 元素应该包含文本 `Cholesterol 0mg`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Cholesterol[\s|\n]+0mg/)); ``` -Your first `span` element should wrap the text `Cholesterol`. +你的第一个 `span` 元素应该包含文本 `Cholesterol`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === 'Cholesterol'); ``` -Your second `span` element should have the `class` attribute set to `bold`. +你的第二个 `span` 元素应该将 `class` 属性设置为 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold')); ``` -Your second `span` element should wrap the text `0%`. +你的第二个 `span` 元素应该包含文本 `0%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '0%'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md index 631a8c9215c..6e76702ed93 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md @@ -1,17 +1,17 @@ --- id: 615f7e7281626a92bbd62da8 -title: Step 54 +title: 步骤 54 challengeType: 0 dashedName: step-54 --- # --description-- -在最后一个 `p` 元素下方，使用文本 `Sodium 160mg 7%` 创建另一个 `p` 元素。 将文本 `Sodium` 包裹在 `span` 元素中，并将 `class` 属性设置为 `bold`。 Wrap the `7%` text in another `span` element with the `class` set to `bold`. Also add an additional `span` element around `Sodium 160mg` for aligning it correctly. +在最后一个 `p` 元素下方，使用文本 `Sodium 160mg 7%` 创建另一个 `p` 元素。 将文本 `Sodium` 包裹在 `span` 元素中，并将 `class` 属性设置为 `bold`。 将 `7%` 文本包裹在另一个 `span` 元素中，其中 `class` 设置为 `bold`。 另外在 `Sodium 160mg` 外面添加一个 `span` 元素，以便正确地对齐。 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -23,37 +23,37 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Sodium[\s|\n]160mg[\s|\n]+7%/)); ``` -Your new `p` element should have three `span` elements. +你的新的 `p` 元素应该有三个 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3); ``` -A `span` element should wrap the text `Sodium 360mg`. +一个 `span` 元素应该包含文本 `Sodium 360mg`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Sodium[\s|\n]160mg/)); ``` -A `span` element should wrap the text `Sodium`. +一个 `span` 元素应该包含文本 `Sodium`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === "Sodium"); ``` -The `span` around `Sodium` should have the `class` attribute set to `bold`. +包裹 `Sodium` 的 `span` 元素应该有 `class` 为 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.classList?.contains('bold')); ``` -A `span` element should wrap the text `7%`. +一个 `span` 元素应该包含文本 `7%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '7%'); ``` -The `span` element around `7%` should have the `class` attribute set to `bold`. +包裹 `7%` 的 `span` 元素应该有 `class` 属性为 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md index 47489421b7a..79323bf7e2f 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md @@ -1,17 +1,17 @@ --- id: 615f7ecb09de9a938ef94756 -title: Step 55 +title: 步骤 55 challengeType: 0 dashedName: step-55 --- # --description-- -添加另一个 `p` 元素，其文本为 `Total Carbohydrate 37g 13%`。 Like before, use `span` elements to make the text `Total Carbohydrate` and `13%` bold. Also add an additional `span` element to wrap the `Total Carbohydrate 37g` text in a span element so to have it aligned to the left, and `13%` to the right. +添加另一个 `p` 元素，其文本为 `Total Carbohydrate 37g 13%`。 像之前一样，使用 `span` 元素使文本 `Total Carbohydrate` 和 `13%` 加粗。 再添加一个 `span` 元素来包裹 `Total Carbohydrate 37g` 文本，使其对齐到左边，`13%` 对齐到右边。 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -23,43 +23,43 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Total Carbohydrate[\s|\n]+37g[\s|\n]+13%/)); ``` -Your new `p` element should have three `span` elements. +你的新的 `p` 元素应该有三个 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3); ``` -One `span` element should wrap the text `Total Carbohydrate 37g`. +一个 `span` 元素应该包含文本 `Total Carbohydrate 37g`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Total Carbohydrate[\s|\n]+37g/)); ``` -One `span` element should wrap the text `Total Carbohydrate`. +一个 `span` 元素应该包含文本 `Total Carbohydrate`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === 'Total Carbohydrate'); ``` -The `span` element around `Total Carbohydrate` should have the `class` attribute set to `bold`. +包裹 `Total Carbohydrate` 的 `span` 元素应该有 `class` 为 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.classList?.contains('bold')); ``` -A `span` element should wrap the text `13%`. +一个 `span` 元素应该包含文本 `13%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '13%'); ``` -The `span` element around `13%` should have the `class` attribute set to `bold`. +包裹 `13%` 的 `span` 元素应该有 `class` 属性为 `bold`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold')); ``` -Your second `span` element should wrap the text `13%`. +你的第二个 `span` 元素应该包含文本 `13%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '13%'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md index 61109ce2474..a69432efddb 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md @@ -1,6 +1,6 @@ --- id: 615f7fa959ab75948f96a0d6 -title: Step 56 +title: 步骤 56 challengeType: 0 dashedName: step-56 --- @@ -11,7 +11,7 @@ dashedName: step-56 # --hints-- -You should create a new `p` and `div` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 和 `div` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md index bd4b3d82824..bbbb4e5b241 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md @@ -1,6 +1,6 @@ --- id: 615f808d85793195b0f53be9 -title: Step 57 +title: 步骤 57 challengeType: 0 dashedName: step-57 --- @@ -11,7 +11,7 @@ dashedName: step-57 # --hints-- -You should create a new `p` and `div` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 和 `div` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md index c9f95afa68f..1fe38318dac 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md @@ -1,17 +1,17 @@ --- id: 615f829d07b18f96f6f6684b -title: Step 58 +title: 步骤 58 challengeType: 0 dashedName: step-58 --- # --description-- -创建这些分隔线的好处是你可以应用特定的类来单独设置它们的样式。 Add `double-indent` to the `class` for your last `.divider`. +创建这些分隔线的好处是你可以应用特定的类来单独设置它们的样式。 将 `double-indent` 添加到你的最后一个 `.divider` 的 `class`。 # --hints-- -Your last `.divider` element should have `double-indent` added to the `class`. 不要删除现有值。 +你的最后一个 `.divider` 元素应该将 `double-indent` 添加到 `class`。 不要删除现有值。 ```js const last = document.querySelector('.daily-value.small-text')?.lastElementChild; diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md index 370fd147adf..f2bdb8cbbf3 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md @@ -1,23 +1,23 @@ --- id: 615f83ef928ec9982b785b6a -title: Step 59 +title: 步骤 59 challengeType: 0 dashedName: step-59 --- # --description-- -Create a `.double-indent` selector and give it a left margin of `2em`. +创建一个 `.double-indent` 选择器，并给它一个 `2em` 的左边距。 # --hints-- -You should have a new `.double-indent` selector. +你应该有一个新的 `.double-indent` 选择器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.double-indent')); ``` -Your `.double-indent` selector should have a `margin-left` property set to `2em`. +你的 `.double-indent` 选择器应该有一个 `margin-left` 属性设置为 `2em`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.double-indent')?.marginLeft === '2em'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md index a5e8f3d206d..25f882c8210 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md @@ -1,19 +1,19 @@ --- id: 615f84f246e8ba98e3cd97be -title: Step 60 +title: 步骤 60 challengeType: 0 dashedName: step-60 --- # --description-- -Below your `.double-indent` element, add a new `p` element with the text `Includes 10g Added Sugars 20%`. 新的 `p` 元素也应该是双缩进的，并且没有下边框。 使用 `span` 使 `20%` 加粗并右对齐。 +在你的 `.double-indent` 元素的下方，添加一个新的 `p` 元素，其中包含文本 `Includes 10g Added Sugars 20%`。 新的 `p` 元素也应该是双缩进的，并且没有下边框。 使用 `span` 使 `20%` 加粗并右对齐。 然后在该 `p` 元素之后创建另一个分隔线。 # --hints-- -You should create a new `p` and `div` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 和 `div` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); @@ -26,7 +26,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca assert(document.querySelector('.daily-value.small-text p:last-of-type')?.innerText.match(/Includes 10g Added Sugars[\s|\n]+20%/)); ``` -Your new `p` element should have the `class` attribute set to `double-indent no-divider`. +你的新 `p` 元素应该将 `class` 属性设置为 `double-indent no-divider`。 ```js assert(document.querySelector('.daily-value.small-text p:last-of-type')?.classList?.contains('double-indent')); @@ -39,7 +39,7 @@ assert(document.querySelector('.daily-value.small-text p:last-of-type')?.classLi assert(document.querySelector('.daily-value.small-text p:last-of-type')?.firstElementChild?.localName === 'span'); ``` -Your `span` element should have the `class` attribute set to `bold`. +你的 `span` 元素应该将 `class` 属性设置为 `bold`。 ```js assert(document.querySelector('.daily-value.small-text p:last-of-type')?.firstElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md index f5e76e6994e..d338eba94fa 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md @@ -1,6 +1,6 @@ --- id: 615f887466db4ba14b5342cc -title: Step 61 +title: 步骤 61 challengeType: 0 dashedName: step-61 --- @@ -13,7 +13,7 @@ dashedName: step-61 # --hints-- -You should create a new `p` and `div` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 和 `div` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); @@ -32,7 +32,7 @@ assert(document.querySelector('.daily-value.small-text p:last-of-type')?.innerTe assert(document.querySelector('.daily-value.small-text p:last-of-type')?.classList?.contains('no-divider')); ``` -Your new `div` should have the `class` attribute set to `divider large`. +你的新 `div` 应该将 `class` 属性设置为 `divider large`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.classList?.contains('divider')); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md index 009cfbe5a99..f0ab1606232 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md @@ -1,6 +1,6 @@ --- id: 615f89e055040ba294719d2f -title: Step 62 +title: 步骤 62 challengeType: 0 dashedName: step-62 --- @@ -9,29 +9,29 @@ dashedName: step-62 在大分隔线下方创建另一个 `p` 元素。 为 `p` 元素提供文本 `Vitamin D 2mcg 10%`。 -The `p` element contains only text, you can wrap the percentage in a `span` element so that it is considered a separate entity from the rest of the text, and it's moved to the right. +`p` 元素只包含文本，你可以将百分比放在 `span` 元素中，这样它就可以被视为与其余文本分开的内容，并且它被移动到右边。 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); ``` -Your new `p` element should have the text `Vitamin D 2mcg 10%`. +你的新 `p` 元素应包含文本 `Vitamin D 2mcg 10%`。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Vitamin D 2mcg[\s|\n]+10%/)); ``` -Your new `p` element should have a `span` element. +你的新 `p` 元素应该有一个 `span` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 1); ``` -Your `span` element should not be bold. +你的 `span` 元素不应该是粗体。 ```js assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md index f898a1da1a7..2e759b32368 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md @@ -1,6 +1,6 @@ --- id: 615f8bfe0f30a1a3c340356b -title: Step 63 +title: 步骤 63 challengeType: 0 dashedName: step-63 --- @@ -11,7 +11,7 @@ dashedName: step-63 # --hints-- -You should create two new `p` elements at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -30,7 +30,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.prev assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.firstElementChild?.localName === 'span'); ``` -Your first `span` element should not be bold. +你的第一个 `span` 元素不应该是粗体。 ```js assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.firstElementChild?.classList?.contains('bold')); @@ -54,7 +54,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.inne assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.localName === 'span'); ``` -Your second `span` element should not be bold. +你的第二个 `span` 元素不应该是粗体。 ```js assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md index 942a0149a1a..617a9a5e387 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md @@ -1,6 +1,6 @@ --- id: 615f8f1223601fa546e93f31 -title: Step 64 +title: 步骤 64 challengeType: 0 dashedName: step-64 --- @@ -11,7 +11,7 @@ dashedName: step-64 # --hints-- -You should create a new `p` element at the end of your `.daily-value` element. +你应该在 `.daily-value` 元素的末尾创建一个新的 `p` 元素。 ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p'); @@ -35,7 +35,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.inne assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 1); ``` -Your `span` element should not be bold. +你的 `span` 元素不应该是粗体。 ```js assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')?.classList?.contains('bold')); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md index 4faead51906..2dc4583591a 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md @@ -1,6 +1,6 @@ --- id: 615f905fbd1017a65ca224eb -title: Step 65 +title: 步骤 65 challengeType: 0 dashedName: step-65 --- @@ -23,7 +23,7 @@ dashedName: step-65 assert(document.querySelector('.daily-value').nextElementSibling?.localName === 'div'); ``` -Your new `div` should have the `class` set to `divider medium`. +你的新 `div` 应该将 `class` 设置为 `divider medium`。 ```js assert(document.querySelector('.daily-value')?.nextElementSibling?.classList?.contains('divider')); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md index 5ea3c6b6b03..517bc4cd70a 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md @@ -1,6 +1,6 @@ --- id: 615f94786869e1a7fec54375 -title: Step 66 +title: 步骤 66 challengeType: 0 dashedName: step-66 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md index b20b3f495a9..e0b19d6916f 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md @@ -1,6 +1,6 @@ --- id: 615f951dff9317a900ef683f -title: Step 67 +title: 步骤 67 challengeType: 0 dashedName: step-67 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md index d9073bf18ba..3cfb303c4dc 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md @@ -1,17 +1,17 @@ --- id: 635bde33c91c80540eae239b -title: Step 41 +title: 步骤 41 challengeType: 0 dashedName: step-41 --- # --description-- -The text `* Daily Value %` should be aligned to the right. Create a `.right` selector and use the `justify-content` property to do it. +文本 `* Daily Value %` 应该右对齐。 创建一个 `.right` 选择器，并使用 `justify-content` 属性来实现它。 # --hints-- -You should have a `.right` selector. +你应该有一个 `.right` 选择器。 ```js const hasRight = new __helpers.CSSHelp(document).getStyle('.right'); @@ -19,7 +19,7 @@ assert(hasRight); ``` -The `.right` selector should have the `justify-content` property set to `flex-end`. +`.right` 选择器应该将 `justify-content` 属性设置为 `flex-end`。 ```js const rightJustifyContent = new __helpers.CSSHelp(document).getStyle('.right')?.getPropertyValue('justify-content'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md index e6f009b7e04..18b15fde2ec 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md @@ -1,23 +1,23 @@ --- id: 6395d33ab5d91bf317107c48 -title: Step 32 +title: 步骤 32 challengeType: 0 dashedName: step-32 --- # --description-- -Create a `.calories-info h2` selector and remove all margins. +创建一个 `.calories-info h2` 选择器并删除所有边距。 # --hints-- -Create a `.calories-info h2` selector. +创建一个 `.calories-info h2` 选择器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info h2')); ``` -Your `.calories-info h2` selector should have a `margin` set to `0`. +你的 `.calories-info h2` 选择器应将 `margin` 设置为 `0`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info h2')?.margin === '0px'); diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md index 6a2dbb37aa9..e0e84aa716c 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md @@ -1,35 +1,35 @@ --- id: 6396e33fe478dd264ebbf278 -title: Step 34 +title: 步骤 34 challengeType: 0 dashedName: step-34 --- # --description-- -Create a new `.calories-info` selector and give it a `display` property set to `flex`. Also give it a `justify-content` property set to `space-between` and `align-items` property set to `flex-end`. +创建一个新的 `.calories-info` 选择器，并将其 `display` 属性设置为 `flex`。 也给它一个 `justify-content` 属性设置为 `space-between`，以及 `align-items` 属性设置为 `flex-end`。 # --hints-- -You should create a `.calories-info` selector. +你应该创建一个 `.calories-info` 选择器。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info')); ``` -Your `.calories-info` selector should have a `display` property set to `flex`. +你的 `.calories-info` 选择器应该将 `display` 属性设置为 `flex`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info')?.display === 'flex'); ``` -Your `.calories-info` selector should have a `justify-content` property set to `space-between`. +你的 `.calories-info` 选择器应具有 `justify-content` 属性设置为 `space-between`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info')?.justifyContent === 'space-between'); ``` -Your `.calories-info` selector should have a `align-items` property set to `flex-end`. +你的 `.calories-info` 选择器应该将 `align-items` 属性设置为 `flex-end`。 ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info')?.alignItems === 'flex-end'); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/6196aead7ac7bf1584b17a7f.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/6196aead7ac7bf1584b17a7f.md index 7cbe986b868..3cbdb73e5de 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/6196aead7ac7bf1584b17a7f.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/6196aead7ac7bf1584b17a7f.md @@ -7,7 +7,7 @@ dashedName: step-18 # --description-- -To overlap the mountain and `.ground` elements better, give the mountain a `margin-top` of `100px`, and the `.ground` element a `margin-top` of `-58px`. +Para superponer la montaña y los elementos`.ground` mejor, dé a la montaña un `margin-top` de `100px`, y el `.ground` un elemento `margin-top` de `-58px`. # --hints-- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md index a12114b9405..43b87eec6f5 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md @@ -16,11 +16,11 @@ gradient-type( ); ``` -En el ejemplo, `color1` es sólido en la parte superior, `color2` es sólido en la parte inferior, y en el medio pasa uniformemente de uno a otro. In `.bb1a`, add a `background` property below the `background-color` property. Set it as a gradient of type `linear-gradient` that uses `--building-color1` as the first color and `--window-color1` as the second. +En el ejemplo, `color1` es sólido en la parte superior, `color2` es sólido en la parte inferior, y en el medio pasa uniformemente de uno a otro. En `.bb1a`, agregue una propiedad `background` debajo de la propiedad `background-color`. Establézcalo como un degradado de tipo `linear-gradient` que usa `--building-color1` como el primer color y `--window-color1` como el segundo. # --hints-- -You should apply a `background` to `.bb1a` right after the `background-color`. +Debes aplicar un `background` a `.bb1a` justo después del `background-color`. ```js assert(new __helpers.CSSHelp(document).getStyle('.bb1a')?.background); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md index 191e1ac1073..63caac9eb31 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md @@ -25,7 +25,7 @@ El elemento `p` debe tener una etiqueta de cierre. Las etiquetas de cierre tiene assert(code.match(/<\/p\>/)); ``` -Your `p` element's text should be `See more cat photos in our gallery.` Probablemente no has añadido el texto o tienes un error tipográfico. +El texto de su elemento `p` debe ser `See more cat photos in our gallery.` Probablemente no has añadido el texto o tienes un error tipográfico. ```js const extraSpacesRemoved = document diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md index 57dbe21a4ba..8df300004c2 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md @@ -65,7 +65,7 @@ Tu código debe tener un elemento `p`. Eliminaste el elemento `p` de uno de los assert(document.querySelector('p')); ``` -The text of the `p` element should be `See more cat photos in our gallery.` No cambies el texto, el espaciado, o puntuación del elemento `p`. +El texto del elemento `p` debe ser `See more cat photos in our gallery.` No cambies el texto, el espaciado, o puntuación del elemento `p`. ```js assert( diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa22d1b521be39a3de7be0.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa22d1b521be39a3de7be0.md index bb57ba37d5c..5afc6bdac1c 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa22d1b521be39a3de7be0.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa22d1b521be39a3de7be0.md @@ -38,7 +38,7 @@ assert( ); ``` -After nesting the anchor (`a`) element, the only `p` element content visible in the browser should be `See more cat photos in our gallery.` Double check the text, spacing, or punctuation of both the `p` and nested anchor element. +Después de anidar el elemento anchor (`a`), el único contenido del elemento `p` visible en el navegador debe ser `See more cat photos in our gallery.` Verifique el texto, el espaciado o la puntuación tanto del elemento `p` como del elemento de anclaje anidado. ```js const pText = document diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md index 10a9f94f1fb..b49523b1d21 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62dabe2ef403a12d5d295273.md @@ -41,7 +41,7 @@ assert( ); ``` -The `p` element content visible in the browser should be `See more cat photos in our gallery.` Double check the text, spacing, or punctuation of both the `p` and nested anchor element. +El contenido del elemento `p` visible en el navegador debe ser `See more cat photos in our gallery.` Verifique el texto, el espaciado o la puntuación tanto del elemento `p` como del elemento de anclaje anidado. ```js const pText = document diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index a7206fb3319..639c05f4bf6 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -9,7 +9,7 @@ dashedName: step-31 Pasando al final `fieldset`. ¿Qué pasa si quisieras permitir que un usuario suba una foto de perfil? -Bueno, el `input` con tipo `file` permite eso. Add a `label` with the text `Upload a profile picture:`, and nest an `input` accepting a file upload. +Bueno, el `input` con tipo `file` permite eso. Agrega un `label` con el texto `Upload a profile picture:` y anida un `input` aceptando la carga de un archivo. # --hints-- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md index b6b178c78ee..b343bed252f 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md @@ -9,7 +9,7 @@ dashedName: step-22 El espaciado horizontal entre elementos igualmente importantes puede aumentar la legibilidad de su texto. -Wrap the text `2/3 cup (55g)` in a `span` element. +Envuelve el texto `2/3 cup (55g)` en un elemento `span`. # --hints-- @@ -19,13 +19,13 @@ Debe crear un nuevo elemento `span`. assert(document.querySelector('span')); ``` -Your `span` element should have the text `2/3 cup (55g)`. +Su elemento `span` debe tener el texto `2/3 cup (55g)`. ```js assert(document.querySelector('span')?.textContent?.trim() === '2/3 cup (55g)'); ``` -Your `p` element should still have the text `Serving size 2/3 cup (55g)`. +Su elemento `p` aún debe tener el texto `Serving size 2/3 cup (55g)`. ```js assert(document.querySelectorAll('p')?.[1]?.innerText === 'Serving size 2/3 cup (55g)'); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md index 86ecd9d7e51..6259b178c33 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md @@ -7,17 +7,17 @@ dashedName: step-23 # --description-- -Now we can add the horizontal spacing using `flex`. In your `p` selector, add a `display` property set to `flex` and a `justify-content` property set to `space-between`. +Ahora podemos añadir el espaciado horizontal usando `flex`. En el selector `p`, añade la propiedad `display` establecida a `flex` y la propiedad `justify-content` establecida a `space-between`. # --hints-- -Your `p` selector should have a `display` property set to `flex`. +El selector `p` debe tener la propiedad `display` establecida a `flex`. ```js assert(new __helpers.CSSHelp(document).getStyle('p')?.display === 'flex'); ``` -Your `p` selector should have a `justify-content` property set to `space-between`. +Tu selector `p` debe tener la propiedad `justify-content` establecida a `space-between`. ```js assert(new __helpers.CSSHelp(document).getStyle('p')?.justifyContent === 'space-between'); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md index 3c5c9ba92a7..17387f160ce 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md @@ -7,7 +7,7 @@ dashedName: step-26 # --description-- -Create a new `div` element below your `header` element, and give it a `class` attribute set to `divider large`. +Crea un nuevo elemento `div` debajo del elemento `header`, estableciendo su atributo `class` con el valor `divider large`. # --hints-- @@ -23,7 +23,7 @@ Tu nuevo elemento `div` debe ir después de tu elemento `header`. assert(document.querySelector('.label')?.lastElementChild?.localName === 'div'); ``` -Your new `div` element should have the `class` attribute set to `divider large`. +El nuevo elemento `div` debe tener el atributo `class` establecido a `divider large`. ```js const div = document.querySelector('.label')?.lastElementChild; diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md index 47da15c2b9e..2008fb3f806 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md @@ -7,36 +7,36 @@ dashedName: step-30 # --description-- -Within your `.calories-info` element, create a `div` element. Give that `div` element a `class` attribute set to `left-container`. Within the newly created `div` element, create a `h2` element with the text `Amount per serving`. Give the `h2` element a `class` attribute set to `bold small-text`. +Dentro de su elemento `.calories-info`, cree un elemento `div`. Dale a ese elemento `div` un atributo `class` establecido en `left-container`. Dentro del elemento `div` recién creado, cree un elemento `h2` con el texto `Amount per serving`. Asigne al elemento `h2` un atributo `class` establecido en `bold small-text`. # --hints-- -You should create a new `div` element within your `.calories-info` element. +Debe crear un nuevo elemento `div` dentro de su elemento `.calories-info`. ```js assert(document.querySelector('.calories-info')?.children?.[0]?.localName === 'div'); ``` -Your new `div` element should have a `class` attribute set to `left-container`. +Su nuevo elemento `div` debe tener un atributo `class` establecido en `left-container`. ```js assert(document.querySelector('.calories-info')?.children?.[0]?.classList.contains('left-container')); ``` -You should create a new `h2` element within your `.left-container` element. +Debe crear un nuevo elemento `h2` dentro de su elemento `.left-container`. ```js assert(document.querySelector('.left-container')?.children?.[0]?.localName === 'h2'); ``` -Your new `h2` element should have a `class` attribute set to `bold small-text`. +Su nuevo elemento `h2` debe tener un atributo `class` establecido en `bold small-text`. ```js assert(document.querySelector('.left-container')?.children?.[0]?.classList.contains('bold')); assert(document.querySelector('.left-container')?.children?.[0]?.classList.contains('small-text')); ``` -Your new `h2` element should have the text `Amount per serving`. +Su nuevo elemento `h2` debe tener el texto `Amount per serving`. ```js assert(document.querySelector('.left-container')?.children?.[0]?.innerText === 'Amount per serving'); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md index b1dac10da81..cae059501fa 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md @@ -9,11 +9,11 @@ dashedName: step-37 La tipografía es a menudo más arte que ciencia. Es posible que deba ajustar cosas como la alineación hasta que se vea correcta. -Give your `.calories-info span` selector a `margin` set to `-7px -2px`. Esto cambiará su texto `230` a su lugar. +En el selector `.calories-info span`, establece `margin` con el valor `-7px -2px`. Esto cambiará su texto `230` a su lugar. # --hints-- -Your `.calories-info span` selector should have a `margin` set to `-7px -2px`. +El selector `.calories-info span` debe tener un `margin` establecido a `-7px -2px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.margin === '-7px -2px'); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md index 236ff502d5e..ec6283a39c0 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md @@ -1,6 +1,6 @@ --- id: 615f6fddaac1e083502d3e6a -title: Step 45 +title: Paso 45 challengeType: 0 dashedName: step-45 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md index bcf53dd4b3f..cf649208a55 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md @@ -1,6 +1,6 @@ --- id: 615f70077a4ff98424236c1e -title: Step 46 +title: Paso 46 challengeType: 0 dashedName: step-46 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md index 3603ffd7d5d..f0af3cf1e8b 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md @@ -1,6 +1,6 @@ --- id: 615f72a872354a850d4f533e -title: Step 47 +title: Paso 47 challengeType: 0 dashedName: step-47 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md index 1ebf447794e..2274273e64b 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md @@ -1,6 +1,6 @@ --- id: 615f74a71f1e498619e38ee8 -title: Step 48 +title: Paso 48 challengeType: 0 dashedName: step-48 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md index 9caf9ef2d3a..e7398f6a676 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md @@ -1,6 +1,6 @@ --- id: 615f7ad94380408d971d14f6 -title: Step 49 +title: Paso 49 challengeType: 0 dashedName: step-49 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md index 044970ad768..a98eafe2b75 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md @@ -1,6 +1,6 @@ --- id: 615f7bc680f7168ea01ebf99 -title: Step 50 +title: Paso 50 challengeType: 0 dashedName: step-50 --- @@ -13,7 +13,7 @@ Su primer elemento `.no-divider` tiene un `.divider` después de él. Cree otro # --hints-- -You should create a new `div` at the end of your `.daily-value` element. +Debes crear un nuevo `div` al final del elemento `.daily-value` ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'div'); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md index ae93d46d2fb..2e01587a5e1 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md @@ -1,6 +1,6 @@ --- id: 615f7d489a581590d1350288 -title: Step 52 +title: Paso 52 challengeType: 0 dashedName: step-52 --- @@ -11,7 +11,7 @@ Crea otro `.divider` después de tu último elemento `p`. # --hints-- -You should create a new `div` element at the end of your `.daily-value` element. +Debes crear un nuevo elemento `div` al final del elemento `.daily-value`. ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'div'); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md index 418d2475862..b0f237dfbee 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md @@ -1,6 +1,6 @@ --- id: 615f7fa959ab75948f96a0d6 -title: Step 56 +title: Paso 56 challengeType: 0 dashedName: step-56 --- @@ -11,7 +11,7 @@ Debajo de su último elemento `p`, agregue otro elemento `p` con el texto `Dieta # --hints-- -You should create a new `p` and `div` element at the end of your `.daily-value` element. +Debes crear un nuevo elemento `p` y un nuevo elemento `div` al final del elemento `.daily-value`. ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md index 370fd147adf..cee7cc6e542 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md @@ -1,23 +1,23 @@ --- id: 615f83ef928ec9982b785b6a -title: Step 59 +title: Paso 59 challengeType: 0 dashedName: step-59 --- # --description-- -Create a `.double-indent` selector and give it a left margin of `2em`. +Crea un selector `.double-indent` y dale un margen izquierdo de `2em`. # --hints-- -You should have a new `.double-indent` selector. +Debería tener un nuevo selector `.double-indent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.double-indent')); ``` -Your `.double-indent` selector should have a `margin-left` property set to `2em`. +Su selector `.double-indent` debe tener una propiedad `margin-left` establecida en `2em`. ```js assert(new __helpers.CSSHelp(document).getStyle('.double-indent')?.marginLeft === '2em'); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md index 0c25d20ad4b..1a3dc73b93b 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md @@ -1,19 +1,19 @@ --- id: 615f84f246e8ba98e3cd97be -title: Step 60 +title: Paso 60 challengeType: 0 dashedName: step-60 --- # --description-- -Below your `.double-indent` element, add a new `p` element with the text `Includes 10g Added Sugars 20%`. Su nuevo elemento `p` también debe tener doble sangría y no tener un borde inferior. Usa un `span` para hacer que el `20%` esté en negrita y alineado a la derecha. +Debajo de su elemento `.double-indent`, agregue un nuevo elemento `p` con el texto `Includes 10g Added Sugars 20%`. Su nuevo elemento `p` también debe tener doble sangría y no tener un borde inferior. Usa un `span` para hacer que el `20%` esté en negrita y alineado a la derecha. Luego crea otro divisor después de ese elemento `p`. # --hints-- -You should create a new `p` and `div` element at the end of your `.daily-value` element. +Debe crear un nuevo elemento `p` y `div` al final de su elemento `.daily-value`. ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p'); @@ -26,7 +26,7 @@ Su nuevo elemento `p` debe tener el texto `Includes 10g Added Sugars 20%`. assert(document.querySelector('.daily-value.small-text p:last-of-type')?.innerText.match(/Includes 10g Added Sugars[\s|\n]+20%/)); ``` -Your new `p` element should have the `class` attribute set to `double-indent no-divider`. +Su nuevo elemento `p` debe tener el atributo `class` establecido en `double-indent no-divider`. ```js assert(document.querySelector('.daily-value.small-text p:last-of-type')?.classList?.contains('double-indent')); @@ -39,7 +39,7 @@ Su nuevo elemento `p` debe tener un elemento `span`. assert(document.querySelector('.daily-value.small-text p:last-of-type')?.firstElementChild?.localName === 'span'); ``` -Your `span` element should have the `class` attribute set to `bold`. +Su elemento `span` debe tener el atributo `class` establecido en `bold`. ```js assert(document.querySelector('.daily-value.small-text p:last-of-type')?.firstElementChild?.classList?.contains('bold')); diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md index c6633389700..12eac130deb 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md @@ -1,6 +1,6 @@ --- id: 615f89e055040ba294719d2f -title: Step 62 +title: Paso 62 challengeType: 0 dashedName: step-62 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md index 4c07e75f89c..618cd312a9e 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md @@ -1,6 +1,6 @@ --- id: 615f94786869e1a7fec54375 -title: Step 66 +title: Paso 66 challengeType: 0 dashedName: step-66 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md index e6f009b7e04..832b276d944 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md @@ -1,23 +1,23 @@ --- id: 6395d33ab5d91bf317107c48 -title: Step 32 +title: Paso 32 challengeType: 0 dashedName: step-32 --- # --description-- -Create a `.calories-info h2` selector and remove all margins. +Crea el selector `.calories-info h2` y elimina todos los márgenes. # --hints-- -Create a `.calories-info h2` selector. +Crea el selector `.calories-info h2`. ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info h2')); ``` -Your `.calories-info h2` selector should have a `margin` set to `0`. +El selector `.calories-info h2` debe tener un `margin` establecido a `0`. ```js assert(new __helpers.CSSHelp(document).getStyle('.calories-info h2')?.margin === '0px'); diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/5d5a813321b9e3db6c106a46.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/5d5a813321b9e3db6c106a46.md index 80817a90904..d95085bcca7 100644 --- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/5d5a813321b9e3db6c106a46.md +++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/5d5a813321b9e3db6c106a46.md @@ -7,7 +7,7 @@ dashedName: step-1 # --description-- -JavaScript es un poderoso lenguaje que le permite construir sitios web que sean interactivos. Para comenzar, cree su plantilla HTML estándar con un `DOCTYPE`, `html`, `head`, and `body`. Incluye un elemento `title` y un `link` para tu hoja de estilo, y tu etiqueta `meta` para el `charset`. Then, create a `div` element with `id` set to `game` within your `body`. Usa el texto `RPG - Dragon Repeller` para tu elemento `title`. +JavaScript es un poderoso lenguaje que le permite construir sitios web que sean interactivos. Para comenzar, cree su plantilla HTML estándar con un `DOCTYPE`, `html`, `head`, and `body`. Incluye un elemento `title` y un `link` para tu hoja de estilo, y tu etiqueta `meta` para el `charset`. A continuación, dentro del elemento `body`, crea un elemento `div` con el atributo `id` establecido a `game`. Usa el texto `RPG - Dragon Repeller` para tu elemento `title`. # --hints-- diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a115879a6d51422652cbfc.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a115879a6d51422652cbfc.md index 3e888b1ba1c..3b48cdb7f09 100644 --- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a115879a6d51422652cbfc.md +++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a115879a6d51422652cbfc.md @@ -7,41 +7,41 @@ dashedName: step-2 # --description-- -Create four `div` elements within your `#game` element. Give them the following respective `id` values, in order: `stats`, `controls`, `monsterStats`, and `text`. +Cree cuatro elementos `div` dentro del elemento `#game`. Dales los siguientes valores respectivos de `id`, en orden: `stats`, `controls`, `monsterStats` y `text`. # --hints-- -You should create four new `div` elements. +Debe crear cuatro nuevos elementos `div`. ```js assert.equal(document.querySelectorAll('div')?.length, 5); ``` -You should give one of the new `div` elements an `id` of `stats`. +Debe asignar a uno de los nuevos elementos `div` un `id` de `stats`. ```js assert.exists(document.querySelector('div#stats')); ``` -You should give one of the new `div` elements an `id` of `controls`. +Debe asignar a uno de los nuevos elementos `div` un `id` de `controls`. ```js assert.exists(document.querySelector('div#controls')); ``` -You should give one of the new `div` elements an `id` of `monsterStats`. +Debe asignar a uno de los nuevos elementos `div` un `id` de `monsterStats`. ```js assert.exists(document.querySelector('div#monsterStats')); ``` -You should give one of the new `div` elements an `id` of `text`. +Debe asignar a uno de los nuevos elementos `div` un `id` de `text`. ```js assert.exists(document.querySelector('div#text')); ``` -You should place the new `div` elements in the correct order. +Debe colocar los nuevos elementos `div` en el orden correcto. ```js function __t(a, b) { @@ -50,7 +50,7 @@ function __t(a, b) { assert(__t('div#stats','controls') && __t('div#controls','monsterStats') && __t('div#monsterStats','text')); ``` -You should place the new `div` elements within the `#game` element. +Debe colocar los nuevos elementos `div` dentro del elemento `#game`. ```js assert.equal(document.querySelector('#game')?.children?.length, 4); diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a2409897ec621942234cf6.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a2409897ec621942234cf6.md index cd8f6e504d2..44baa979d97 100644 --- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a2409897ec621942234cf6.md +++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a2409897ec621942234cf6.md @@ -7,32 +7,32 @@ dashedName: step-9 # --description-- -Give the `#text` element a `background-color` of `black`, a `color` of `white`, and `10px` of padding on all sides. +Asigne al elemento `#text` un `background-color` de `black`, un `color` de `white` y `10px` de relleno en todos los lados. # --hints-- -You should have a `#text` selector. +Debe tener un selector `#text`. ```js const text = new __helpers.CSSHelp(document).getStyle('#text'); assert.exists(text); ``` -Your `#text` element should have a `background-color` of `black`. +Su elemento `#text` debe tener un `background-color` de `black`. ```js const background = new __helpers.CSSHelp(document).getStyle('#text')?.getPropertyValue('background-color'); assert.equal(background, 'black'); ``` -Your `#text` element should have a `color` of `white`. +Su elemento `#text` debe tener un `color` de `white`. ```js const color = new __helpers.CSSHelp(document).getStyle('#text')?.getPropertyValue('color'); assert.equal(color, 'white'); ``` -Your `#text` element should have `10px` of padding on all sides. +Su elemento `#text` debe tener `10px` de relleno en todos los lados. ```js const padding = new __helpers.CSSHelp(document).getStyle('#text')?.getPropertyValue('padding'); diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24190868ca51c0b6e83c7.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24190868ca51c0b6e83c7.md index ef2d52c310a..0a2d5635296 100644 --- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24190868ca51c0b6e83c7.md +++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a24190868ca51c0b6e83c7.md @@ -7,18 +7,18 @@ dashedName: step-13 # --description-- -Hide your `#monsterStats` element for now. Do not change any of the other styling. +Oculte su elemento `#monsterStats` por ahora. No cambie ninguno de los otros estilos. # --hints-- -You should have a `#monsterStats` selector. +Debe tener un selector `#monsterStats`. ```js const monsterStats = new __helpers.CSSHelp(document).getStyle('#monsterStats'); assert.exists(monsterStats); ``` -Your `#monsterStats` selector should have a `display` property of `none`. +Su selector `#monsterStats` debe tener una propiedad `display` de `none`. ```js const display = new __helpers.CSSHelp(document).getStyle('#monsterStats')?.getPropertyValue('display'); diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a257659d0d1e2456f24ba2.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a257659d0d1e2456f24ba2.md index 4edd826674f..6177f7906e2 100644 --- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a257659d0d1e2456f24ba2.md +++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a257659d0d1e2456f24ba2.md @@ -7,17 +7,17 @@ dashedName: step-17 # --description-- -Before you start writing your project code, you should move it to its own file to keep things organized. Remove your `console.log("Hello World");` line. Then give your now empty `script` element a `src` attribute set to `./script.js`. +Antes de empezar a escribir el código del proyecto, debe moverlo a su propio archivo para mantener las cosas organizadas. Elimine la línea `console.log("Hello World");`. A continuación, asigne a su elemento `script` ahora vacío un atributo `src` establecido en `./script.js`. # --hints-- -You should not have a `console.log("Hello World");` line in your code. +No debe tener una línea `console.log("Hello World");` en el código. ```js assert.notMatch(code, /console\.log\("Hello World"\);/); ``` -Your `script` element should have a `src` attribute set to `./script.js`. +El elemento `script` debe tener un atributo `src` establecido en `./script.js`. ```js const script = document.querySelector("script[data-src$='script.js']"); diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3a0a3c0a4b32915d26a6e.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3a0a3c0a4b32915d26a6e.md index 166522bcf36..2743d4cc6f5 100644 --- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3a0a3c0a4b32915d26a6e.md +++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3a0a3c0a4b32915d26a6e.md @@ -7,43 +7,43 @@ dashedName: step-19 # --description-- -Remove your `console.log("Hello World");` line to begin writing your project code. +Elimina la línea `console.log("Hello World");` para comenzar a escribir el código del proyecto. -In JavaScript, a variable is used to hold a value. To use a variable, you must first declare it. For example, to declare a variable called `camperbot`, you would write: +En JavaScript, se almacena un valor mediante una variable. Para usar una variable, primero hay que declararla. Por ejemplo, para declarar una variable llamada `camperbot`, habría que escribir: ```js var camperbot; ``` -The `var` keyword tells JavaScript you are declaring a variable. Declare a variable called `xp`. +La palabra clave `var` le dice a JavaScript que se está declarando una variable. Declara una variable llamada `xp`. # --hints-- -You should not have a `console.log("Hello World");` line in your code. +No debes tener la línea `console.log("Hello World");` en tu código. ```js assert.notMatch(code, /console\.log\("Hello World"\);/); ``` -You should use the `var` keyword to declare your variable. +Debes usar la palabra clave `var` para declarar una variable. ```js assert.match(code, /var/); ``` -You should declare a variable named `xp`. +Debes declarar una variable llamada `xp`. ```js assert.match(code, /xp/); ``` -You should not assign a value to your variable. +No le debes asignar ningún valor a la variable. ```js assert.notMatch(code, /var xp =/); ``` -Don't forget the semi-colon at the end of the line. +No olvides el punto y coma al final de la línea. ```js assert.match(code, /var xp;/); diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc211760bfc220f4734800.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc211760bfc220f4734800.md index b578d67a19e..0ac1adf61c8 100644 --- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc211760bfc220f4734800.md +++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc211760bfc220f4734800.md @@ -7,7 +7,7 @@ dashedName: step-34 # --description-- -Finally, use `querySelector()` to get the `#monsterHealth` element. Because you have already declared a `monsterHealth` variable earlier, you need to use a different variable name for this element. Declare a new variable with the `const` keyword and name it `monsterHealthText`. +Finalmente, usa `querySelector()` para obtener el elemento `#monsterHealth`. Because you have already declared a `monsterHealth` variable earlier, you need to use a different variable name for this element. Declare a new variable with the `const` keyword and name it `monsterHealthText`. # --hints-- diff --git a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md index da3096cc481..a9083c34217 100644 --- a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md +++ b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cc -title: Manipulate Arrays With pop Method +title: Manipolare gli array con il metodo pop challengeType: 1 videoUrl: 'https://scrimba.com/c/cRbVZAB' forumTopicId: 18236 diff --git a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md index 4950c64a2e3..3d85add8854 100644 --- a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md +++ b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cb -title: Manipulate Arrays With push Method +title: Manipolare gli array con il metodo push challengeType: 1 videoUrl: 'https://scrimba.com/c/cnqmVtJ' forumTopicId: 18237 diff --git a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md index 983ab132dad..3c777cd26e6 100644 --- a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md +++ b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cd -title: Manipulate Arrays With shift Method +title: Manipolare gli array con il metodo shift challengeType: 1 videoUrl: 'https://scrimba.com/c/cRbVETW' forumTopicId: 18238 diff --git a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md index f31ac3a57dd..2a4ce9e7690 100644 --- a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md +++ b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392ce -title: Manipulate Arrays With unshift Method +title: Manipolare gli array con il metodo unshift challengeType: 1 videoUrl: 'https://scrimba.com/c/ckNDESv' forumTopicId: 18239 diff --git a/curriculum/challenges/italian/06-quality-assurance/quality-assurance-projects/american-british-translator.md b/curriculum/challenges/italian/06-quality-assurance/quality-assurance-projects/american-british-translator.md index 80edd482057..4b111665b81 100644 --- a/curriculum/challenges/italian/06-quality-assurance/quality-assurance-projects/american-british-translator.md +++ b/curriculum/challenges/italian/06-quality-assurance/quality-assurance-projects/american-british-translator.md @@ -282,7 +282,7 @@ async (getUserInput) => { }; ``` -All 24 unit tests are complete and passing. +Tutti i 24 test unitari sono completati e superati. ```js async (getUserInput) => { @@ -307,7 +307,7 @@ async (getUserInput) => { }; ``` -All 6 functional tests are complete and passing. +Tutti i 6 test funzionali sono completati e superati. ```js async (getUserInput) => { diff --git a/curriculum/challenges/italian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md b/curriculum/challenges/italian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md index 2bc6d2882ad..db6a8c6285f 100644 --- a/curriculum/challenges/italian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md +++ b/curriculum/challenges/italian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md @@ -352,7 +352,7 @@ async (getUserInput) => { }; ``` -All 12 unit tests are complete and passing. +Tutti i 12 test funzionali richiesti sono completati e superati. ```js async (getUserInput) => { @@ -377,7 +377,7 @@ async (getUserInput) => { }; ``` -All 14 functional tests are complete and passing. +Tutti i 14 test funzionali richiesti sono completati e superati. ```js async (getUserInput) => { diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md index b320facf9ab..92a8c2d67ae 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Dopo l'ultimo elemento `.divider`, crea un elemento `p` e assegnagli il testo `Total Fat 8g 10%`. Avvolgi `Total Fat` in un elemento `span` con l'attributo `class` con il valore `bold`. Racchiudi `10%` in un altro elemento `span` con `class` impostata su `bold`. Finally, nest the `Total Fat` `span` element and the text `8g` in an additional `span` element for alignment. +Dopo l'ultimo elemento `.divider`, crea un elemento `p` e assegnagli il testo `Total Fat 8g 10%`. Avvolgi `Total Fat` in un elemento `span` con l'attributo `class` con il valore `bold`. Racchiudi `10%` in un altro elemento `span` con `class` impostata su `bold`. Infine annida l'elemento `span` `Total Fat` e il testo `8g` in un altro elemento `span` per l'allineamento. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md index c93bc2e5194..102add9f87d 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md @@ -7,7 +7,7 @@ dashedName: step-53 # --description-- -Dopo l'ultimo elemento `.divider`, crea un elemento `p` e dagli il testo `Cholesterol 0mg 0%`. Inserisci il testo `Cholesterol` in un elemento `span` e assegna a quest'elemento `span` un attributo `class` con il valore `bold`. Annida il testo `0%` in un altro elemento `span` con l'attributo `class` impostato su `bold`. Finally, nest the `Cholesterol` and `0mg` span elements inside an additional span element for alignment. +Dopo l'ultimo elemento `.divider`, crea un elemento `p` e dagli il testo `Cholesterol 0mg 0%`. Inserisci il testo `Cholesterol` in un elemento `span` e assegna a quest'elemento `span` un attributo `class` con il valore `bold`. Annida il testo `0%` in un altro elemento `span` con l'attributo `class` impostato su `bold`. Infine annida gli elementi span `Cholesterol` e `0mg` all'interno di un altro elemento span per l'allineamento. # --hints-- diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md index a50a6562860..71a48912df0 100644 --- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md +++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cc -title: Manipulate Arrays With pop Method +title: Manipular arrays com o método pop challengeType: 1 videoUrl: 'https://scrimba.com/c/cRbVZAB' forumTopicId: 18236 diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md index 06724e472d5..3c40bbeb0eb 100644 --- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md +++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cb -title: Manipulate Arrays With push Method +title: Manipular arrays com o método push challengeType: 1 videoUrl: 'https://scrimba.com/c/cnqmVtJ' forumTopicId: 18237 diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md index d7a9847f0c0..3ef1599ffc7 100644 --- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md +++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392cd -title: Manipulate Arrays With shift Method +title: Manipular arrays com o método shift challengeType: 1 videoUrl: 'https://scrimba.com/c/cRbVETW' forumTopicId: 18238 diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md index 43df3824ccd..900ecd96cd3 100644 --- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md +++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392ce -title: Manipulate Arrays With unshift Method +title: Manipular arrays com o método unshift challengeType: 1 videoUrl: 'https://scrimba.com/c/ckNDESv' forumTopicId: 18239 diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md index 777fb082db6..1ecaccf66ad 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Após o último elemento `.divider`, crie um elemento `p` e dê a ele o texto `Total Fat 8g 10%`. Encapsule `Total Fat` em um elemento `span` com a `class` definida como `bold`. Encapsule `10%` em outro elemento `span` com a `class` definida como `bold`. Finally, nest the `Total Fat` `span` element and the text `8g` in an additional `span` element for alignment. +Após o último elemento `.divider`, crie um elemento `p` e dê a ele o texto `Total Fat 8g 10%`. Encapsule `Total Fat` em um elemento `span` com a `class` definida como `bold`. Encapsule `10%` em outro elemento `span` com a `class` definida como `bold`. Por fim, coloque o elemento de `span` `Total Fat` e o texto `8g` dentro de um elemento de `span` adicional para realizar o alinhamento. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md index 52c6400c022..b3276c7c04e 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md @@ -7,7 +7,7 @@ dashedName: step-53 # --description-- -Após o último `.divider`, crie um elemento `p` com o texto `Cholesterol 0mg 0%`. Encapsule o texto `Cholesterol` em um elemento `span`, e dê a ele o elemento `span` com o atributo `class` definido como `bold`. Encapsule o texto `0%` em outro elemento `span`, com a `class` definida como `bold`. Finally, nest the `Cholesterol` and `0mg` span elements inside an additional span element for alignment. +Após o último `.divider`, crie um elemento `p` com o texto `Cholesterol 0mg 0%`. Encapsule o texto `Cholesterol` em um elemento `span`, e dê a ele o elemento `span` com o atributo `class` definido como `bold`. Encapsule o texto `0%` em outro elemento `span`, com a `class` definida como `bold`. Por fim, coloque os elementos de span `Cholesterol` e `0mg` dentro de um elemento de span adicional para realizar o alinhamento. # --hints-- diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md index cebd2071ae9..c12b8218206 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md @@ -8,7 +8,7 @@ dashedName: use-arrow-functions-to-write-concise-anonymous-functions # --description-- -Часто у JavaScript не потрібно називати функції, особливо коли функція передається як аргумент іншій функції. Натомість ми створюємо вбудовані функції. Їх не потрібно називати, бо вони більш ніде не використовуються. +Часто у JavaScript не потрібно називати функції, особливо коли функція передається як аргумент іншій функції. Натомість ми створюємо вбудовані функції. Їх не потрібно називати, бо вони ніде інше не використовуються. Для цього використовується наступний синтаксис: @@ -42,7 +42,7 @@ const myFunc = () => "value"; # --hints-- -Вам слід замінити ключове слово `var`. +Ви повинні замінити ключове слово `var`. ```js assert.notMatch(code, /var/g) @@ -54,13 +54,13 @@ assert.notMatch(code, /var/g) assert.match(code, /const\s+magic/g) ``` -`magic` має бути `function`. +`magic` повинна бути функцією (`function`). ```js assert(typeof magic === 'function'); ``` -`magic()` повинна повернути правильну дату. +`magic()` повинна повертати правильну дату. ```js assert(magic().setHours(0, 0, 0, 0) === new Date().setHours(0, 0, 0, 0)); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md index 0559a8fa7b1..0d0143ac0a8 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md @@ -80,7 +80,7 @@ assert(() => { }); ``` -`carrot.name` повинен повертатись як `carrot`. +`carrot.name` має повертати `carrot`. ```js assert(carrot.name == 'carrot'); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md index 42bb914bea6..bb2f3486a19 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md @@ -1,6 +1,6 @@ --- id: 587d7b88367417b2b2512b44 -title: Запис функції Arrow з параметрами +title: Написання стрілкових функцій з параметрами challengeType: 1 forumTopicId: 301223 dashedName: write-arrow-functions-with-parameters @@ -8,29 +8,29 @@ dashedName: write-arrow-functions-with-parameters # --description-- -Так само, як і у звичайній функції, ви можете передавати аргументи в функцію Arrow. +До стрілкової функції так само можна передати аргументи, як і до звичайної. ```js const doubler = (item) => item * 2; doubler(4); ``` -`doubler(4)` повинен перетворюватись на `8`. +`doubler(4)` повертатиме значення `8`. -Якщо функція arrow має один параметр, то дужки можуть бути опущені. +Якщо стрілкова функція має один параметр, то дужки можна опустити. ```js const doubler = item => item * 2; ``` -Функція може вміщати в себе більше одного аргументу. +До стрілкової функції можна передати більше одного аргументу. ```js const multiplier = (item, multi) => item * multi; multiplier(4, 2); ``` -`multiplier(4, 2)` повинен перетворюватись на `8`. +`multiplier(4, 2)` повертатиме значення `8`. # --instructions-- @@ -38,7 +38,7 @@ multiplier(4, 2); # --hints-- -Вам слід замінити ключове слово `var`. +Ви повинні замінити ключове слово `var`. ```js assert.notMatch(code, /var/g); @@ -59,7 +59,7 @@ assert( ); ``` -`myConcat()` перетворюється на `[1, 2, 3, 4, 5]`. +`myConcat()` має повертати `[1, 2, 3, 4, 5]`. ```js assert.deepEqual(myConcat([1, 2], [3, 4, 5]), [1, 2, 3, 4, 5]); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md index a7311ea2399..5d198a5ab35 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md @@ -31,7 +31,7 @@ const getMousePosition = (x, y) => ({ x, y }); # --hints-- -`createPerson("Zodiac Hasbro", 56, "male")` має стати `{name: "Zodiac Hasbro", age: 56, gender: "male"}`. +`createPerson("Zodiac Hasbro", 56, "male")` має повертати `{name: "Zodiac Hasbro", age: 56, gender: "male"}`. ```js assert.deepEqual(