diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md index 81b8bd3f1d1..7c96c9123a6 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md @@ -1,6 +1,6 @@ --- id: 60eebd07ea685b0e777b5583 -title: Step 1 +title: الخطوة 1 challengeType: 0 dashedName: step-1 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md index 7374eb7cbce..3c415a25fca 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md @@ -1,6 +1,6 @@ --- id: 60f027099a15b00485563dd2 -title: Step 2 +title: الخطوة 2 challengeType: 0 dashedName: step-2 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index f962a226c40..4f74c68b3df 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -1,6 +1,6 @@ --- id: 60f027c87bc98f050395c139 -title: Step 3 +title: الخطوة 3 challengeType: 0 dashedName: step-3 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md index 92ff75876b6..3e999313d61 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md @@ -1,6 +1,6 @@ --- id: 60f0286404aefb0562a4fdf9 -title: Step 4 +title: الخطوة 4 challengeType: 0 dashedName: step-4 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md index f1ac338c7f5..c524e1fbec9 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md @@ -1,6 +1,6 @@ --- id: 60f02e7361b68405e27b62a5 -title: Step 6 +title: الخطوة 6 challengeType: 0 dashedName: step-6 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md index f9a0a7aaefe..a25fa424ff6 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md @@ -1,6 +1,6 @@ --- id: 60f030d388cb74067cf291c3 -title: Step 7 +title: الخطوة 7 challengeType: 0 dashedName: step-7 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md index 79e81fb6b56..adb0395678b 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md @@ -1,6 +1,6 @@ --- id: 60f1922fcbd2410527b3bd89 -title: Step 8 +title: الخطوة 8 challengeType: 0 dashedName: step-8 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md index ba6fee4bc60..0e50d359cc3 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md @@ -1,6 +1,6 @@ --- id: 60f1a5e2d2c23707a4f9a660 -title: Step 9 +title: الخطوة 9 challengeType: 0 dashedName: step-9 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md index 2506c87de6b..4b2881e9df0 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md @@ -1,6 +1,6 @@ --- id: 60f1a9cbd23023082e149fee -title: Step 10 +title: الخطوة 10 challengeType: 0 dashedName: step-10 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md index 11f054e1a77..0f052b2d74f 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md @@ -1,6 +1,6 @@ --- id: 60f5c3e399ff1a05629964e4 -title: Step 11 +title: الخطوة 11 challengeType: 0 dashedName: step-11 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md index 15fd13efa88..b58a77b80ef 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md @@ -1,6 +1,6 @@ --- id: 60f5cb8875ab6a0610f05071 -title: Step 13 +title: الخطوة 13 challengeType: 0 dashedName: step-13 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md index a06b59a1ab8..d7d7642d26c 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md @@ -1,6 +1,6 @@ --- id: 60f5d2776c854e069560fbe6 -title: Step 14 +title: الخطوة 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md index 62b416930fa..02ee1e3041d 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md @@ -1,6 +1,6 @@ --- id: 60f5dc35c07ac1078f140916 -title: Step 15 +title: الخطوة 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md index 76446668b8f..999f73bd966 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md @@ -1,6 +1,6 @@ --- id: 60f803d5241e6a0433a523a1 -title: Step 16 +title: الخطوة 16 challengeType: 0 dashedName: step-16 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md index dc237fd0e1d..5e4be7fe7be 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md @@ -1,6 +1,6 @@ --- id: 60f805f813eaf2049bc2ceea -title: Step 17 +title: الخطوة 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md index bf04e5363ed..bc4f10f74ca 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md @@ -1,6 +1,6 @@ --- id: 60f80e0081e0f2052ae5b505 -title: Step 19 +title: الخطوة 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md index 27730171e1e..61a0aa4771d 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md @@ -1,6 +1,6 @@ --- id: 60f81167d0d4910809f88945 -title: Step 20 +title: الخطوة 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md index b80354750ee..f83ed0e8c8b 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md @@ -1,6 +1,6 @@ --- id: 60f81616cff80508badf9ad5 -title: Step 21 +title: الخطوة 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md index a3205416c48..9b713509ea5 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md @@ -1,6 +1,6 @@ --- id: 60f83e7bfc09900959f41e20 -title: Step 22 +title: الخطوة 22 challengeType: 0 dashedName: step-22 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md index 3516e48e417..2b42ebc13fc 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md @@ -1,6 +1,6 @@ --- id: 60f84ec41116b209c280ba91 -title: Step 23 +title: الخطوة 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index 6f8a5f19c74..b4520cd76f2 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -1,28 +1,28 @@ --- id: 60f852f645b5310a8264f555 -title: Step 24 +title: الخطوة 24 challengeType: 0 dashedName: step-24 --- # --description-- -فلنذهب إلى الجزء التالي من نموذج التسجيل. سيطلب هذا القسم نوع الحساب الذي يفتحه المستخدم، وسيؤكد أن المستخدم قد قرأ الأحكام والشروط. +فلنذهب إلى الجزء التالي من نموذج التسجيل. This section will ask for the type of account the user is opening. -ابدأ بإضافة ثلاثة عناصر `label` إلى الـ `fieldset` الثاني. +Start by adding two `label` elements to the second `fieldset`. # --hints-- -يجب عليك إضافة ثلاثة عناصر `label` إلى الـ `fieldset` الثاني. +You should add two `label` elements to the second `fieldset`. ```js -assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3); +assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2); ``` عناصر `label` يجب أن تكون siblings اي تحت parent واحد و علي نفس المستوي. ```js -assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label')); +assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label')); ``` # --seed-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index bd1ecd3b15a..91e3a6d8406 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -1,13 +1,13 @@ --- id: 60f85a62fb30c80bcea0cedb -title: Step 25 +title: الخطوة 25 challengeType: 0 dashedName: step-25 --- # --description-- -سيتم السماح للمستخدمين باختيار `Personal Account` أو `Business Account`. +Users will be allowed to choose either a `Personal` or `Business`. للقيام بذلك، ضمن كل عنصر من أول عنصرين `label`، أضف عنصر `input` واحد مع `type="radio"`. @@ -58,7 +58,6 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
-
--fcc-editable-region--
diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index f0785cd3768..b72d9ac21de 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -1,32 +1,43 @@ --- id: 60f8604682407e0d017bbf7f -title: Step 26 +title: الخطوة 26 challengeType: 0 dashedName: step-26 --- # --description-- -بالنسبة للأحكام والشروط، أضف `input` فيه `type` يساوي `checkbox` إلى عنصر `label` الثالث. اجعل هذا العنصر `input` مطلوبا `required` لأن المستخدمين لا ينبغي أن يسجلوا الدخول دون قراءة الأحكام والشروط. +Within each corresponding `label` element, and immediately after the `input` element, add a space and add the following text: + +```md +Personal +Business +``` # --hints-- -يجب عليك إضافة `input` إلى عنصر `label` الثالث. +You should give the first `label` the text `Personal`. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')); +assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal'); ``` -يجب عليك إضافة سمة `type` بالقيمة `checkbox` إلى عنصر `input`. +You should give the second `label` the text `Business`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.type, 'checkbox'); +assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business'); ``` -يجب عليك إضافة سمة `required` إلى عنصر `input`. +You should give the first `label` text one space at the front. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.required, true); +assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); +``` + +You should give the second `label` text one space at the front. + +```js +assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); ``` # --seed-- @@ -51,13 +62,12 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in ---fcc-editable-region--
- - - -
--fcc-editable-region-- + + +--fcc-editable-region-- +
diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index 97fa6733c01..32b4610ad64 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -1,56 +1,28 @@ --- id: 60f8618d191b940d62038513 -title: Step 27 +title: الخطوة 27 challengeType: 0 dashedName: step-27 --- # --description-- -ضمن كل عنصر من عناصر `label` المقابلة، وبعد عنصر `input` مباشرة، أضف مساحة وأضف النص التالي: +You only want one radio input to be selectable at a time. However, the form does not know the radio inputs are related. -```md -Personal Account -Business Account -I accept the terms and conditions -``` +To relate the radio inputs, give them the same `name` attribute with a value of `account-type`. Now, it is not possible to select both radio inputs at the same time. # --hints-- -يجب عليك إعطاء أول `label` النص `Personal Account`. +You should give the first radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal Account'); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); ``` -يجب عليك إعطاء ثاني `label` النص `Business Account`. +You should give the second radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business Account'); -``` - -يجب عليك إعطاء ثالث `label` النص `I accept the terms and conditions`. - -```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText, 'I accept the terms and conditions'); -``` - -يجب أن تعطي أول نص `label` مسافة واحدة في المقدمة. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); -``` - -يجب أن تعطي ثاني نص `label` مسافة واحدة في المقدمة. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); -``` - -يجب أن تعطي ثالث نص `label` مسافة واحدة في المقدمة. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText?.[0], ' '); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); ``` # --seed-- @@ -77,9 +49,8 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)' --fcc-editable-region--
- - - + +
--fcc-editable-region--
diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index 46064ea24be..b72ab676454 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -1,34 +1,40 @@ --- id: 60fab4a123ce4b04526b082b -title: Step 28 +title: الخطوة 28 challengeType: 0 dashedName: step-28 --- # --description-- -تريد فقط radio input واحد قابل للاختيار في كل مرة. ومع ذلك ، فإن النموذج لا يعرف أن مدخلات الراديو (radio inputs) مرتبطة. +Currently when someone submit the form, they can submit it without checking the radio inputs. Although you had used `required` attribute to indicate the the input is required previously, this can't work in this case, because adding required to both inputs, will convey the wrong information to the form users. -لربط مدخلات الراديو، قم بإعطائهم نفس سمة `name` بقيمة `account-type`. الآن، لا يمكن تحديد كلا مدخلات الراديو في نفس الوقت. +To solve this, you can provide context of what is needed by adding `legend` element below the second `fieldset` with text `Account type (required)`, then add `checked` attribute to the `Personal` input to make sure that the form is submitted with the required data in it. # --hints-- -يجب أن تعطي أول مدخل راديو السمة `name` بقيمة `account-type`. +Your `input` elements should remain `type` of `radio`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"]')?.length, 2); ``` -يجب أن تعطي مدخل الراديوي الثاني سمة `name` بقيمة `account-type`. +You should add a `legend` element within the second `fieldset` element. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-of-type(2) > legend')?.length, 1); ``` -لا يجب أن تعطي `checkbox` السمة `name`. +You should add `Account type (required)` text to the `legend` element. ```js -assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input[type="checkbox"]')?.name); +assert.equal(document.querySelector('fieldset:nth-of-type(2) > legend')?.textContent, 'Account type (required)'); +``` + +You should give an attribute of `checked` to the `Personal` input. + +```js +assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]')?.hasAttribute('checked')); ``` # --seed-- @@ -55,9 +61,9 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) --fcc-editable-region--
- - - + + +
--fcc-editable-region--
diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index 624394455c4..1037e09359d 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -لإكمال هذا الـ `fieldset`، اربط النص `terms and conditions` في الـ `label` الثالث إلى الموقع التالي: +Add `I accept the terms and conditions` text to the newly added label, then link the text `terms and conditions` to the following location: ```md https://www.freecodecamp.org/news/terms-of-service/ @@ -15,22 +15,28 @@ https://www.freecodecamp.org/news/terms-of-service/ # --hints-- -يجب عليك استخدام عنصر `a` للربط بالأحكام والشروط. +You should add `I accept the terms and conditions` text to the label following the third fieldset. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')); +assert.equal(document.querySelector('fieldset:nth-child(3) + label')?.innerText.trim(), 'I accept the terms and conditions'); ``` -يجب عليك إعطاء عنصر `a` سمة `href` من `https://www.freecodecamp.org/news/terms-of-service/`. +You should use an `a` element to link to the terms and conditions. ```js -assert.match(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input + a')); ``` -يجب عليك فقط تغليف عنصر `a` حول النص `terms and conditions`. +You should give the `a` element an `href` of `https://www.freecodecamp.org/news/terms-of-service/`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.textContent, 'terms and conditions'); +assert.match(document.querySelector('fieldset:nth-child(3) + label > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +``` + +You should only wrap the `a` element around the text `terms and conditions`. + +```js +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input + a')?.textContent, 'terms and conditions'); ``` # --seed-- @@ -55,14 +61,15 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index 01ea6ef53b5..0f873769b89 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -54,17 +54,18 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
- - - + Account type (required) + +
--fcc-editable-region--
--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index 8ac1d4baa2f..7d9fae198f4 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -68,11 +68,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -80,6 +78,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index a7ce92860f2..0eff9beecb5 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
- - - + Account type (required) + +
--fcc-editable-region--
@@ -61,6 +59,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index deb2762f095..a26bb4e41ca 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -58,11 +58,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
- - - + Account type (required) + +
--fcc-editable-region--
@@ -77,6 +75,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index b83c409b193..25c93e89097 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -72,11 +72,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -93,6 +91,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index 9f476617df4..2c00983398d 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -66,11 +66,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -87,6 +85,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index b82e11bfd51..4afd859f4d8 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -60,11 +60,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
- - - + Account type (required) + +
--fcc-editable-region--
@@ -82,6 +80,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index b3e1addca30..00c369f57bd 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index 6e5304b6143..fd4798dc9e7 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -48,11 +48,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index d88c222cb7e..26f1d5f3088 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -109,11 +109,9 @@ assert.isNotEmpty(document.querySelector('textarea')?.name);
- - - + Account type (required) + +
@@ -131,7 +129,10 @@ assert.isNotEmpty(document.querySelector('textarea')?.name);
---fcc-editable-region-- + + --fcc-editable-region-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index cb16884ae5a..324fb26fd91 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -54,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index fb380581cca..b719b88c526 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -52,11 +52,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
- - - + Account type (required) + +
@@ -74,6 +72,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index 87cdc218ea2..bbd3ac6b4e2 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -64,11 +64,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
- - - + Account type (required) + +
@@ -86,6 +84,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index 38bcf96747b..bcfbfaecbb9 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -58,11 +58,9 @@ assert.equal(fieldset?.paddingRight, '0px');
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(fieldset?.paddingRight, '0px');
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index b2dc7fd17c5..90131703a53 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -40,11 +40,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
- - - + Account type (required) + +
@@ -62,6 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index e56b1514ac6..3d86a369de8 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -79,11 +79,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
- - - + Account type (required) + +
@@ -101,6 +99,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index 37b1ad14512..2a20b8ae596 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -25,12 +25,6 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[0]?.classList? assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.classList?.contains('inline')); ``` -يجب عليك إعطاء ثالث `input` الـ class بقيمة `inline`. - -```js -assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?.contains('inline')); -``` - # --seed-- ## --seed-contents-- @@ -55,11 +49,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList? --fcc-editable-region--
- - - + Account type (required) + +
--fcc-editable-region--
@@ -78,6 +70,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index 00e5105afc7..ecbd2c67cc6 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index deb934a0dd3..da34bb1dcec 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -58,11 +58,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index f4be1d3d0b9..090a0a340fd 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -42,11 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
- - - + Account type (required) + +
@@ -64,6 +62,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index 75ebe7a15d9..0bc7391b173 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -57,11 +57,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
- - - + Account type (required) + +
@@ -79,6 +77,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index c93b8a9c9b8..8f62af3021b 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -50,11 +50,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
- - - + Account type (required) + +
@@ -72,6 +70,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index 54372c10c24..35600b3d30f 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -54,11 +54,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index 8dac65753a4..fcae0baab09 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -60,11 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
- - - + Account type (required) + +
@@ -82,6 +80,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index bb0e0e46631..f395fa0c7ce 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -49,11 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index d7a4fe8c138..977d18edb70 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index 92674012bdc..2db9a48ce92 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index 945e334ed41..256b69cf544 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -49,11 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index 2b5b55da0cd..cb1954fa247 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -48,11 +48,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
- - - + Account type (required) + +
@@ -70,6 +68,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index d67dd66430d..2f2b38a355c 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index 65860abeb91..54cf79d794b 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -7,19 +7,25 @@ dashedName: step-64 # --description-- -أخيرا وليس آخرا، قم بتغيير لون النص `terms and conditions` إلى `#dfdfe2`. +Last, but not least, make the `input` for the terms and condition `inline`, then change the text color of the `terms and conditions` link element to `#dfdfe2`. أحسنت صنعا! لقد أكملت الجزء الأخير من مشروع التدريب _Registration Form_. # --hints-- -يجب عليك استخدام منتقي العناصر `a`. +You should give the `input` a class of `inline`. + +```js +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.classList?.contains('inline')); +``` + +You should use an `a` element selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('a')); ``` -يجب عليك إعطاء عناصر `a` الـ `color` بقيمة `#dfdfe2`. +You should give the `a` element a `color` of `#dfdfe2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223, 226)'); @@ -48,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
- - - + Account type (required) + +
@@ -70,6 +74,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
+ --fcc-editable-region-- + + --fcc-editable-region-- @@ -177,11 +186,9 @@ input[type="file"] {
- - - + Account type (required) + +
@@ -199,6 +206,9 @@ input[type="file"] {
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index ee4c895df26..df867c6bded 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -53,11 +53,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
- - - + Account type (required) + +
@@ -75,6 +73,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
+ diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md index ee42585e123..8e96582476b 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md @@ -1,6 +1,6 @@ --- id: 62cc5b1779e4d313466f73c5 -title: Step 5 +title: الخطوة 5 challengeType: 0 dashedName: step-5 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index 39ee90991bc..e5d85ddf48b 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -1,6 +1,6 @@ --- id: 62ff8b9dab5ac88e4d3d43a3 -title: Step 18 +title: الخطوة 18 challengeType: 0 dashedName: step-18 --- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index 115a0295d0a..e347ba46d5e 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -7,46 +7,48 @@ dashedName: step-30 # --description-- -اتبع أفضل ممارسات تسهيل المنال (accessibility) عن طريق ربط عناصر `input` و `label` في `fieldset` الثاني. +You need to confirm that the user has read the terms and conditions. -استخدم `personal-account`, و `business-account`, و `terms-and-conditions` كقيم لسمات `id`. +Add `label` element after the third `fieldset`, and a `input` element with `type` attribute of `checkbox` inside the newly added `label` element. Make this `input` element `required` because users should not sign up without reading the terms and conditions. + +Don't forget to add an `id` attribute of `terms-and-conditions` for accessibility. # --hints-- -يجب أن يحتوي أول عنصر `input` علي `id` بقيمة `personal-account`. +You should add an `label` after the third `fieldset` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label')); ``` -يجب أن يحتوي الثاني عنصر `input` علي `id` بقيمة `business-account`. +You should add an `input` to the `label` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input')); ``` -يجب أن يحتوي ثالث عنصر `input` علي `id` بقيمة `terms-and-conditions`. +You should add a `type` attribute of value `checkbox` to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.type, 'checkbox'); ``` -يجب أن يحتوي عنصرك الأول `label` على سمة `for` بقيمة `personal-account`. +You should add a `required` attribute to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.required, true); ``` -يجب أن يحتوي عنصرك الثاتي `label` على سمة `for` بقيمة `business-account`. +The `input` element should have an `id` of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.matches('#terms-and-conditions')) ``` -يجب أن يحتوي عنصرك الثالث `label` على سمة `for` بقيمة `terms-and-conditions`. +The `label` element should have a `for` attribute with a value of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) +assert(document.querySelector('fieldset:nth-child(3) + label')?.matches('label[for="terms-and-conditions"]')) ``` # --seed-- @@ -71,14 +73,16 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches( ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index 408b989b3bb..d061e63660c 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -84,11 +84,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -108,6 +106,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
--fcc-editable-region-- + diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md index 50fbdd7e883..bbfe23114b1 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md @@ -1,6 +1,6 @@ --- id: 63541ef4f96cd82e8e6c788a -title: Step 12 +title: الخطوة 12 challengeType: 0 dashedName: step-12 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md index d5a618902c9..24a6d6fb769 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md @@ -1,6 +1,6 @@ --- id: 60eebd07ea685b0e777b5583 -title: Step 1 +title: 步驟 1 challengeType: 0 dashedName: step-1 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md index 3e8fdc99532..d322bf0d130 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md @@ -1,6 +1,6 @@ --- id: 60f027099a15b00485563dd2 -title: Step 2 +title: 步驟 2 challengeType: 0 dashedName: step-2 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index 10b3ce5c620..64c0cac440f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -1,6 +1,6 @@ --- id: 60f027c87bc98f050395c139 -title: Step 3 +title: 步驟 3 challengeType: 0 dashedName: step-3 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md index 8034a2a293f..bd88c40314f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md @@ -1,6 +1,6 @@ --- id: 60f0286404aefb0562a4fdf9 -title: Step 4 +title: 步驟 4 challengeType: 0 dashedName: step-4 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md index 2a8064c507b..2d58fda125a 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md @@ -1,6 +1,6 @@ --- id: 60f02e7361b68405e27b62a5 -title: Step 6 +title: 步驟 6 challengeType: 0 dashedName: step-6 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md index ed3975d913b..8a05d8f2a81 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md @@ -1,6 +1,6 @@ --- id: 60f030d388cb74067cf291c3 -title: Step 7 +title: 步驟 7 challengeType: 0 dashedName: step-7 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md index 6b6a12f15ef..f4c294ef7da 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md @@ -1,6 +1,6 @@ --- id: 60f1922fcbd2410527b3bd89 -title: Step 8 +title: 步驟 8 challengeType: 0 dashedName: step-8 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md index 8a91074c0fb..7f23f907bc6 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md @@ -1,6 +1,6 @@ --- id: 60f1a5e2d2c23707a4f9a660 -title: Step 9 +title: 步驟 9 challengeType: 0 dashedName: step-9 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md index bfcad29ba5c..44549ebcf46 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md @@ -1,6 +1,6 @@ --- id: 60f1a9cbd23023082e149fee -title: Step 10 +title: 步驟 10 challengeType: 0 dashedName: step-10 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md index 60b54b48f74..1a73e23bd8e 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md @@ -1,6 +1,6 @@ --- id: 60f5c3e399ff1a05629964e4 -title: Step 11 +title: 步驟 11 challengeType: 0 dashedName: step-11 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md index 60ef9dee5fb..d0fe8b5bf20 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md @@ -1,6 +1,6 @@ --- id: 60f5cb8875ab6a0610f05071 -title: Step 13 +title: 步驟 13 challengeType: 0 dashedName: step-13 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md index c856bd1f977..fc78b715163 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md @@ -1,6 +1,6 @@ --- id: 60f5d2776c854e069560fbe6 -title: Step 14 +title: 步驟 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md index 7094a021697..a49e6530698 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md @@ -1,6 +1,6 @@ --- id: 60f5dc35c07ac1078f140916 -title: Step 15 +title: 步驟 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md index 35e6eae3ea5..b2b7a2d270f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md @@ -1,6 +1,6 @@ --- id: 60f803d5241e6a0433a523a1 -title: Step 16 +title: 步驟 16 challengeType: 0 dashedName: step-16 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md index fd66b4b9b32..327638c2d96 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md @@ -1,6 +1,6 @@ --- id: 60f805f813eaf2049bc2ceea -title: Step 17 +title: 步驟 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md index 7af3f81aad7..70720f828b4 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md @@ -1,6 +1,6 @@ --- id: 60f80e0081e0f2052ae5b505 -title: Step 19 +title: 步驟 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md index 7535559df4a..310ed6ab8a6 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md @@ -1,6 +1,6 @@ --- id: 60f81167d0d4910809f88945 -title: Step 20 +title: 步驟 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md index 03cecd6666e..053b2efb176 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md @@ -1,6 +1,6 @@ --- id: 60f81616cff80508badf9ad5 -title: Step 21 +title: 步驟 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md index e5f7cecd870..c0ae33559a0 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md @@ -1,6 +1,6 @@ --- id: 60f83e7bfc09900959f41e20 -title: Step 22 +title: 步驟 22 challengeType: 0 dashedName: step-22 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md index 7b42a1e7943..fdf08138a93 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md @@ -1,6 +1,6 @@ --- id: 60f84ec41116b209c280ba91 -title: Step 23 +title: 步驟 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index 00f3f513f56..4f60c86d1e8 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -1,28 +1,28 @@ --- id: 60f852f645b5310a8264f555 -title: Step 24 +title: 步驟 24 challengeType: 0 dashedName: step-24 --- # --description-- -讓我們進入註冊表單的下一部分。 這部分讓用戶選擇要註冊的賬號類型，並且確保用戶已經閱讀了條款和協議。 +讓我們進入註冊表單的下一部分。 This section will ask for the type of account the user is opening. -首先，在第二個 `fieldset` 內部添加三個 `label` 元素。 +Start by adding two `label` elements to the second `fieldset`. # --hints-- -應該在第二個 `fieldset` 內部添加三個 `label` 元素。 +You should add two `label` elements to the second `fieldset`. ```js -assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3); +assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2); ``` 這些 `label` 元素應該是同級元素。 ```js -assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label')); +assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label')); ``` # --seed-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index ed3984b11f4..0d76e0eec05 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -1,13 +1,13 @@ --- id: 60f85a62fb30c80bcea0cedb -title: Step 25 +title: 步驟 25 challengeType: 0 dashedName: step-25 --- # --description-- -用戶可以選擇 `Personal Account` 或者 `Business Account`。 +Users will be allowed to choose either a `Personal` or `Business`. 在前兩個 `label` 元素裏，添加一個 `type="radio"` 的 `input` 元素。 @@ -58,7 +58,6 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
-
--fcc-editable-region--
diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index 661dbcf1fd5..197730f3a9c 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -1,32 +1,43 @@ --- id: 60f8604682407e0d017bbf7f -title: Step 26 +title: 步驟 26 challengeType: 0 dashedName: step-26 --- # --description-- -對於條款及條件，在第三個 `label` 元素內添加一個 `type` 爲 `checkbox` 的 `input` 元素。 另外，用戶需要在閱讀條款和條件之後才能註冊，所以將這個 `input` 框設置爲 `required`。 +Within each corresponding `label` element, and immediately after the `input` element, add a space and add the following text: + +```md +Personal +Business +``` # --hints-- -應該給第三個 `label` 元素添加一個 `input`。 +You should give the first `label` the text `Personal`. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')); +assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal'); ``` -應該給 `input` 元素添加一個 `type` 屬性並設置其值爲 `checkbox`。 +You should give the second `label` the text `Business`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.type, 'checkbox'); +assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business'); ``` -應該給 `input` 元素添加一個 `required` 屬性。 +You should give the first `label` text one space at the front. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.required, true); +assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); +``` + +You should give the second `label` text one space at the front. + +```js +assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); ``` # --seed-- @@ -51,13 +62,12 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in ---fcc-editable-region--
- - - -
--fcc-editable-region-- + + +--fcc-editable-region-- +
diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index 76738775b67..7936a6c55a1 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -1,56 +1,28 @@ --- id: 60f8618d191b940d62038513 -title: Step 27 +title: 步驟 27 challengeType: 0 dashedName: step-27 --- # --description-- -在每一個相應的 `label` 元素內，`input` 元素後面內，添加一個空格以及如下文字： +You only want one radio input to be selectable at a time. However, the form does not know the radio inputs are related. -```md -Personal Account -Business Account -I accept the terms and conditions -``` +To relate the radio inputs, give them the same `name` attribute with a value of `account-type`. Now, it is not possible to select both radio inputs at the same time. # --hints-- -第一個 `label` 的文字應該爲 `Personal Account`。 +You should give the first radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal Account'); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); ``` -第二個 `label` 的文字應該爲 `Business Account`。 +You should give the second radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business Account'); -``` - -第三個 `label` 的文字應該爲 `I accept the terms and conditions`。 - -```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText, 'I accept the terms and conditions'); -``` - -第一個 `label` 的文字前面應該有一個空格。 - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); -``` - -第二個 `label` 的文字前面應該有一個空格。 - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); -``` - -第三個 `label` 的文字前面應該有一個空格。 - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText?.[0], ' '); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); ``` # --seed-- @@ -77,9 +49,8 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)' --fcc-editable-region--
- - - + +
--fcc-editable-region--
diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index 50e44b5674b..978027120d9 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -1,34 +1,40 @@ --- id: 60fab4a123ce4b04526b082b -title: Step 28 +title: 步驟 28 challengeType: 0 dashedName: step-28 --- # --description-- -我們希望單選按鈕一次只能選中一個。 然而，表單並不知道這些單選按鈕是一組的。 +Currently when someone submit the form, they can submit it without checking the radio inputs. Although you had used `required` attribute to indicate the the input is required previously, this can't work in this case, because adding required to both inputs, will convey the wrong information to the form users. -給每一個單選按鈕添加相同的 `name` 屬性並設置其值爲 `account-type`，以關聯單選按鈕。 現在，兩個單選按鈕就無法同時選中了。 +To solve this, you can provide context of what is needed by adding `legend` element below the second `fieldset` with text `Account type (required)`, then add `checked` attribute to the `Personal` input to make sure that the form is submitted with the required data in it. # --hints-- -第一個單選按鈕的 `name` 屬性的值應該爲 `account-type`。 +Your `input` elements should remain `type` of `radio`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"]')?.length, 2); ``` -第二個單選按鈕的 `name` 屬性的值應該爲 `account-type`。 +You should add a `legend` element within the second `fieldset` element. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-of-type(2) > legend')?.length, 1); ``` -不應該指定 `checkbox` 的 `name` 屬性。 +You should add `Account type (required)` text to the `legend` element. ```js -assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input[type="checkbox"]')?.name); +assert.equal(document.querySelector('fieldset:nth-of-type(2) > legend')?.textContent, 'Account type (required)'); +``` + +You should give an attribute of `checked` to the `Personal` input. + +```js +assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]')?.hasAttribute('checked')); ``` # --seed-- @@ -55,9 +61,9 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) --fcc-editable-region--
- - - + + +
--fcc-editable-region--
diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index 3847979b48d..1037e09359d 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -要完成此 `fieldset`，請將第三個 `label` 中的文本 `terms and conditions` 鏈接到以下位置： +Add `I accept the terms and conditions` text to the newly added label, then link the text `terms and conditions` to the following location: ```md https://www.freecodecamp.org/news/terms-of-service/ @@ -15,22 +15,28 @@ https://www.freecodecamp.org/news/terms-of-service/ # --hints-- -應該使用 `a` 元素來給條款和條件添加超鏈接。 +You should add `I accept the terms and conditions` text to the label following the third fieldset. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')); +assert.equal(document.querySelector('fieldset:nth-child(3) + label')?.innerText.trim(), 'I accept the terms and conditions'); ``` -應該給 `a` 元素添加一個 `href` 屬性並設置其值爲 `https://www.freecodecamp.org/news/terms-of-service/`。 +You should use an `a` element to link to the terms and conditions. ```js -assert.match(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input + a')); ``` -`a` 應該在文字 `terms and conditions` 外面。 +You should give the `a` element an `href` of `https://www.freecodecamp.org/news/terms-of-service/`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.textContent, 'terms and conditions'); +assert.match(document.querySelector('fieldset:nth-child(3) + label > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +``` + +You should only wrap the `a` element around the text `terms and conditions`. + +```js +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input + a')?.textContent, 'terms and conditions'); ``` # --seed-- @@ -55,14 +61,15 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index 66a34d9e89e..b941226cbcd 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -54,17 +54,18 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
- - - + Account type (required) + +
--fcc-editable-region--
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index 83dffcd2a68..f5351af6217 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -68,11 +68,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -80,6 +78,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index 4a8a5724ac0..1a3e5176593 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
- - - + Account type (required) + +
--fcc-editable-region--
@@ -61,6 +59,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index 2dc33662147..88cfc2164e8 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -58,11 +58,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
- - - + Account type (required) + +
--fcc-editable-region--
@@ -77,6 +75,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index 875d43ef52b..ff86cbba41f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -72,11 +72,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -93,6 +91,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index 890639370a0..0251e7861d1 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -66,11 +66,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -87,6 +85,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index 429085ba9e3..5d0760eec7c 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -60,11 +60,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
- - - + Account type (required) + +
--fcc-editable-region--
@@ -82,6 +80,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index ef8c27c5d90..858dd0a14c7 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index de5aa44ba65..102f0b4dd6b 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -48,11 +48,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index b863f9635f9..fd0afe9a7b8 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -109,11 +109,9 @@ assert.isNotEmpty(document.querySelector('textarea')?.name);
- - - + Account type (required) + +
@@ -131,7 +129,10 @@ assert.isNotEmpty(document.querySelector('textarea')?.name);
---fcc-editable-region-- + + --fcc-editable-region-- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index 7298bdc1c80..9de26824305 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -54,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index 31eead990c9..72101172184 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -52,11 +52,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
- - - + Account type (required) + +
@@ -74,6 +72,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index 9c9d1d563b6..1a10b229d02 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -64,11 +64,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
- - - + Account type (required) + +
@@ -86,6 +84,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index 03c346435c4..ef6e78cd6d3 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -58,11 +58,9 @@ assert.equal(fieldset?.paddingRight, '0px');
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(fieldset?.paddingRight, '0px');
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index 41d00995696..4b6ed39d81e 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -40,11 +40,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
- - - + Account type (required) + +
@@ -62,6 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index bb8f1bbeafb..005052f6c1a 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -79,11 +79,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
- - - + Account type (required) + +
@@ -101,6 +99,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index 589b3382858..e03fb8a5ec1 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -25,12 +25,6 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[0]?.classList? assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.classList?.contains('inline')); ``` -第三個 `input` 的 class 應該爲 `inline`。 - -```js -assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?.contains('inline')); -``` - # --seed-- ## --seed-contents-- @@ -55,11 +49,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList? --fcc-editable-region--
- - - + Account type (required) + +
--fcc-editable-region--
@@ -78,6 +70,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index 50401ff00f6..147b3106af2 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index 201e568fbd9..ccf531ee1e1 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -58,11 +58,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index 06241508fdf..adaa54e65f9 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -42,11 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
- - - + Account type (required) + +
@@ -64,6 +62,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index 8c24c364ac1..551d7dfe77c 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -57,11 +57,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
- - - + Account type (required) + +
@@ -79,6 +77,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index ecba713e711..86f7bdd3d3a 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -50,11 +50,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
- - - + Account type (required) + +
@@ -72,6 +70,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index 1cac221d028..d3a0825c00b 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -54,11 +54,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index f5253dd8d2f..dfcbed73a99 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -60,11 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
- - - + Account type (required) + +
@@ -82,6 +80,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index f91da1a957c..75adc76c7da 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -49,11 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index 6075b31eeab..c55beabe520 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index b5aeb956b9f..2fdd7c89261 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index 40391856b7d..e2b59f9754f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -49,11 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index 2ba0a3c3165..7843eb5a1d5 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -48,11 +48,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
- - - + Account type (required) + +
@@ -70,6 +68,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index 53b9d7b0ef1..ff64b723379 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index 7dd31e7531a..2d15b502e26 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -7,19 +7,25 @@ dashedName: step-64 # --description-- -最後，將 `terms and conditions` 鏈接的文本顏色更改爲 `#dfdfe2`。 +Last, but not least, make the `input` for the terms and condition `inline`, then change the text color of the `terms and conditions` link element to `#dfdfe2`. 很棒！ 你已經完成了_註冊表_練習項目的最後一部分。 # --hints-- -你應該使用 `a` 元素選擇器。 +You should give the `input` a class of `inline`. + +```js +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.classList?.contains('inline')); +``` + +You should use an `a` element selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('a')); ``` -你應該爲 `a` 元素添加值爲 `#dfdfe2` 的 `color`。 +You should give the `a` element a `color` of `#dfdfe2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223, 226)'); @@ -48,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
- - - + Account type (required) + +
@@ -70,6 +74,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
+ --fcc-editable-region-- + + --fcc-editable-region-- @@ -177,11 +186,9 @@ input[type="file"] {
- - - + Account type (required) + +
@@ -199,6 +206,9 @@ input[type="file"] {
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index 92fcaabcf0a..b89190b66bc 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -53,11 +53,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
- - - + Account type (required) + +
@@ -75,6 +73,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
+ diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md index a122fdb743b..f370777b53f 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md @@ -1,6 +1,6 @@ --- id: 62cc5b1779e4d313466f73c5 -title: Step 5 +title: 步驟 5 challengeType: 0 dashedName: step-5 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index d316773260a..499a438aa78 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -1,6 +1,6 @@ --- id: 62ff8b9dab5ac88e4d3d43a3 -title: Step 18 +title: 步驟 18 challengeType: 0 dashedName: step-18 --- diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index 0357db9c112..e347ba46d5e 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -7,46 +7,48 @@ dashedName: step-30 # --description-- -按照無障礙最佳實踐，將第二個 `fieldset` 內的 `input` 元素和 `label` 元素關聯起來。 +You need to confirm that the user has read the terms and conditions. -使用 `personal-account`、`business-account` 和 `terms-and-conditions` 作爲對應的 `id` 屬性的值。 +Add `label` element after the third `fieldset`, and a `input` element with `type` attribute of `checkbox` inside the newly added `label` element. Make this `input` element `required` because users should not sign up without reading the terms and conditions. + +Don't forget to add an `id` attribute of `terms-and-conditions` for accessibility. # --hints-- -第一個 `input` 元素的 `id` 應該爲 `personal-account`。 +You should add an `label` after the third `fieldset` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label')); ``` -第二個 `input` 元素的 `id` 應該爲 `business-account`。 +You should add an `input` to the `label` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input')); ``` -第三個 `input` 元素的 `id` 應該爲 `terms-and-conditions`。 +You should add a `type` attribute of value `checkbox` to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.type, 'checkbox'); ``` -第一個 `label` 元素的 `for` 屬性應該爲 `personal-account`。 +You should add a `required` attribute to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.required, true); ``` -第二個 `label` 元素的 `for` 屬性應該爲 `business-account`。 +The `input` element should have an `id` of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.matches('#terms-and-conditions')) ``` -第三個 `label` 元素的 `for` 屬性應該爲 `terms-and-conditions`。 +The `label` element should have a `for` attribute with a value of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) +assert(document.querySelector('fieldset:nth-child(3) + label')?.matches('label[for="terms-and-conditions"]')) ``` # --seed-- @@ -71,14 +73,16 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches( ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index c1203e32c53..df0e0df4e8b 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -84,11 +84,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -108,6 +106,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md index f1d318145b7..cd1ed76f879 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md @@ -1,6 +1,6 @@ --- id: 63541ef4f96cd82e8e6c788a -title: Step 12 +title: 步驟 12 challengeType: 0 dashedName: step-12 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md index b5cb4dfb61a..302a2c9de3e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md @@ -1,6 +1,6 @@ --- id: 60eebd07ea685b0e777b5583 -title: Step 1 +title: 步骤 1 challengeType: 0 dashedName: step-1 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md index 01d048ffb83..4cd5cbccd69 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md @@ -1,6 +1,6 @@ --- id: 60f027099a15b00485563dd2 -title: Step 2 +title: 步骤 2 challengeType: 0 dashedName: step-2 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index 6d9c164c15d..fcf78c8e57b 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -1,6 +1,6 @@ --- id: 60f027c87bc98f050395c139 -title: Step 3 +title: 步骤 3 challengeType: 0 dashedName: step-3 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md index 72acd7fabf9..a5af5d70941 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md @@ -1,6 +1,6 @@ --- id: 60f0286404aefb0562a4fdf9 -title: Step 4 +title: 步骤 4 challengeType: 0 dashedName: step-4 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md index ba29ce710d6..24d823bbbdb 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md @@ -1,6 +1,6 @@ --- id: 60f02e7361b68405e27b62a5 -title: Step 6 +title: 步骤 6 challengeType: 0 dashedName: step-6 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md index 8595ca42c19..9093183b2aa 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md @@ -1,6 +1,6 @@ --- id: 60f030d388cb74067cf291c3 -title: Step 7 +title: 步骤 7 challengeType: 0 dashedName: step-7 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md index 9aea2c87b5f..9df898bf450 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md @@ -1,6 +1,6 @@ --- id: 60f1922fcbd2410527b3bd89 -title: Step 8 +title: 步骤 8 challengeType: 0 dashedName: step-8 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md index 32bd6eeeef0..e553980e388 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md @@ -1,6 +1,6 @@ --- id: 60f1a5e2d2c23707a4f9a660 -title: Step 9 +title: 步骤 9 challengeType: 0 dashedName: step-9 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md index e4cd23e9526..be8ad403c03 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md @@ -1,6 +1,6 @@ --- id: 60f1a9cbd23023082e149fee -title: Step 10 +title: 步骤 10 challengeType: 0 dashedName: step-10 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md index 7a3df1ac274..6fb90653425 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md @@ -1,6 +1,6 @@ --- id: 60f5c3e399ff1a05629964e4 -title: Step 11 +title: 步骤 11 challengeType: 0 dashedName: step-11 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md index df8edda4373..767f3a40545 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md @@ -1,6 +1,6 @@ --- id: 60f5cb8875ab6a0610f05071 -title: Step 13 +title: 步骤 13 challengeType: 0 dashedName: step-13 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md index 1dcee690623..04953f47c10 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md @@ -1,6 +1,6 @@ --- id: 60f5d2776c854e069560fbe6 -title: Step 14 +title: 步骤 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md index 847ff8d8125..2d97752881b 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md @@ -1,6 +1,6 @@ --- id: 60f5dc35c07ac1078f140916 -title: Step 15 +title: 步骤 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md index 7d614f239b0..c73ec60d39a 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md @@ -1,6 +1,6 @@ --- id: 60f803d5241e6a0433a523a1 -title: Step 16 +title: 步骤 16 challengeType: 0 dashedName: step-16 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md index d8453d82332..1d9bec8925a 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md @@ -1,6 +1,6 @@ --- id: 60f805f813eaf2049bc2ceea -title: Step 17 +title: 步骤 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md index 3bd6abfadb0..fec07dba686 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md @@ -1,6 +1,6 @@ --- id: 60f80e0081e0f2052ae5b505 -title: Step 19 +title: 步骤 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md index b2f2bb4aef1..d0ba034884e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md @@ -1,6 +1,6 @@ --- id: 60f81167d0d4910809f88945 -title: Step 20 +title: 步骤 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md index bf091683020..a43fac6dac4 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md @@ -1,6 +1,6 @@ --- id: 60f81616cff80508badf9ad5 -title: Step 21 +title: 步骤 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md index 1c08cda6d15..e4a3f7a98a3 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md @@ -1,6 +1,6 @@ --- id: 60f83e7bfc09900959f41e20 -title: Step 22 +title: 步骤 22 challengeType: 0 dashedName: step-22 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md index 0216affbe8d..69e1daed32d 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md @@ -1,6 +1,6 @@ --- id: 60f84ec41116b209c280ba91 -title: Step 23 +title: 步骤 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index c703a2f7da3..e28bd9daf5e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -1,28 +1,28 @@ --- id: 60f852f645b5310a8264f555 -title: Step 24 +title: 步骤 24 challengeType: 0 dashedName: step-24 --- # --description-- -让我们进入注册表单的下一部分。 这部分让用户选择要注册的账号类型，并且确保用户已经阅读了条款和协议。 +让我们进入注册表单的下一部分。 This section will ask for the type of account the user is opening. -首先，在第二个 `fieldset` 内部添加三个 `label` 元素。 +Start by adding two `label` elements to the second `fieldset`. # --hints-- -应该在第二个 `fieldset` 内部添加三个 `label` 元素。 +You should add two `label` elements to the second `fieldset`. ```js -assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3); +assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2); ``` 这些 `label` 元素应该是同级元素。 ```js -assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label')); +assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label')); ``` # --seed-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index f3864b223ea..3581f2df27e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -1,13 +1,13 @@ --- id: 60f85a62fb30c80bcea0cedb -title: Step 25 +title: 步骤 25 challengeType: 0 dashedName: step-25 --- # --description-- -用户可以选择 `Personal Account` 或者 `Business Account`。 +Users will be allowed to choose either a `Personal` or `Business`. 在前两个 `label` 元素里，添加一个 `type="radio"` 的 `input` 元素。 @@ -58,7 +58,6 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
-
--fcc-editable-region--
diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index a87661d3450..2f7f1483568 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -1,32 +1,43 @@ --- id: 60f8604682407e0d017bbf7f -title: Step 26 +title: 步骤 26 challengeType: 0 dashedName: step-26 --- # --description-- -对于条款及条件，在第三个 `label` 元素内添加一个 `type` 为 `checkbox` 的 `input` 元素。 另外，用户需要在阅读条款和条件之后才能注册，所以将这个 `input` 框设置为 `required`。 +Within each corresponding `label` element, and immediately after the `input` element, add a space and add the following text: + +```md +Personal +Business +``` # --hints-- -应该给第三个 `label` 元素添加一个 `input`。 +You should give the first `label` the text `Personal`. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')); +assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal'); ``` -应该给 `input` 元素添加一个 `type` 属性并设置其值为 `checkbox`。 +You should give the second `label` the text `Business`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.type, 'checkbox'); +assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business'); ``` -应该给 `input` 元素添加一个 `required` 属性。 +You should give the first `label` text one space at the front. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.required, true); +assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); +``` + +You should give the second `label` text one space at the front. + +```js +assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); ``` # --seed-- @@ -51,13 +62,12 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in ---fcc-editable-region--
- - - -
--fcc-editable-region-- + + +--fcc-editable-region-- +
diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index 8505cacce83..59588ecab7b 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -1,56 +1,28 @@ --- id: 60f8618d191b940d62038513 -title: Step 27 +title: 步骤 27 challengeType: 0 dashedName: step-27 --- # --description-- -在每一个相应的 `label` 元素内，`input` 元素后面内，添加一个空格以及如下文字： +You only want one radio input to be selectable at a time. However, the form does not know the radio inputs are related. -```md -Personal Account -Business Account -I accept the terms and conditions -``` +To relate the radio inputs, give them the same `name` attribute with a value of `account-type`. Now, it is not possible to select both radio inputs at the same time. # --hints-- -第一个 `label` 的文字应该为 `Personal Account`。 +You should give the first radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal Account'); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); ``` -第二个 `label` 的文字应该为 `Business Account`。 +You should give the second radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business Account'); -``` - -第三个 `label` 的文字应该为 `I accept the terms and conditions`。 - -```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText, 'I accept the terms and conditions'); -``` - -第一个 `label` 的文字前面应该有一个空格。 - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); -``` - -第二个 `label` 的文字前面应该有一个空格。 - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); -``` - -第三个 `label` 的文字前面应该有一个空格。 - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText?.[0], ' '); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); ``` # --seed-- @@ -77,9 +49,8 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)' --fcc-editable-region--
- - - + +
--fcc-editable-region--
diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index 1c06d7bdce4..740b21ea8d6 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -1,34 +1,40 @@ --- id: 60fab4a123ce4b04526b082b -title: Step 28 +title: 步骤 28 challengeType: 0 dashedName: step-28 --- # --description-- -我们希望单选按钮一次只能选中一个。 然而，表单并不知道这些单选按钮是一组的。 +Currently when someone submit the form, they can submit it without checking the radio inputs. Although you had used `required` attribute to indicate the the input is required previously, this can't work in this case, because adding required to both inputs, will convey the wrong information to the form users. -给每一个单选按钮添加相同的 `name` 属性并设置其值为 `account-type`，以关联单选按钮。 现在，两个单选按钮就无法同时选中了。 +To solve this, you can provide context of what is needed by adding `legend` element below the second `fieldset` with text `Account type (required)`, then add `checked` attribute to the `Personal` input to make sure that the form is submitted with the required data in it. # --hints-- -第一个单选按钮的 `name` 属性的值应该为 `account-type`。 +Your `input` elements should remain `type` of `radio`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"]')?.length, 2); ``` -第二个单选按钮的 `name` 属性的值应该为 `account-type`。 +You should add a `legend` element within the second `fieldset` element. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-of-type(2) > legend')?.length, 1); ``` -不应该指定 `checkbox` 的 `name` 属性。 +You should add `Account type (required)` text to the `legend` element. ```js -assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input[type="checkbox"]')?.name); +assert.equal(document.querySelector('fieldset:nth-of-type(2) > legend')?.textContent, 'Account type (required)'); +``` + +You should give an attribute of `checked` to the `Personal` input. + +```js +assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]')?.hasAttribute('checked')); ``` # --seed-- @@ -55,9 +61,9 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) --fcc-editable-region--
- - - + + +
--fcc-editable-region--
diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index 8f825f643b5..1037e09359d 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -要完成此 `fieldset`，请将第三个 `label` 中的文本 `terms and conditions` 链接到以下位置： +Add `I accept the terms and conditions` text to the newly added label, then link the text `terms and conditions` to the following location: ```md https://www.freecodecamp.org/news/terms-of-service/ @@ -15,22 +15,28 @@ https://www.freecodecamp.org/news/terms-of-service/ # --hints-- -应该使用 `a` 元素来给条款和条件添加超链接。 +You should add `I accept the terms and conditions` text to the label following the third fieldset. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')); +assert.equal(document.querySelector('fieldset:nth-child(3) + label')?.innerText.trim(), 'I accept the terms and conditions'); ``` -应该给 `a` 元素添加一个 `href` 属性并设置其值为 `https://www.freecodecamp.org/news/terms-of-service/`。 +You should use an `a` element to link to the terms and conditions. ```js -assert.match(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input + a')); ``` -`a` 应该在文字 `terms and conditions` 外面。 +You should give the `a` element an `href` of `https://www.freecodecamp.org/news/terms-of-service/`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.textContent, 'terms and conditions'); +assert.match(document.querySelector('fieldset:nth-child(3) + label > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +``` + +You should only wrap the `a` element around the text `terms and conditions`. + +```js +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input + a')?.textContent, 'terms and conditions'); ``` # --seed-- @@ -55,14 +61,15 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index d74271a5fd6..dc878dbc6dc 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -54,17 +54,18 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
- - - + Account type (required) + +
--fcc-editable-region--
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index 666fc9e7ca7..97e9328ea60 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -68,11 +68,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -80,6 +78,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index 50ba1ee08a5..76b9ef5ead5 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
- - - + Account type (required) + +
--fcc-editable-region--
@@ -61,6 +59,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index 45fc46e284f..005ef94c3ec 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -58,11 +58,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
- - - + Account type (required) + +
--fcc-editable-region--
@@ -77,6 +75,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index d8b8298a4fb..aeafe41b5ba 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -72,11 +72,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -93,6 +91,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index 03a010d26dc..bb09467d858 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -66,11 +66,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -87,6 +85,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index 445cffd6078..4d566fc98f1 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -60,11 +60,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
- - - + Account type (required) + +
--fcc-editable-region--
@@ -82,6 +80,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index 2e4ca1927a4..8cc54a67e8a 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index 1804666a1da..5565db8e93c 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -48,11 +48,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index a4a34805b88..53b3348435d 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -109,11 +109,9 @@ assert.isNotEmpty(document.querySelector('textarea')?.name);
- - - + Account type (required) + +
@@ -131,7 +129,10 @@ assert.isNotEmpty(document.querySelector('textarea')?.name);
---fcc-editable-region-- + + --fcc-editable-region-- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index e3d95e1c50b..e8027ba67f9 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -54,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index aa61a28ac9a..91cb1df9a5f 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -52,11 +52,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
- - - + Account type (required) + +
@@ -74,6 +72,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index 130d4d8eaa0..3b550360737 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -64,11 +64,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
- - - + Account type (required) + +
@@ -86,6 +84,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index 0b4c724e4df..58d7bc75ce0 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -58,11 +58,9 @@ assert.equal(fieldset?.paddingRight, '0px');
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(fieldset?.paddingRight, '0px');
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index f3cec7a43db..bbd69019606 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -40,11 +40,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
- - - + Account type (required) + +
@@ -62,6 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index b4f92f9dba6..e9191b42f8a 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -79,11 +79,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
- - - + Account type (required) + +
@@ -101,6 +99,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index fba7b88bbb1..7ffe2e768b1 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -25,12 +25,6 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[0]?.classList? assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.classList?.contains('inline')); ``` -第三个 `input` 的 class 应该为 `inline`。 - -```js -assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?.contains('inline')); -``` - # --seed-- ## --seed-contents-- @@ -55,11 +49,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList? --fcc-editable-region--
- - - + Account type (required) + +
--fcc-editable-region--
@@ -78,6 +70,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index 4e7010419d0..73f4e036d38 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index d3565fa7914..7ee83fbcd8e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -58,11 +58,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index d26bd83d1e5..8fe391a2e73 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -42,11 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
- - - + Account type (required) + +
@@ -64,6 +62,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index 164fd68ddf5..7e09f109ae1 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -57,11 +57,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
- - - + Account type (required) + +
@@ -79,6 +77,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index d61609fe680..e8b7054eb9b 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -50,11 +50,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
- - - + Account type (required) + +
@@ -72,6 +70,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index 10a96648c8a..5bf390229b3 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -54,11 +54,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index 1b502ac3bca..61ca8e318a9 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -60,11 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
- - - + Account type (required) + +
@@ -82,6 +80,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index 92a6eaff7b3..c61d68d2583 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -49,11 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index 13c0e2ffd1b..dbd3ca5a162 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index 569222fb643..fb9a1b11292 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index ad1265b26d8..42e8dfb69d9 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -49,11 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index c137107a70d..3048671a062 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -48,11 +48,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
- - - + Account type (required) + +
@@ -70,6 +68,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index facf3608aff..c5a2e45d2f9 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index 905acc30663..dbc048c97f4 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -7,19 +7,25 @@ dashedName: step-64 # --description-- -最后，将 `terms and conditions` 链接的文本颜色更改为 `#dfdfe2`。 +Last, but not least, make the `input` for the terms and condition `inline`, then change the text color of the `terms and conditions` link element to `#dfdfe2`. 很棒！ 你已经完成了_注册表_练习项目的最后一部分。 # --hints-- -你应该使用 `a` 元素选择器。 +You should give the `input` a class of `inline`. + +```js +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.classList?.contains('inline')); +``` + +You should use an `a` element selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('a')); ``` -你应该为 `a` 元素添加值为 `#dfdfe2` 的 `color`。 +You should give the `a` element a `color` of `#dfdfe2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223, 226)'); @@ -48,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
- - - + Account type (required) + +
@@ -70,6 +74,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
+ --fcc-editable-region-- + + --fcc-editable-region-- @@ -177,11 +186,9 @@ input[type="file"] {
- - - + Account type (required) + +
@@ -199,6 +206,9 @@ input[type="file"] {
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index 5ebacd203b3..b4ba777e18f 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -53,11 +53,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
- - - + Account type (required) + +
@@ -75,6 +73,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
+ diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md index 5e9d2a82ead..3ad60776af9 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md @@ -1,6 +1,6 @@ --- id: 62cc5b1779e4d313466f73c5 -title: Step 5 +title: 步骤 5 challengeType: 0 dashedName: step-5 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index 6cc02550e96..b1bd504244b 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -1,6 +1,6 @@ --- id: 62ff8b9dab5ac88e4d3d43a3 -title: Step 18 +title: 步骤 18 challengeType: 0 dashedName: step-18 --- diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index a8526a0ecda..e347ba46d5e 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -7,46 +7,48 @@ dashedName: step-30 # --description-- -按照无障碍最佳实践，将第二个 `fieldset` 内的 `input` 元素和 `label` 元素关联起来。 +You need to confirm that the user has read the terms and conditions. -使用 `personal-account`、`business-account` 和 `terms-and-conditions` 作为对应的 `id` 属性的值。 +Add `label` element after the third `fieldset`, and a `input` element with `type` attribute of `checkbox` inside the newly added `label` element. Make this `input` element `required` because users should not sign up without reading the terms and conditions. + +Don't forget to add an `id` attribute of `terms-and-conditions` for accessibility. # --hints-- -第一个 `input` 元素的 `id` 应该为 `personal-account`。 +You should add an `label` after the third `fieldset` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label')); ``` -第二个 `input` 元素的 `id` 应该为 `business-account`。 +You should add an `input` to the `label` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input')); ``` -第三个 `input` 元素的 `id` 应该为 `terms-and-conditions`。 +You should add a `type` attribute of value `checkbox` to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.type, 'checkbox'); ``` -第一个 `label` 元素的 `for` 属性应该为 `personal-account`。 +You should add a `required` attribute to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.required, true); ``` -第二个 `label` 元素的 `for` 属性应该为 `business-account`。 +The `input` element should have an `id` of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.matches('#terms-and-conditions')) ``` -第三个 `label` 元素的 `for` 属性应该为 `terms-and-conditions`。 +The `label` element should have a `for` attribute with a value of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) +assert(document.querySelector('fieldset:nth-child(3) + label')?.matches('label[for="terms-and-conditions"]')) ``` # --seed-- @@ -71,14 +73,16 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches( ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index a578705d3c9..1e1da92949c 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -84,11 +84,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -108,6 +106,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
--fcc-editable-region-- + diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md index 0b699732070..a7100defb1d 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md @@ -1,6 +1,6 @@ --- id: 63541ef4f96cd82e8e6c788a -title: Step 12 +title: 步骤 12 challengeType: 0 dashedName: step-12 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md index 066346c4967..b80e5d7f5b9 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md @@ -1,6 +1,6 @@ --- id: 60eebd07ea685b0e777b5583 -title: Step 1 +title: Paso 1 challengeType: 0 dashedName: step-1 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md index 7bbb4afe02d..6450e6d4250 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md @@ -1,6 +1,6 @@ --- id: 60f027099a15b00485563dd2 -title: Step 2 +title: Paso 2 challengeType: 0 dashedName: step-2 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index 47f92163ab5..68652369463 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -1,6 +1,6 @@ --- id: 60f027c87bc98f050395c139 -title: Step 3 +title: Paso 3 challengeType: 0 dashedName: step-3 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md index 328708ae827..47fcd561079 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md @@ -1,6 +1,6 @@ --- id: 60f0286404aefb0562a4fdf9 -title: Step 4 +title: Paso 4 challengeType: 0 dashedName: step-4 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md index e644f4e3008..f521c03e353 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md @@ -1,6 +1,6 @@ --- id: 60f02e7361b68405e27b62a5 -title: Step 6 +title: Paso 6 challengeType: 0 dashedName: step-6 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md index 8893b90c3b9..d0a722ee30d 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md @@ -1,6 +1,6 @@ --- id: 60f030d388cb74067cf291c3 -title: Step 7 +title: Paso 7 challengeType: 0 dashedName: step-7 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md index 8551eb797db..f189522eeb5 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md @@ -1,6 +1,6 @@ --- id: 60f1922fcbd2410527b3bd89 -title: Step 8 +title: Paso 8 challengeType: 0 dashedName: step-8 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md index 87ad7a8d72e..a42c4683b64 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md @@ -1,6 +1,6 @@ --- id: 60f1a5e2d2c23707a4f9a660 -title: Step 9 +title: Paso 9 challengeType: 0 dashedName: step-9 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md index 738b3b8f3f9..3f5fbb02b8c 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md @@ -1,6 +1,6 @@ --- id: 60f1a9cbd23023082e149fee -title: Step 10 +title: Paso 10 challengeType: 0 dashedName: step-10 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md index b09de52929d..cd102dad3d0 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md @@ -1,6 +1,6 @@ --- id: 60f5c3e399ff1a05629964e4 -title: Step 11 +title: Paso 11 challengeType: 0 dashedName: step-11 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md index ae3a9705bcf..7e6216acf21 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md @@ -1,6 +1,6 @@ --- id: 60f5cb8875ab6a0610f05071 -title: Step 13 +title: Paso 13 challengeType: 0 dashedName: step-13 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md index b12be9bcf3e..3c4d0923b54 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md @@ -1,6 +1,6 @@ --- id: 60f5d2776c854e069560fbe6 -title: Step 14 +title: Paso 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md index ec8223f7a5b..9b15c2bb217 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md @@ -1,6 +1,6 @@ --- id: 60f5dc35c07ac1078f140916 -title: Step 15 +title: Paso 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md index ae593a95b3d..11a05712f40 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md @@ -1,6 +1,6 @@ --- id: 60f803d5241e6a0433a523a1 -title: Step 16 +title: Paso 16 challengeType: 0 dashedName: step-16 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md index 9ecd73f9d3d..7d88398a27b 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md @@ -1,6 +1,6 @@ --- id: 60f805f813eaf2049bc2ceea -title: Step 17 +title: Paso 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md index 5e3a03c4519..4f4f060d112 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md @@ -1,6 +1,6 @@ --- id: 60f80e0081e0f2052ae5b505 -title: Step 19 +title: Paso 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md index 30766c47bb6..ff0122c3ae5 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md @@ -1,6 +1,6 @@ --- id: 60f81167d0d4910809f88945 -title: Step 20 +title: Paso 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md index 3aa376e2918..fb8e651550a 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md @@ -1,6 +1,6 @@ --- id: 60f81616cff80508badf9ad5 -title: Step 21 +title: Paso 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md index cabf09907c4..7c45d80f204 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md @@ -1,6 +1,6 @@ --- id: 60f83e7bfc09900959f41e20 -title: Step 22 +title: Paso 22 challengeType: 0 dashedName: step-22 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md index 8eb27b269a1..a10d779e3a6 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md @@ -1,6 +1,6 @@ --- id: 60f84ec41116b209c280ba91 -title: Step 23 +title: Paso 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index 13700c8f863..1a2654bffa0 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -1,28 +1,28 @@ --- id: 60f852f645b5310a8264f555 -title: Step 24 +title: Paso 24 challengeType: 0 dashedName: step-24 --- # --description-- -Pasemos a la siguiente parte del formulario de registro. Esta sección preguntará por el tipo de cuenta que el usuario está abriendo, y confirmará que el usuario ha leído los términos y condiciones. +Pasemos a la siguiente parte del formulario de registro. This section will ask for the type of account the user is opening. -Empieza agregando tres elementos `label` al segundo `fieldset`. +Start by adding two `label` elements to the second `fieldset`. # --hints-- -Debes agregar tres elementos `label` al segundo `fieldset`. +You should add two `label` elements to the second `fieldset`. ```js -assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3); +assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2); ``` Los elementos `label` deben ser hermanos. ```js -assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label')); +assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label')); ``` # --seed-- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index 31d8fa3bfa1..109ad9e664c 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -1,13 +1,13 @@ --- id: 60f85a62fb30c80bcea0cedb -title: Step 25 +title: Paso 25 challengeType: 0 dashedName: step-25 --- # --description-- -Los usuarios podrán elegir entre una `Personal Account` o una `Business Account`. +Users will be allowed to choose either a `Personal` or `Business`. Para ello, dentro de cada uno de los dos primeros elementos `label`, agrega un elemento `input` con el `type="radio"`. @@ -58,7 +58,6 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
-
--fcc-editable-region--
diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index f6d9689c33f..551cee1128e 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -1,32 +1,43 @@ --- id: 60f8604682407e0d017bbf7f -title: Step 26 +title: Paso 26 challengeType: 0 dashedName: step-26 --- # --description-- -Para los términos y condiciones, agrega un `input` con un `type` de `checkbox` al tercer elemento `label`. Hacer este elemento `input` `required` porque los usuarios no deben registrarse sin leer los términos y condiciones. +Within each corresponding `label` element, and immediately after the `input` element, add a space and add the following text: + +```md +Personal +Business +``` # --hints-- -Debes agregar un `input` al tercer elemento `label`. +You should give the first `label` the text `Personal`. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')); +assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal'); ``` -Debes agregar un atributo `type` con el valor `checkbox` al elemento `input`. +You should give the second `label` the text `Business`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.type, 'checkbox'); +assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business'); ``` -Debes agregar un atributo `required` al elemento `input`. +You should give the first `label` text one space at the front. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.required, true); +assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); +``` + +You should give the second `label` text one space at the front. + +```js +assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); ``` # --seed-- @@ -51,13 +62,12 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in ---fcc-editable-region--
- - - -
--fcc-editable-region-- + + +--fcc-editable-region-- +
diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index ce82de00be6..9509205f216 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -1,56 +1,28 @@ --- id: 60f8618d191b940d62038513 -title: Step 27 +title: Paso 27 challengeType: 0 dashedName: step-27 --- # --description-- -Dentro de cada elemento `label` correspondiente, e inmediatamente después de cada elemento `input`, añade un espacio y agrega el siguiente texto: +You only want one radio input to be selectable at a time. However, the form does not know the radio inputs are related. -```md -Personal Account -Business Account -I accept the terms and conditions -``` +To relate the radio inputs, give them the same `name` attribute with a value of `account-type`. Now, it is not possible to select both radio inputs at the same time. # --hints-- -Debes dar al primer `label` el texto `Personal Account`. +You should give the first radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal Account'); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); ``` -Debes dar al segundo `label` el texto `Business Account`. +You should give the second radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business Account'); -``` - -Debes dar al tercer `label` el texto `I accept the terms and conditions`. - -```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText, 'I accept the terms and conditions'); -``` - -Debes dar al texto del primer `label` un espacio al inicio del texto. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); -``` - -Debes dar al texto del segundo `label` un espacio al inicio del texto. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); -``` - -Debes dar al texto del tercer `label` un espacio al inicio del texto. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText?.[0], ' '); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); ``` # --seed-- @@ -77,9 +49,8 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)' --fcc-editable-region--
- - - + +
--fcc-editable-region--
diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index 51591c0c19c..3a97ad66a53 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -1,34 +1,40 @@ --- id: 60fab4a123ce4b04526b082b -title: Step 28 +title: Paso 28 challengeType: 0 dashedName: step-28 --- # --description-- -Solo quieres que se pueda seleccionar un input de radio a la vez. Sin embargo, el formulario no sabe que los inputs de radio están relacionadas. +Currently when someone submit the form, they can submit it without checking the radio inputs. Although you had used `required` attribute to indicate the the input is required previously, this can't work in this case, because adding required to both inputs, will convey the wrong information to the form users. -Para relacionar los inputs de radio, dales el mismo atributo `name` con un valor de `account-type`. Ahora, no es posible seleccionar ambos inputs de radio al mismo tiempo. +To solve this, you can provide context of what is needed by adding `legend` element below the second `fieldset` with text `Account type (required)`, then add `checked` attribute to the `Personal` input to make sure that the form is submitted with the required data in it. # --hints-- -Debes dar al primer input de radio el atributo `name` con un valor de `account-type`. +Your `input` elements should remain `type` of `radio`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"]')?.length, 2); ``` -Debes dar al segundo input de radio el atributo `name` con un valor de `account-type`. +You should add a `legend` element within the second `fieldset` element. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-of-type(2) > legend')?.length, 1); ``` -No debes dar al `checkbox` el atributo `name`. +You should add `Account type (required)` text to the `legend` element. ```js -assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input[type="checkbox"]')?.name); +assert.equal(document.querySelector('fieldset:nth-of-type(2) > legend')?.textContent, 'Account type (required)'); +``` + +You should give an attribute of `checked` to the `Personal` input. + +```js +assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]')?.hasAttribute('checked')); ``` # --seed-- @@ -55,9 +61,9 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) --fcc-editable-region--
- - - + + +
--fcc-editable-region--
diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index 9d14510e95d..1037e09359d 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Para terminar este `fieldset`, vincula el texto `terms and conditions` en la tercera `label` a la siguiente ubicación: +Add `I accept the terms and conditions` text to the newly added label, then link the text `terms and conditions` to the following location: ```md https://www.freecodecamp.org/news/terms-of-service/ @@ -15,22 +15,28 @@ https://www.freecodecamp.org/news/terms-of-service/ # --hints-- -Debes usar un elemento `a` para vincular a los términos y condiciones. +You should add `I accept the terms and conditions` text to the label following the third fieldset. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')); +assert.equal(document.querySelector('fieldset:nth-child(3) + label')?.innerText.trim(), 'I accept the terms and conditions'); ``` -Debes dar al elemento `a` un atributo `href` con `https://www.freecodecamp.org/news/terms-of-service/`. +You should use an `a` element to link to the terms and conditions. ```js -assert.match(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input + a')); ``` -Solo debe envolver el elemento `a` alrededor del texto `terms and conditions`. +You should give the `a` element an `href` of `https://www.freecodecamp.org/news/terms-of-service/`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.textContent, 'terms and conditions'); +assert.match(document.querySelector('fieldset:nth-child(3) + label > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +``` + +You should only wrap the `a` element around the text `terms and conditions`. + +```js +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input + a')?.textContent, 'terms and conditions'); ``` # --seed-- @@ -55,14 +61,15 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- 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 99e28efa672..b4007325f9c 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 @@ -54,17 +54,18 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
- - - + Account type (required) + +
--fcc-editable-region--
--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index eb0e942eb91..e3380f210ee 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -68,11 +68,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -80,6 +78,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index 17dc83c36b1..23489ed3936 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
- - - + Account type (required) + +
--fcc-editable-region--
@@ -61,6 +59,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index ddb7294c9bf..60e5fbeb877 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -58,11 +58,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
- - - + Account type (required) + +
--fcc-editable-region--
@@ -77,6 +75,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index e896f02f8ff..db87cded263 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -72,11 +72,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -93,6 +91,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index f8ef0a9250d..77ff192baf6 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -66,11 +66,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -87,6 +85,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index 27022675b5f..47f3a3b148a 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -60,11 +60,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
- - - + Account type (required) + +
--fcc-editable-region--
@@ -82,6 +80,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index 8fe911a0501..0f61c7ec0f8 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index d3e4c7bd9c5..28f082bc22b 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -48,11 +48,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index 89b789b7c0e..0e101df4626 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -109,11 +109,9 @@ No debe dar a ninguno de los elementos `fieldset` un atributo `name`.
- - - + Account type (required) + +
@@ -131,7 +129,10 @@ No debe dar a ninguno de los elementos `fieldset` un atributo `name`.
---fcc-editable-region-- + + --fcc-editable-region-- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index 723755552be..5f0452abec8 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -54,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index 04791f3a2eb..a557daf5a04 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -52,11 +52,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
- - - + Account type (required) + +
@@ -74,6 +72,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index e9886913ccb..0253c6c17f5 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -64,11 +64,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
- - - + Account type (required) + +
@@ -86,6 +84,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index 961fde81646..f79272b1a1d 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -58,11 +58,9 @@ assert.equal(fieldset?.paddingRight, '0px');
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(fieldset?.paddingRight, '0px');
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index 96bbf754515..323a9ce7717 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -40,11 +40,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
- - - + Account type (required) + +
@@ -62,6 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index c5ba787fe89..adab67504d4 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -79,11 +79,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
- - - + Account type (required) + +
@@ -101,6 +99,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index 83efb72be5e..ead9242a350 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -25,12 +25,6 @@ Debes dar al segundo `input` una clase `inline`. assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.classList?.contains('inline')); ``` -Debes dar al tercer `input` una clase `inline`. - -```js -assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?.contains('inline')); -``` - # --seed-- ## --seed-contents-- @@ -55,11 +49,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList? --fcc-editable-region--
- - - + Account type (required) + +
--fcc-editable-region--
@@ -78,6 +70,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index 960e38696c2..353d71b93e0 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index 9cd0d83a57f..81f6437c884 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -58,11 +58,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index 780ea7122f6..6cd96e36acd 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -42,11 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
- - - + Account type (required) + +
@@ -64,6 +62,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index f97004b82b9..25753b683df 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -57,11 +57,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
- - - + Account type (required) + +
@@ -79,6 +77,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index ec36dde20e0..50f4a88cd0b 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -50,11 +50,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
- - - + Account type (required) + +
@@ -72,6 +70,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index 8c2b1e01cad..da43b938b9b 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -54,11 +54,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index e587a686a63..b4dff34abce 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -60,11 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
- - - + Account type (required) + +
@@ -82,6 +80,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index e38db65ec25..af1d681ac3d 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -49,11 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index 9218364cca9..5ad17834e0a 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index cdd5c0723c9..fcd83c89f30 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index db8d8df8e4c..0b3792a2e3a 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -49,11 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index 905850a7118..2b8b9bbf061 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -48,11 +48,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
- - - + Account type (required) + +
@@ -70,6 +68,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index e816aac523a..9b527cce227 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index 624e28303d4..04e51cd97e2 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -7,19 +7,25 @@ dashedName: step-64 # --description-- -Por último, pero no menos importante, cambie el color del texto `terms and conditions` a `#dfdfe2`. +Last, but not least, make the `input` for the terms and condition `inline`, then change the text color of the `terms and conditions` link element to `#dfdfe2`. ¡Bien hecho! Ha completado la parte final del proyecto de práctica del _Registration Form_. # --hints-- -Debes usar un selector de elementos `a`. +You should give the `input` a class of `inline`. + +```js +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.classList?.contains('inline')); +``` + +You should use an `a` element selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('a')); ``` -Debes de dar al elemento `a` un `color` de `#dfdfe2`. +You should give the `a` element a `color` of `#dfdfe2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223, 226)'); @@ -48,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
- - - + Account type (required) + +
@@ -70,6 +74,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
+ --fcc-editable-region-- + + --fcc-editable-region-- @@ -177,11 +186,9 @@ input[type="file"] {
- - - + Account type (required) + +
@@ -199,6 +206,9 @@ input[type="file"] {
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index bd0497215fa..1f45719f62c 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -53,11 +53,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
- - - + Account type (required) + +
@@ -75,6 +73,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
+ diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md index 39fd3b0b6c0..5b61523cc61 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md @@ -1,6 +1,6 @@ --- id: 62cc5b1779e4d313466f73c5 -title: Step 5 +title: Paso 5 challengeType: 0 dashedName: step-5 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index 04addb754f8..660055063aa 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -1,6 +1,6 @@ --- id: 62ff8b9dab5ac88e4d3d43a3 -title: Step 18 +title: Paso 18 challengeType: 0 dashedName: step-18 --- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index d13a71e01fe..e347ba46d5e 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -7,46 +7,48 @@ dashedName: step-30 # --description-- -Siga las mejores prácticas de accesibilidad vinculando los elementos `input` y los elementos `label` en el segundo `fieldset`. +You need to confirm that the user has read the terms and conditions. -Utiliza `personal-account`, `business-account` y `terms-and-conditions` como valores para los respectivos atributos `id`. +Add `label` element after the third `fieldset`, and a `input` element with `type` attribute of `checkbox` inside the newly added `label` element. Make this `input` element `required` because users should not sign up without reading the terms and conditions. + +Don't forget to add an `id` attribute of `terms-and-conditions` for accessibility. # --hints-- -El primer elemento `input` debe tener un `id` de `personal-account`. +You should add an `label` after the third `fieldset` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label')); ``` -El segundo elemento `input` debe tener un `id` de `business-account`. +You should add an `input` to the `label` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input')); ``` -El tercer elemento `input` debe tener un `id` de `terms-and-conditions`. +You should add a `type` attribute of value `checkbox` to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.type, 'checkbox'); ``` -El primer elemento `label` debe tener un atributo `for` con el valor `personal-account`. +You should add a `required` attribute to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.required, true); ``` -El segundo elemento `label` debe tener un atributo `for` con el valor `business-account`. +The `input` element should have an `id` of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.matches('#terms-and-conditions')) ``` -El tercer elemento `label` debe tener un atributo `for` con el valor `terms-and-conditions`. +The `label` element should have a `for` attribute with a value of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) +assert(document.querySelector('fieldset:nth-child(3) + label')?.matches('label[for="terms-and-conditions"]')) ``` # --seed-- @@ -71,14 +73,16 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches( ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index f531018b27d..950ecb4c13e 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -84,11 +84,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -108,6 +106,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
--fcc-editable-region-- + diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md index 074a38fa469..f03db592bc0 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md @@ -1,6 +1,6 @@ --- id: 63541ef4f96cd82e8e6c788a -title: Step 12 +title: Paso 12 challengeType: 0 dashedName: step-12 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md index 29baf267bbd..2a13fe8d5d1 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md @@ -1,6 +1,6 @@ --- id: 60eebd07ea685b0e777b5583 -title: Step 1 +title: Schritt 1 challengeType: 0 dashedName: step-1 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md index a9c65104b08..1546c94aacf 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md @@ -1,6 +1,6 @@ --- id: 60f027099a15b00485563dd2 -title: Step 2 +title: Schritt 2 challengeType: 0 dashedName: step-2 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index ae0f12f26d6..e581456aebb 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -1,6 +1,6 @@ --- id: 60f027c87bc98f050395c139 -title: Step 3 +title: Schritt 3 challengeType: 0 dashedName: step-3 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md index 1c36a47f9be..82c7a71d6e1 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md @@ -1,6 +1,6 @@ --- id: 60f0286404aefb0562a4fdf9 -title: Step 4 +title: Schritt 4 challengeType: 0 dashedName: step-4 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md index 8417e0be32e..2d99547600b 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md @@ -1,6 +1,6 @@ --- id: 60f02e7361b68405e27b62a5 -title: Step 6 +title: Schritt 6 challengeType: 0 dashedName: step-6 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md index 0746e51aca9..7d2fa7ef45d 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md @@ -1,6 +1,6 @@ --- id: 60f030d388cb74067cf291c3 -title: Step 7 +title: Schritt 7 challengeType: 0 dashedName: step-7 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md index 8a85d05ad6e..90566e1e3df 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md @@ -1,6 +1,6 @@ --- id: 60f1922fcbd2410527b3bd89 -title: Step 8 +title: Schritt 8 challengeType: 0 dashedName: step-8 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md index a6bdabdb0fb..2785dbaf677 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md @@ -1,6 +1,6 @@ --- id: 60f1a5e2d2c23707a4f9a660 -title: Step 9 +title: Schritt 9 challengeType: 0 dashedName: step-9 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md index b86a3111173..8cced9223d3 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md @@ -1,6 +1,6 @@ --- id: 60f1a9cbd23023082e149fee -title: Step 10 +title: Schritt 10 challengeType: 0 dashedName: step-10 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md index 662ea386cb4..ce5e5230b51 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md @@ -1,6 +1,6 @@ --- id: 60f5c3e399ff1a05629964e4 -title: Step 11 +title: Schritt 11 challengeType: 0 dashedName: step-11 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md index 2d2795fd460..8ec78b19092 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md @@ -1,6 +1,6 @@ --- id: 60f5cb8875ab6a0610f05071 -title: Step 13 +title: Schritt 13 challengeType: 0 dashedName: step-13 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md index 00afbc19c3e..2f13c9021a9 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md @@ -1,6 +1,6 @@ --- id: 60f5d2776c854e069560fbe6 -title: Step 14 +title: Schritt 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md index b6927697f26..2fccb9b6498 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md @@ -1,6 +1,6 @@ --- id: 60f5dc35c07ac1078f140916 -title: Step 15 +title: Schritt 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md index 32ea4f98f2d..72117c17a42 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md @@ -1,6 +1,6 @@ --- id: 60f803d5241e6a0433a523a1 -title: Step 16 +title: Schritt 16 challengeType: 0 dashedName: step-16 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md index 749a69e6fb4..d6d22e51071 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md @@ -1,6 +1,6 @@ --- id: 60f805f813eaf2049bc2ceea -title: Step 17 +title: Schritt 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md index 81e59eaea44..1cbf032205b 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md @@ -1,6 +1,6 @@ --- id: 60f80e0081e0f2052ae5b505 -title: Step 19 +title: Schritt 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md index dbb10a699fa..ff58b291187 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md @@ -1,6 +1,6 @@ --- id: 60f81167d0d4910809f88945 -title: Step 20 +title: Schritt 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md index c4be0cc6236..bbf2f2582b2 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md @@ -1,6 +1,6 @@ --- id: 60f81616cff80508badf9ad5 -title: Step 21 +title: Schritt 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md index fbcd91e4d40..8424365c8e4 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md @@ -1,6 +1,6 @@ --- id: 60f83e7bfc09900959f41e20 -title: Step 22 +title: Schritt 22 challengeType: 0 dashedName: step-22 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md index 2fbc81a2658..bd3c4f2dc72 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md @@ -1,6 +1,6 @@ --- id: 60f84ec41116b209c280ba91 -title: Step 23 +title: Schritt 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index a9ff980faad..fb784289e7c 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -1,28 +1,28 @@ --- id: 60f852f645b5310a8264f555 -title: Step 24 +title: Schritt 24 challengeType: 0 dashedName: step-24 --- # --description-- -Kommen wir nun zum nächsten Teil des Anmeldeformulars. In diesem Abschnitt wird nach der Art des Kontos gefragt, das der Nutzer eröffnet, und es wird bestätigt, dass der Nutzer die Allgemeinen Geschäftsbedingungen gelesen hat. +Kommen wir nun zum nächsten Teil des Anmeldeformulars. This section will ask for the type of account the user is opening. -Beginne, indem du drei `label`-Elemente zum zweiten `fieldset` hinzufügst. +Start by adding two `label` elements to the second `fieldset`. # --hints-- -Du solltest drei `label`-Elemente zum zweiten `fieldset` hinzufügen. +You should add two `label` elements to the second `fieldset`. ```js -assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3); +assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2); ``` Die `label`-Elemente sollten verschwistert sein. ```js -assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label')); +assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label')); ``` # --seed-- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index f3534e50170..7299039f0b5 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -1,13 +1,13 @@ --- id: 60f85a62fb30c80bcea0cedb -title: Step 25 +title: Schritt 25 challengeType: 0 dashedName: step-25 --- # --description-- -Benutzer haben die Möglichkeit, zwischen einem `Personal Account` oder `Business Account` zu wählen. +Users will be allowed to choose either a `Personal` or `Business`. Um dies zu tun, füge innerhalb jedes der beiden ersten `label`-Element ein `input`-Element mit `type="radio"` hinzu. @@ -58,7 +58,6 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
-
--fcc-editable-region--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index 237d5d302e6..25dc56f10cd 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -1,32 +1,43 @@ --- id: 60f8604682407e0d017bbf7f -title: Step 26 +title: Schritt 26 challengeType: 0 dashedName: step-26 --- # --description-- -Füge für die Nutzungsbedingungen ein `input`-Element mit einem `type` von `checkbox` zum dritten `label`-Element hinzu. Stelle dieses `input`-Element auf `required` ein, da Benutzer sich nicht registrieren sollten, ohne die Nutzungsbedingung zu lesen. +Within each corresponding `label` element, and immediately after the `input` element, add a space and add the following text: + +```md +Personal +Business +``` # --hints-- -Du solltest dem dritten `label`-Element ein `input`-Element zuweisen. +You should give the first `label` the text `Personal`. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')); +assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal'); ``` -Du solltest dem `input`-Element ein `type`-Attribut mit dem Wert `checkbox` zuweisen. +You should give the second `label` the text `Business`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.type, 'checkbox'); +assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business'); ``` -Du solltest dem `input`-Element ein `required`-Attribut zuweisen. +You should give the first `label` text one space at the front. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.required, true); +assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); +``` + +You should give the second `label` text one space at the front. + +```js +assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); ``` # --seed-- @@ -51,13 +62,12 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in ---fcc-editable-region--
- - - -
--fcc-editable-region-- + + +--fcc-editable-region-- +
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index fb7f345bc80..79b133651c4 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -1,56 +1,28 @@ --- id: 60f8618d191b940d62038513 -title: Step 27 +title: Schritt 27 challengeType: 0 dashedName: step-27 --- # --description-- -Füge innerhalb jedes dazugehörigen `label`-Elements und unmittelbar nach dem `input`-Element ein Leerzeichen ein und füge den folgenden Text hinzu: +You only want one radio input to be selectable at a time. However, the form does not know the radio inputs are related. -```md -Personal Account -Business Account -I accept the terms and conditions -``` +To relate the radio inputs, give them the same `name` attribute with a value of `account-type`. Now, it is not possible to select both radio inputs at the same time. # --hints-- -Du solltest dem ersten `label`-Element den Text `Personal Account` zuweisen. +You should give the first radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal Account'); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); ``` -Du solltest dem zweiten `label`-Element den Text `Business Account` zuweisen. +You should give the second radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business Account'); -``` - -Du solltest dem dritten `label`-Element den Text `I accept the terms and conditions` zuweisen. - -```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText, 'I accept the terms and conditions'); -``` - -Du solltest beim Text des ersten `label`-Elements am Anfang ein Leerzeichen hinzufügen. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); -``` - -Du solltest beim Text des zweiten `label`-Elements am Anfang ein Leerzeichen hinzufügen. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); -``` - -Du solltest beim Text des dritten `label`-Elements am Anfang ein Leerzeichen hinzufügen. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText?.[0], ' '); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); ``` # --seed-- @@ -77,9 +49,8 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)' --fcc-editable-region--
- - - + +
--fcc-editable-region--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index b6dcb09ba8c..930986215d7 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -1,34 +1,40 @@ --- id: 60fab4a123ce4b04526b082b -title: Step 28 +title: Schritt 28 challengeType: 0 dashedName: step-28 --- # --description-- -Es soll jeweils nur eine Radio-Input-Element gleichzeitig wählbar sein. Allerdings weiß das Formular nicht, dass die Radio-Input-Elemente miteinander verbunden sind. +Currently when someone submit the form, they can submit it without checking the radio inputs. Although you had used `required` attribute to indicate the the input is required previously, this can't work in this case, because adding required to both inputs, will convey the wrong information to the form users. -Um die Radio-Input-Elemente miteinander zu verbinden, weise ihnen das gleiche `name`-Attribut mit dem Wert `account-type` zu. Es ist jetzt nicht mehr möglich, beide Radio-Input-Elemente gleichzeitig auszuwählen. +To solve this, you can provide context of what is needed by adding `legend` element below the second `fieldset` with text `Account type (required)`, then add `checked` attribute to the `Personal` input to make sure that the form is submitted with the required data in it. # --hints-- -Du solltest dem ersten Radio-Input-Element das `name`-Attribut mit dem Wert `account-type` zuweisen. +Your `input` elements should remain `type` of `radio`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"]')?.length, 2); ``` -Du solltest dem zweiten Radio-Input-Element das `name`-Attribut mit dem Wert `account-type` zuweisen. +You should add a `legend` element within the second `fieldset` element. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-of-type(2) > legend')?.length, 1); ``` -Du solltest nicht der `checkbox` das `name`-Attribut zuweisen. +You should add `Account type (required)` text to the `legend` element. ```js -assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input[type="checkbox"]')?.name); +assert.equal(document.querySelector('fieldset:nth-of-type(2) > legend')?.textContent, 'Account type (required)'); +``` + +You should give an attribute of `checked` to the `Personal` input. + +```js +assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]')?.hasAttribute('checked')); ``` # --seed-- @@ -55,9 +61,9 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) --fcc-editable-region--
- - - + + +
--fcc-editable-region--
diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index 4638a56a6e8..1037e09359d 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Um dieses `fieldset` fertigzustellen, verknüpfe den Text `terms and conditions` im dritten `label` mit folgendem Standort: +Add `I accept the terms and conditions` text to the newly added label, then link the text `terms and conditions` to the following location: ```md https://www.freecodecamp.org/news/terms-of-service/ @@ -15,22 +15,28 @@ https://www.freecodecamp.org/news/terms-of-service/ # --hints-- -Du solltest ein `a`-Element verwenden, um auf die Nutzungsbedingungen zu verlinken. +You should add `I accept the terms and conditions` text to the label following the third fieldset. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')); +assert.equal(document.querySelector('fieldset:nth-child(3) + label')?.innerText.trim(), 'I accept the terms and conditions'); ``` -Du solltest dem `a`-Element ein `href` mit dem Wert `https://www.freecodecamp.org/news/terms-of-service/` zuweisen. +You should use an `a` element to link to the terms and conditions. ```js -assert.match(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input + a')); ``` -Du solltest den Text `terms and conditions` nur mit dem `a`-Element umschließen. +You should give the `a` element an `href` of `https://www.freecodecamp.org/news/terms-of-service/`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.textContent, 'terms and conditions'); +assert.match(document.querySelector('fieldset:nth-child(3) + label > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +``` + +You should only wrap the `a` element around the text `terms and conditions`. + +```js +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input + a')?.textContent, 'terms and conditions'); ``` # --seed-- @@ -55,14 +61,15 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index eec3abde211..73df7eeaf0c 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -54,17 +54,18 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
- - - + Account type (required) + +
--fcc-editable-region--
--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index fb8e4081f0b..1bc4e93fbc9 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -68,11 +68,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -80,6 +78,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index e67263e27f4..a1c108627d9 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
- - - + Account type (required) + +
--fcc-editable-region--
@@ -61,6 +59,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index 730d76d51d7..c95ce90547e 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -58,11 +58,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
- - - + Account type (required) + +
--fcc-editable-region--
@@ -77,6 +75,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index de11b2a00e0..4815a34743e 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -72,11 +72,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -93,6 +91,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index 8176ea6a8e3..34e695a7d89 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -66,11 +66,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -87,6 +85,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index 79cd0183ed9..f13897551dd 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -60,11 +60,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
- - - + Account type (required) + +
--fcc-editable-region--
@@ -82,6 +80,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index f593a407dda..55e9818c0c7 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index d5a6a8eebab..05f3ca651d1 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -48,11 +48,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index 1806dcedbb0..e5eca6d3be1 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -109,11 +109,9 @@ Du solltest keinem `fieldset`-Element ein `name`-Attribut geben.
- - - + Account type (required) + +
@@ -131,7 +129,10 @@ Du solltest keinem `fieldset`-Element ein `name`-Attribut geben.
---fcc-editable-region-- + + --fcc-editable-region-- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index 01cd24d1afc..3be3f755fec 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -54,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index 952e34d97bf..feef938f646 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -52,11 +52,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
- - - + Account type (required) + +
@@ -74,6 +72,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index 0e8abac3884..22c33154191 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -64,11 +64,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
- - - + Account type (required) + +
@@ -86,6 +84,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index 8b5e2ba65de..749dcc14a05 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -58,11 +58,9 @@ assert.equal(fieldset?.paddingRight, '0px');
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(fieldset?.paddingRight, '0px');
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index aa3d1c2d74a..fd1cfdbf7e1 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -40,11 +40,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
- - - + Account type (required) + +
@@ -62,6 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index 457618e1bea..6efcf807e7a 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -79,11 +79,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
- - - + Account type (required) + +
@@ -101,6 +99,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index f91187f905e..da88f849978 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -25,12 +25,6 @@ Du solltest dem zweiten `input` die Klasse `inline` zuweisen. assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.classList?.contains('inline')); ``` -Du solltest dem dritten `input` die Klasse `inline` zuweisen. - -```js -assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?.contains('inline')); -``` - # --seed-- ## --seed-contents-- @@ -55,11 +49,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList? --fcc-editable-region--
- - - + Account type (required) + +
--fcc-editable-region--
@@ -78,6 +70,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index c77c3babe34..720d1886174 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index b719ad05c21..22b520cc603 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -58,11 +58,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index dabc3f64ed5..382ec3ee53c 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -42,11 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
- - - + Account type (required) + +
@@ -64,6 +62,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index cdea6c4d715..41a623aadeb 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -57,11 +57,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
- - - + Account type (required) + +
@@ -79,6 +77,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index e49b2001543..a6b30488bc3 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -50,11 +50,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
- - - + Account type (required) + +
@@ -72,6 +70,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index d892dd3b6a5..615fafc7767 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -54,11 +54,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index dc76965de5f..09e0e523b0a 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -60,11 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
- - - + Account type (required) + +
@@ -82,6 +80,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index a6ecfe89160..9825bcbde93 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -49,11 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index 6563fa04ca8..c51a81adad9 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index 55a3a8b0582..661480f2ad0 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index 887c585371b..f6040966b36 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -49,11 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index 48f26742086..cf55b22cff1 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -48,11 +48,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
- - - + Account type (required) + +
@@ -70,6 +68,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index d0e1c0db7c7..5fb115fec9d 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index 6b223a40bd8..eb0d38b8225 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -7,19 +7,25 @@ dashedName: step-64 # --description-- -Zu guter Letzt sollest du die Textfarbe des `terms and conditions`-Links zu `#dfdfe2` ändern. +Last, but not least, make the `input` for the terms and condition `inline`, then change the text color of the `terms and conditions` link element to `#dfdfe2`. Gut gemacht! Du hast den letzten Teil des _Registration Form_-Übungsprojekts abgeschlossen. # --hints-- -Du solltest einen `a`-Element-Selektor verwenden. +You should give the `input` a class of `inline`. + +```js +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.classList?.contains('inline')); +``` + +You should use an `a` element selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('a')); ``` -Du solltest dem `a`-Element eine `color` von `#dfdfe2` zuweisen. +You should give the `a` element a `color` of `#dfdfe2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223, 226)'); @@ -48,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
- - - + Account type (required) + +
@@ -70,6 +74,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
+ --fcc-editable-region-- + + --fcc-editable-region-- @@ -177,11 +186,9 @@ input[type="file"] {
- - - + Account type (required) + +
@@ -199,6 +206,9 @@ input[type="file"] {
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index 3c78d97a59d..e2022df5578 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -53,11 +53,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
- - - + Account type (required) + +
@@ -75,6 +73,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
+ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md index c4fbc9cdd6a..f2170058da2 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md @@ -1,6 +1,6 @@ --- id: 62cc5b1779e4d313466f73c5 -title: Step 5 +title: Schritt 5 challengeType: 0 dashedName: step-5 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index d9bd475af2c..18f865a0e8e 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -1,6 +1,6 @@ --- id: 62ff8b9dab5ac88e4d3d43a3 -title: Step 18 +title: Schritt 18 challengeType: 0 dashedName: step-18 --- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index f937cccdb69..e347ba46d5e 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -7,46 +7,48 @@ dashedName: step-30 # --description-- -Folge den bewährten Methoden der Zugänglichkeit, indem du die `input`-Elemente und die `label`-Elemente im zweiten `fieldset` verknüpfst. +You need to confirm that the user has read the terms and conditions. -Verwende `personal-account`, `business-account` und `terms-and-conditions` als Werte für die jeweiligen `id`-Attribute. +Add `label` element after the third `fieldset`, and a `input` element with `type` attribute of `checkbox` inside the newly added `label` element. Make this `input` element `required` because users should not sign up without reading the terms and conditions. + +Don't forget to add an `id` attribute of `terms-and-conditions` for accessibility. # --hints-- -Das erste `input`-Element sollte die `id` `personal-account` enthalten. +You should add an `label` after the third `fieldset` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label')); ``` -Das zweite `input`-Element sollte die `id` `business-account` haben. +You should add an `input` to the `label` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input')); ``` -Das dritte `input`-Element sollte die `id` `terms-and-conditions` haben. +You should add a `type` attribute of value `checkbox` to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.type, 'checkbox'); ``` -Das erste `label`-Element sollte ein `for`-Attribut mit einem Wert von `personal-account` enthalten. +You should add a `required` attribute to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.required, true); ``` -Das zweite `label`-Element sollte ein `for`-Attribut mit einem Wert von `business-account` enthalten. +The `input` element should have an `id` of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.matches('#terms-and-conditions')) ``` -Das dritte `label`-Element sollte ein `for`-Attribut mit einem Wert von `terms-and-conditions` enthalten. +The `label` element should have a `for` attribute with a value of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) +assert(document.querySelector('fieldset:nth-child(3) + label')?.matches('label[for="terms-and-conditions"]')) ``` # --seed-- @@ -71,14 +73,16 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches( ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index 1655ab83457..5437e80ab72 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -84,11 +84,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -108,6 +106,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
--fcc-editable-region-- + diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md index 43dd10b78ab..a5dce0a96c2 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md @@ -1,6 +1,6 @@ --- id: 63541ef4f96cd82e8e6c788a -title: Step 12 +title: Schritt 12 challengeType: 0 dashedName: step-12 --- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index 66e00128ad9..be565271501 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -7,22 +7,22 @@ dashedName: step-24 # --description-- -Andiamo proseguiamo con la prossima parte del modulo di registrazione. Questa sezione chiederà il tipo di account che l'utente sta aprendo, e confermerà che l'utente abbia letto i termini e le condizioni. +Andiamo proseguiamo con la prossima parte del modulo di registrazione. This section will ask for the type of account the user is opening. -Inizia aggiungendo tre elementi `label` al secondo `fieldset`. +Start by adding two `label` elements to the second `fieldset`. # --hints-- -Dovresti aggiungere tre elementi `label` al secondo `fieldset`. +You should add two `label` elements to the second `fieldset`. ```js -assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3); +assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2); ``` Gli elementi `label` dovrebbero essere fratelli. ```js -assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label')); +assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label')); ``` # --seed-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index 6ebfd035f61..14312c82aae 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -Gli utenti potranno scegliere tra `Personal Account` e `Business Account`. +Users will be allowed to choose either a `Personal` or `Business`. Per fare ciò, all'interno di ciascuno dei primi due elementi `label`, aggiungi un elemento `input` con `type="radio"`. @@ -58,7 +58,6 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
-
--fcc-editable-region--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index e202885baee..2ad2f3a5c23 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -7,26 +7,37 @@ dashedName: step-26 # --description-- -Per i termini e le condizioni di utilizzo, aggiungi al terzo elemento `label` un `input` con un attributo `type` con il valore `checkbox`. Fai sì che questo elemento `input` sia `required` in modo che gli utenti non possano iscriversi senza leggere i termini e le condizioni di utilizzo. +Within each corresponding `label` element, and immediately after the `input` element, add a space and add the following text: + +```md +Personal +Business +``` # --hints-- -Dovresti aggiungere un `input` al terzo elemento `label`. +You should give the first `label` the text `Personal`. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')); +assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal'); ``` -Dovresti aggiungere un attributo `type` con valore `checkbox` all'elemento `input`. +You should give the second `label` the text `Business`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.type, 'checkbox'); +assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business'); ``` -Dovresti aggiungere un attributo `required` all'elemento `input`. +You should give the first `label` text one space at the front. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.required, true); +assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); +``` + +You should give the second `label` text one space at the front. + +```js +assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); ``` # --seed-- @@ -51,13 +62,12 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in ---fcc-editable-region--
- - - -
--fcc-editable-region-- + + +--fcc-editable-region-- +
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index 6b838869e2f..37faae86767 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -7,50 +7,22 @@ dashedName: step-27 # --description-- -All'interno di ogni elemento `label` corrispondente, e subito dopo l'elemento `input`, aggiungi uno spazio seguito dal testo: +You only want one radio input to be selectable at a time. However, the form does not know the radio inputs are related. -```md -Personal Account -Business Account -I accept the terms and conditions -``` +To relate the radio inputs, give them the same `name` attribute with a value of `account-type`. Now, it is not possible to select both radio inputs at the same time. # --hints-- -Dovresti assegnare al primo elemento `label` il testo `Personal Account`. +You should give the first radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal Account'); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); ``` -Dovresti assegnare al secondo elemento `label` il testo `Business Account`. +You should give the second radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business Account'); -``` - -Dovresti assegnare al terzo elemento `label` il testo `I accept the terms and conditions`. - -```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText, 'I accept the terms and conditions'); -``` - -Dovresti aggiungere uno spazio prima del testo del primo elemento `label`. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); -``` - -Dovresti aggiungere uno spazio prima del testo del secondo elemento `label`. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); -``` - -Dovresti aggiungere uno spazio prima del testo del terzo elemento `label`. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText?.[0], ' '); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); ``` # --seed-- @@ -77,9 +49,8 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)' --fcc-editable-region--
- - - + +
--fcc-editable-region--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index 8930e3c5e79..0e55f173730 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -7,28 +7,34 @@ dashedName: step-28 # --description-- -I pulsanti di opzione dovrebbero essere selezionabili uno alla volta. Tuttavia, il modulo non sa che gli input di opzione sono correlati. +Currently when someone submit the form, they can submit it without checking the radio inputs. Although you had used `required` attribute to indicate the the input is required previously, this can't work in this case, because adding required to both inputs, will convey the wrong information to the form users. -Per collegare gli input di opzione, assegna loro lo stesso attributo `name` con il valore `account-type`. Ora, non è possibile selezionare entrambi gli input di opzione allo stesso tempo. +To solve this, you can provide context of what is needed by adding `legend` element below the second `fieldset` with text `Account type (required)`, then add `checked` attribute to the `Personal` input to make sure that the form is submitted with the required data in it. # --hints-- -Dovresti assegnare al primo input di opzione l'attributo `name` con il valore `account-type`. +Your `input` elements should remain `type` of `radio`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"]')?.length, 2); ``` -Dovresti assegnare al secondo input di opzione l'attributo `name` con il valore `account-type`. +You should add a `legend` element within the second `fieldset` element. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-of-type(2) > legend')?.length, 1); ``` -Non dovresti assegnare l'attributo `name` al `checkbox`. +You should add `Account type (required)` text to the `legend` element. ```js -assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input[type="checkbox"]')?.name); +assert.equal(document.querySelector('fieldset:nth-of-type(2) > legend')?.textContent, 'Account type (required)'); +``` + +You should give an attribute of `checked` to the `Personal` input. + +```js +assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]')?.hasAttribute('checked')); ``` # --seed-- @@ -55,9 +61,9 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) --fcc-editable-region--
- - - + + +
--fcc-editable-region--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index 1e409b038c5..1037e09359d 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Per completare questo `fieldset`, rendi il testo `terms and conditions` nel terzo elemento `label` un link alla seguente posizione: +Add `I accept the terms and conditions` text to the newly added label, then link the text `terms and conditions` to the following location: ```md https://www.freecodecamp.org/news/terms-of-service/ @@ -15,22 +15,28 @@ https://www.freecodecamp.org/news/terms-of-service/ # --hints-- -Dovresti usare un elemento `a` per linkare terms and conditions. +You should add `I accept the terms and conditions` text to the label following the third fieldset. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')); +assert.equal(document.querySelector('fieldset:nth-child(3) + label')?.innerText.trim(), 'I accept the terms and conditions'); ``` -Dovresti assegnare all'elemento `a` un attributo `href` con il valore `https://www.freecodecamp.org/news/terms-of-service/`. +You should use an `a` element to link to the terms and conditions. ```js -assert.match(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input + a')); ``` -L'elemento `a` dovrebbe racchiudere soltanto il testo `terms and conditions`. +You should give the `a` element an `href` of `https://www.freecodecamp.org/news/terms-of-service/`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.textContent, 'terms and conditions'); +assert.match(document.querySelector('fieldset:nth-child(3) + label > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +``` + +You should only wrap the `a` element around the text `terms and conditions`. + +```js +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input + a')?.textContent, 'terms and conditions'); ``` # --seed-- @@ -55,14 +61,15 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index 809b24685e6..79ea0d1b3df 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -54,17 +54,18 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
- - - + Account type (required) + +
--fcc-editable-region--
--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index 36fc7207dd2..2cf54e562cc 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -68,11 +68,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -80,6 +78,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index b93dce45792..0b9879eec77 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
- - - + Account type (required) + +
--fcc-editable-region--
@@ -61,6 +59,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index 1c1a8eba91b..fb420d0bc64 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -58,11 +58,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
- - - + Account type (required) + +
--fcc-editable-region--
@@ -77,6 +75,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index 79be91213fa..5c3baaa8cff 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -72,11 +72,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -93,6 +91,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index 5fb5969e4bc..c3ca20fcfe4 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -66,11 +66,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -87,6 +85,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index 9b6a30a29a1..248c3cf889d 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -60,11 +60,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
- - - + Account type (required) + +
--fcc-editable-region--
@@ -82,6 +80,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index 6924af7f6bd..a16d084cf03 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index 5af96d35dce..198fe4f1292 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -48,11 +48,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index 46d083a13df..a3b827db8a3 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -109,11 +109,9 @@ Non dovresti assegnare a nessun elemento `fieldset` un attributo `name`.
- - - + Account type (required) + +
@@ -131,7 +129,10 @@ Non dovresti assegnare a nessun elemento `fieldset` un attributo `name`.
---fcc-editable-region-- + + --fcc-editable-region-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index fa8df646f6b..146acbe0e51 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -54,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index 7f591545442..a3f5411b3d8 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -52,11 +52,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
- - - + Account type (required) + +
@@ -74,6 +72,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index 774de83c2c4..87191d8bc77 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -64,11 +64,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
- - - + Account type (required) + +
@@ -86,6 +84,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index 6b85ed61b9c..d0a91d9870e 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -58,11 +58,9 @@ assert.equal(fieldset?.paddingRight, '0px');
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(fieldset?.paddingRight, '0px');
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index e457f0b1a10..d869def7547 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -40,11 +40,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
- - - + Account type (required) + +
@@ -62,6 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index 26b241952c2..a0c84587e9d 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -79,11 +79,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
- - - + Account type (required) + +
@@ -101,6 +99,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index 18f72be6467..95bc78a0062 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -25,12 +25,6 @@ Dovresti assegnare al secondo `input` la classe `inline`. assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.classList?.contains('inline')); ``` -Dovresti assegnare al terzo `input` la classe `inline`. - -```js -assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?.contains('inline')); -``` - # --seed-- ## --seed-contents-- @@ -55,11 +49,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList? --fcc-editable-region--
- - - + Account type (required) + +
--fcc-editable-region--
@@ -78,6 +70,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index dfd20ee70e7..4ab352f4d5d 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index 9344b9e0fed..24dd885bed9 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -58,11 +58,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index 7689ec5ee80..9d1c752b074 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -42,11 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
- - - + Account type (required) + +
@@ -64,6 +62,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index 56cd964f2fd..c00d11510d8 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -57,11 +57,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
- - - + Account type (required) + +
@@ -79,6 +77,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index c774a41a2d6..3456d4cb801 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -50,11 +50,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
- - - + Account type (required) + +
@@ -72,6 +70,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index bd655ea116a..c37ddad3050 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -54,11 +54,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index afefc75d61b..0a39f7388f7 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -60,11 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
- - - + Account type (required) + +
@@ -82,6 +80,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index 75db995137a..02c07e4d7f2 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -49,11 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index 77335d6c39e..12046be5f1d 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index 7dc621f0a7a..d9cc41713a1 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index e19afa11b34..cc4bc000219 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -49,11 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index 4327ecfa57b..d0f157d4bb7 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -48,11 +48,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
- - - + Account type (required) + +
@@ -70,6 +68,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index 818874c625b..f7d94d2a821 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index 23f419cce81..ddcbfb77cdf 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -7,19 +7,25 @@ dashedName: step-64 # --description-- -Come ultima cosa, modifica il colore del testo del link `terms and conditions` in `#dfdfe2`. +Last, but not least, make the `input` for the terms and condition `inline`, then change the text color of the `terms and conditions` link element to `#dfdfe2`. Ottimo lavoro! Hai completato la parte finale del progetto _Registration Form_. # --hints-- -Dovresti usare il selettore `a`. +You should give the `input` a class of `inline`. + +```js +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.classList?.contains('inline')); +``` + +You should use an `a` element selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('a')); ``` -Dovresti assegnare agli elementi `a` una proprietà `color` con il valore `#dfdfe2`. +You should give the `a` element a `color` of `#dfdfe2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223, 226)'); @@ -48,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
- - - + Account type (required) + +
@@ -70,6 +74,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
+ --fcc-editable-region-- + + --fcc-editable-region-- @@ -177,11 +186,9 @@ input[type="file"] {
- - - + Account type (required) + +
@@ -199,6 +206,9 @@ input[type="file"] {
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index b61d5d08011..90490f390da 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -53,11 +53,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
- - - + Account type (required) + +
@@ -75,6 +73,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
+ diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index c40fa77707d..e347ba46d5e 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -7,46 +7,48 @@ dashedName: step-30 # --description-- -Segui le buone pratiche di accessibilità collegando gli elementi `input` e gli elementi `label` nel secondo `fieldset`. +You need to confirm that the user has read the terms and conditions. -Usa `personal-account`, `business-account` e `terms-and-conditions` come valori dei rispettivi attributi `id`. +Add `label` element after the third `fieldset`, and a `input` element with `type` attribute of `checkbox` inside the newly added `label` element. Make this `input` element `required` because users should not sign up without reading the terms and conditions. + +Don't forget to add an `id` attribute of `terms-and-conditions` for accessibility. # --hints-- -Il primo elemento `input` dovrebbe avere un `id` con il valore `personal-account`. +You should add an `label` after the third `fieldset` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label')); ``` -Il secondo elemento `input` dovrebbe avere un `id` con il valore `business-account`. +You should add an `input` to the `label` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input')); ``` -Il terzo elemento `input` dovrebbe avere un `id` con il valore `terms-and-conditions`. +You should add a `type` attribute of value `checkbox` to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.type, 'checkbox'); ``` -Il primo elemento `label` dovrebbe avere un attributo `for` con il valore `personal-account`. +You should add a `required` attribute to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.required, true); ``` -Il secondo elemento `label` dovrebbe avere un attributo `for` con il valore `business-account`. +The `input` element should have an `id` of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.matches('#terms-and-conditions')) ``` -Il terzo elemento `label` dovrebbe avere un attributo `for` con il valore `terms-and-conditions`. +The `label` element should have a `for` attribute with a value of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) +assert(document.querySelector('fieldset:nth-child(3) + label')?.matches('label[for="terms-and-conditions"]')) ``` # --seed-- @@ -71,14 +73,16 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches( ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index 3d236ddbf39..20bf3afe91d 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -84,11 +84,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -108,6 +106,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
--fcc-editable-region-- + diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de5dc8988076a1d992afd.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de5dc8988076a1d992afd.md index 38088bba67e..e997fa53057 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de5dc8988076a1d992afd.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de5dc8988076a1d992afd.md @@ -11,13 +11,13 @@ To make the left eye look like an eye, give it a border radius of `60%`. Also, u # --hints-- -Your `.cat-left-eye` selector should have a `border-radius` property set to `60%`. +Il selettore `.cat-left-eye` dovrebbe avere una proprietà `border-radius` impostata al `60%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.borderRadius === '60%') ``` -Your `.cat-left-eye` selector should have a `transform` property set to `rotate(25deg)`. +Il selettore `.cat-left-eye` dovrebbe avere una proprietà `transform` con il valore `rotate(25deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.transform === 'rotate(25deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de6a97b50a86ac487de86.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de6a97b50a86ac487de86.md index b9dc455e5b1..ba99568aaa5 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de6a97b50a86ac487de86.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de6a97b50a86ac487de86.md @@ -7,31 +7,31 @@ dashedName: step-46 # --description-- -Now you will work on the right eye by using the same approach. +Ora lavorerai all'occhio destro utilizzando lo stesso approccio. -Using a class selector, give your `.cat-right-eye` element a width of `30px` and a height of `40px`. Also, give it a background color of `#000`. +Utilizzando un selettore di classe, dai all'elemento `.cat-right-eye` una larghezza di `30px` e un'altezza di `40px`. Dagli anche un colore di sfondo di `#000`. # --hints-- -You should have a `.cat-right-eye` selector. +Dovresti avere un selettore `.cat-right-eye`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')) ``` -Your `.cat-right-eye` selector should have a `width` set to `30px`. +Il selettore `.cat-right-eye` dovrebbe avere una proprietà `width` con il valore `30px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.width === '30px') ``` -Your `.cat-right-eye` selector should have a `height` set to `40px`. +Il selettore `.cat-right-eye` dovrebbe avere una proprietà `height` con il valore `40px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.height === '40px') ``` -Your `.cat-right-eye` selector should have a `background-color` set to `#000`. +Il selettore `.cat-right-eye` dovrebbe avere `background-color` impostata su `#000`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.backgroundColor === 'rgb(0, 0, 0)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md index 1cae6709360..4d2240b84f7 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md @@ -7,23 +7,23 @@ dashedName: step-47 # --description-- -Move the right eye into position with a `position` property of `absolute` a `top` of `54px`, and a `left` of `134px`. +Posiziona l'occhio destro impostando la proprietà `position` su `absolute`, `top` su `54px` e `left` su `134px`. # --hints-- -Your `.cat-right-eye` selector should have a `position` property set to `absolute`. +Il selettore `.cat-right-eye` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.position === 'absolute') ``` -Your `.cat-right-eye` selector should have a `top` property set to `54px`. +Il selettore `.cat-right-eye` dovrebbe avere una proprietà `top` impostata su `54px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.top === '54px') ``` -Your `.cat-right-eye` selector should have a `left` property set to `134px`. +Il selettore `.cat-right-eye` dovrebbe avere una proprietà `left` impostata su `134px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.left === '134px') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8478d6f796bfbdccfb2.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8478d6f796bfbdccfb2.md index b376c539f32..1fc39e00bac 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8478d6f796bfbdccfb2.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8478d6f796bfbdccfb2.md @@ -11,13 +11,13 @@ To make the right eye look like an eye, give it a border radius of `60%`. Also, # --hints-- -Your `.cat-right-eye` selector should have a `border-radius` property set to `60%`. +Il selettore `.cat-right-eye` dovrebbe avere una proprietà `border-radius` impostata al `60%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.borderRadius === '60%') ``` -Your `.cat-right-eye` selector should have a `transform` property set to `rotate(-25deg)`. +Il selettore `.cat-right-eye` dovrebbe avere una proprietà `transform` con il valore `rotate(-25deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.transform === 'rotate(-25deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8d204a3426c7d184372.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8d204a3426c7d184372.md index 74ba34db408..7e9b5c17a3e 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8d204a3426c7d184372.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8d204a3426c7d184372.md @@ -7,31 +7,31 @@ dashedName: step-49 # --description-- -Those look like eyes, but you can still make them better. That's why you created two inner eyes `div` elements. +Assomigliano a degli occhi, ma si possono migliorare. Ecco perché hai creato due elementi `div` per la parte interna degli occhi. -Using a class selector, give your `.cat-left-inner-eye` element a width of `10px` and a height of `20px`. Also, give it a background color of `#fff`. +Utilizzando un selettore di classe, dai all'elemento `.cat-left-inner-eye` una larghezza di `10px` e un'altezza di `20px`. Dagli anche un colore di sfondo di `#fff`. # --hints-- -You should have a `.cat-left-inner-eye` selector. +Dovresti avere un selettore `.cat-left-inner-eye`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')) ``` -Your `.cat-left-inner-eye` selector should have a `width` set to `10px`. +Il selettore `.cat-left-inner-eye` dovrebbe avere una proprietà `width` con il valore `10px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.width === '10px') ``` -Your `.cat-left-inner-eye` selector should have a `height` set to `20px`. +Il selettore `.cat-left-inner-eye` dovrebbe avere una proprietà `height` con il valore `20px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.height === '20px') ``` -Your `.cat-left-inner-eye` selector should have a `background-color` set to `#fff`. +Il selettore `.cat-left-inner-eye` dovrebbe avere `background-color` impostata su `#fff`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.backgroundColor === 'rgb(255, 255, 255)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dea1c98c2426d43a705c3.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dea1c98c2426d43a705c3.md index b0243121123..1630a8832c2 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dea1c98c2426d43a705c3.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dea1c98c2426d43a705c3.md @@ -7,35 +7,35 @@ dashedName: step-50 # --description-- -Move the left inner eye into position with a `position` property of `absolute`, a `top` of `8px`, and a `left` of `2px`. Also, give it a border radius of `60%` and rotate it at `10` degrees. +Posiziona la parte interna dell'occhio sinistro impostando la proprietà `position` su `absolute`, `top` su `8px` e `left` su `2px`. Also, give it a border radius of `60%` and rotate it at `10` degrees. # --hints-- -Your `.cat-left-inner-eye` selector should have a `position` property set to `absolute`. +Il selettore `.cat-left-inner-eye` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.position === 'absolute') ``` -Your `.cat-left-inner-eye` selector should have a `top` property set to `8px`. +Il selettore `.cat-left-inner-eye` dovrebbe avere una proprietà `top` impostata su `8px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.top === '8px') ``` -Your `.cat-left-inner-eye` selector should have a `left` property set to `2px`. +Il selettore `.cat-left-inner-eye` dovrebbe avere una proprietà `left` impostata su `2px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.left === '2px') ``` -Your `.cat-left-inner-eye` selector should have a `border-radius` property set to `60%`. +Il selettore `.cat-left-inner-eye` dovrebbe avere una proprietà `border-radius` impostata al `60%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.borderRadius === '60%') ``` -Your `.cat-left-inner-eye` selector should have a `transform` property set to `10deg`. +Il selettore `.cat-left-inner-eye` dovrebbe avere una proprietà `transform` impostata su `10deg`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.transform === 'rotate(10deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646deb169847f86df0f95bfc.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646deb169847f86df0f95bfc.md index 1b344dc94cc..baaa1bdff6b 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646deb169847f86df0f95bfc.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646deb169847f86df0f95bfc.md @@ -7,29 +7,29 @@ dashedName: step-51 # --description-- -Using a class selector, give your `.cat-right-inner-eye` element a width of `10px` and a height of `20px`. Also, give it a background color of `#fff`. +Utilizzando un selettore di classe, dai all'elemento `.cat-right-inner-eye` una larghezza di `10px` e un'altezza di `20px`. Dagli anche un colore di sfondo di `#fff`. # --hints-- -You should have a `.cat-right-inner-eye` selector. +Dovresti avere un selettore `.cat-right-inner-eye`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')) ``` -Your `.cat-right-inner-eye` selector should have a `width` set to `10px`. +Il selettore `.cat-right-inner-eye` dovrebbe avere una proprietà `width` con il valore `10px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.width === '10px') ``` -Your `.cat-right-inner-eye` selector should have a `height` set to `20px`. +Il selettore `.cat-right-inner-eye` dovrebbe avere una proprietà `height` con il valore `20px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.height === '20px') ``` -Your `.cat-right-inner-eye` selector should have a `background-color` set to `#fff`. +Il selettore `.cat-right-inner-eye` dovrebbe avere `background-color` impostata su `#fff`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.backgroundColor === 'rgb(255, 255, 255)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dec359bef3b7811fba5a6.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dec359bef3b7811fba5a6.md index f7933f8c3dc..d937ec67d1c 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dec359bef3b7811fba5a6.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dec359bef3b7811fba5a6.md @@ -7,35 +7,35 @@ dashedName: step-52 # --description-- -Move the right inner eye into position with a `position` of `absolute`, a `top` of `8px`, and a `left` of `18px`. Also, give it a border radius of `60%` and rotate it at `-5deg`. +Posiziona la parte interna dell'occhio destro impostando la proprietà `position` su `absolute`, `top` su `8px` e `left` su `18px`. Also, give it a border radius of `60%` and rotate it at `-5deg`. # --hints-- -Your `.cat-right-inner-eye` selector should have a `position` property set to `absolute`. +Il selettore `.cat-right-inner-eye` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.position === 'absolute') ``` -Your `.cat-right-inner-eye` selector should have a `top` property set to `8px`. +Il selettore `.cat-right-inner-eye` dovrebbe avere una proprietà `top` impostata su `8px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.top === '8px') ``` -Your `.cat-right-inner-eye` selector should have a `left` property set to `18px`. +Il selettore `.cat-right-inner-eye` dovrebbe avere una proprietà `left` impostata su `18px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.left === '18px') ``` -Your `.cat-right-inner-eye` selector should have a `border-radius` property set to `60%`. +Il selettore `.cat-right-inner-eye` dovrebbe avere una proprietà `border-radius` impostata al `60%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.borderRadius === '60%') ``` -Your `.cat-right-inner-eye` selector should have a `transform` property set to `-5deg`. +Il selettore `.cat-right-inner-eye` dovrebbe avere una proprietà `transform` impostata su `-5deg`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.transform === 'rotate(-5deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dedbcba062079128b2ecc.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dedbcba062079128b2ecc.md index 143f0179cfe..a489db160df 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dedbcba062079128b2ecc.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dedbcba062079128b2ecc.md @@ -7,7 +7,7 @@ dashedName: step-53 # --description-- -It's time to work on the nose. In your HTML, create a `div` element with the class `cat-nose`. +È ora di lavorare al naso. Nel tuo HTML, crea un elemento `div` con la classe `cat-nose`. # --hints-- @@ -17,7 +17,7 @@ You should create a `div` element. assert(document.querySelectorAll('div').length === 12) ``` -Your `div` element should have the class `cat-nose`. +L'elemento `div` dovrebbe avere la classe `cat-nose`. ```js assert(document.querySelectorAll('div')[11].classList.contains('cat-nose')) diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646def5e863abf7a14501421.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646def5e863abf7a14501421.md index bf02b9cf8fc..e42419dec7b 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646def5e863abf7a14501421.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646def5e863abf7a14501421.md @@ -7,29 +7,29 @@ dashedName: step-54 # --description-- -Using a class selector, give your `.cat-nose` element a left and right border of `15px solid transparent` each. Also give it a bottom border of `20px solid #442c2c`. +Usando un selettore di classe, dai all'elemento `.cat-nose` un bordo sinistro e un bordo destro ciascuno con il valore `15px solid transparent`. Inoltre dagli un bordo inferiore di `20px solid #442c2c`. # --hints-- -You should have a `.cat-nose` selector. +Dovresti avere un selettore `.cat-nose`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')) ``` -Your `.cat-nose` selector should have a `border-left` property set to `15px solid transparent`. +Il selettore `.cat-nose` dovrebbe avere la proprietà `border-left` impostata su `15px solid transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderLeft === '15px solid transparent') ``` -Your `.cat-nose` selector should have a `border-right` property set to `15px solid transparent`. +Il selettore `.cat-nose` dovrebbe avere la proprietà `border-right` impostata su `15px solid transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderRight === '15px solid transparent') ``` -Your `.cat-nose` selector should have a `border-bottom` property set to `20px solid #442c2c`. +Il selettore `.cat-nose` dovrebbe avere la proprietà `border-bottom` impostata su `20px solid #442c2c`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderBottom === '20px solid rgb(68, 44, 44)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df03c8f79337ab46f148b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df03c8f79337ab46f148b.md index ef9238633b8..1effb568411 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df03c8f79337ab46f148b.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df03c8f79337ab46f148b.md @@ -7,23 +7,23 @@ dashedName: step-55 # --description-- -Move the nose into position with a `position` property of `absolute`, a `top` of `108px`, and a `left` of `85px`. +Posiziona il naso impostando la proprietà `position` su `absolute`, `top` su `108px` e `left` su `85px`. # --hints-- -Your `.cat-nose` selector should have a `position` property set to `absolute`. +Il selettore `.cat-nose` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.position === 'absolute') ``` -Your `.cat-nose` selector should have a `top` property set to `108px`. +Il selettore `.cat-nose` dovrebbe avere una proprietà `top` impostata su `108px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.top === '108px') ``` -Your `.cat-nose` selector should have a `left` property set to `85px`. +Il selettore `.cat-nose` dovrebbe avere una proprietà `left` impostata su `85px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.left === '85px') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df0cf26413a7b35e4b8b3.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df0cf26413a7b35e4b8b3.md index 0318f9d7f46..8ff18400621 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df0cf26413a7b35e4b8b3.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df0cf26413a7b35e4b8b3.md @@ -7,35 +7,35 @@ dashedName: step-56 # --description-- -Remove the sharp edges of the nose with border radius of `50%` each on the top-left, bottom-right, and bottom-left corners. Also, rotate it at 180 degrees. +Remove the sharp edges of the nose with border radius of `50%` each on the top-left, bottom-right, and bottom-left corners. Inoltre, ruotalo di 180 gradi. # --hints-- -Your `.cat-nose` selector should have a `border-top-left-radius` property set to `50%`. +Il selettore `.cat-nose` dovrebbe avere la proprietà `border-top-left-radius` impostata al `50%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderTopLeftRadius === '50%') ``` -Your `.cat-nose` selector should have a `border-bottom-right-radius` property set to `50%`. +Il selettore `.cat-nose` dovrebbe avere la proprietà `border-bottom-right-radius` impostata al `50%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderBottomRightRadius === '50%') ``` -Your `.cat-nose` selector should have a `border-bottom-left-radius` property set to `50%`. +Il selettore `.cat-nose` dovrebbe avere la proprietà `border-bottom-left-radius` impostata al `50%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderBottomLeftRadius === '50%') ``` -Your `.cat-nose` selector should have a `transform` property set to `rotate(180deg)`. +Il selettore `.cat-nose` dovrebbe avere una proprietà `transform` con il valore `rotate(180deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.transform === 'rotate(180deg)') ``` -You should not have a `border-top-right-radius` property in your `.cat-nose` selector. +Non dovresti avere una proprietà `border-top-right-radius` nel selettore `.cat-nose`. ```js assert(/border-top-right-radius:\s*\d+%;/.test(code) === false); diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md index 9d8231e174b..64173411596 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md @@ -7,19 +7,19 @@ dashedName: step-57 # --description-- -Now you will start working on the mouth. There will be a right line and left line for the mouth. +Ora inizierai a lavorare alla bocca. Per la bocca ci saranno una linea destra e una linea sinistra. -Create a `div` element with the class `cat-mouth`. +Crea un elemento `div` con la classe `cat-mouth`. # --hints-- -You should create a `div` element. +Dovresti creare un elemento `div`. ```js assert(document.querySelectorAll('div').length === 13) ``` -Your `div` element should have the class `cat-mouth` +L'elemento `div` dovrebbe avere la classe `cat-mouth` ```js assert(document.querySelectorAll('div')[12].classList.contains('cat-mouth')) diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md index 3ef80ee39bb..061e6993bf4 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md @@ -7,29 +7,29 @@ dashedName: step-58 # --description-- -Inside your `.cat-mouth` element, create a `div` element with the class `cat-mouth-line-left` and another `div` with the class `cat-mouth-line-right`. +All'interno dell'elemento `.cat-mouth`, crea un elemento `div` con la classe `cat-mouth-line-left` e un altro `div` con la classe `cat-mouth-line-right`. # --hints-- -You should not change the existing `div` element with the class `cat-mouth`. +Non dovresti cambiare l'elemento `div` con la classe `cat-mouth` esistente. ```js assert(document.querySelectorAll('div.cat-mouth').length === 1); ``` -You should have two `div` elements inside your `.cat-mouth` element. +Dovresti avere due elementi `div` all'interno dell'elemento `.cat-mouth`. ```js assert(document.querySelectorAll('.cat-mouth div').length === 2); ``` -The first `div` element inside the `.cat-mouth` element should have the class `cat-mouth-line-left`. +Il primo elemento `div` all'interno dell'elemento `.cat-mouth` dovrebbe avere la classe `cat-mouth-line-left`. ```js assert(document.querySelectorAll('.cat-mouth div')[0]?.classList.contains('cat-mouth-line-left')); ``` -The second `div` element inside the `.cat-mouth` element should have the class `cat-mouth-line-right`. +Il secondo elemento `div` all'interno dell'elemento `.cat-mouth` dovrebbe avere la classe `cat-mouth-line-right`. ```js assert(document.querySelectorAll('.cat-mouth div')[1]?.classList.contains('cat-mouth-line-right')); diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md index a561360c7e9..94333fa73e6 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md @@ -7,29 +7,29 @@ dashedName: step-61 # --description-- -Using a class selector, give your `.cat-mouth-line-left` element a `position` of `absolute`, a `top` of `88px` and a `left` of `74px`. This would move it into the right position. +Usando un selettore di classe, per l'elemento `.cat-mouth-line-left` imposta `position` su `absolute`, `top` su `88px` e `left` su `74px`. Così dovrebbe spostarsi nella posizione corretta. # --hints-- -You should have a `cat-mouth-line-left` selector. +Dovresti avere un selettore `cat-mouth-line-left`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')) ``` -Your `.cat-mouth-line-left` selector should have a `position` property set to `absolute`. +Il selettore `.cat-mouth-line-left` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.position === 'absolute') ``` -Your `.cat-mouth-line-left` selector should have a `top` property set to `88px`. +Il selettore `.cat-mouth-line-left` dovrebbe avere una proprietà `top` impostata su `88px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.top === '88px') ``` -Your `.cat-mouth-line-left` selector should have a `left` property set to `74px`. +Il selettore `.cat-mouth-line-left` dovrebbe avere una proprietà `left` impostata su `74px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.left === '74px') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md index 46ce69b8f2c..2367d0f24be 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md @@ -7,11 +7,11 @@ dashedName: step-62 # --description-- -Using the `transform` property, rotate the left mouth line at `170` degrees. +Utilizzando la proprietà `transform`, ruota la linea sinistra della bocca di `170` gradi. # --hints-- -Your `.cat-mouth-line-left` property should have a `transform` property set to `rotate(170deg)`. +La proprietà `.cat-mouth-line-left` dovrebbe avere una proprietà `transform` impostata su `rotate(170deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.transform === 'rotate(170deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f09293eb3230723a62f77.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f09293eb3230723a62f77.md index 03853c3938b..f286ca4f0cd 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f09293eb3230723a62f77.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f09293eb3230723a62f77.md @@ -7,29 +7,29 @@ dashedName: step-63 # --description-- -Access your `.cat-mouth-line-right` element with a class selector, then move it into the right position with a `position` of `absolute`, a `top` of `88px` and a `left` of `91px`. +Seleziona l'elemento `.cat-mouth-line-right` con un selettore di classe, poi mettilo nella posizione corretta impostando `position` su `absolute`, `top` su `88px` e `left` su `91px`. # --hints-- -You should have a `.cat-mouth-line-right` selector. +Dovresti avere un selettore `.cat-mouth-line-right`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')) ``` -Your `.cat-mouth-line-right` selector should have a `position` property set to `absolute`. +Il selettore `.cat-mouth-line-right` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.position === 'absolute') ``` -Your `.cat-mouth-line-right` selector should have a `top` property set to `88px`. +Il selettore `.cat-mouth-line-right` dovrebbe avere una proprietà `top` impostata su `88px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.top === '88px') ``` -Your `.cat-mouth-line-right` selector should have a `left` property set to `91px`. +Il selettore `.cat-mouth-line-right` dovrebbe avere una proprietà `left` impostata su `91px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.left === '91px') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md index 2a01ed169d2..8848e93d5e8 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md @@ -7,11 +7,11 @@ dashedName: step-64 # --description-- -Rotate the right mouth line at `165` degrees. +Ruota la linea destra della bocca di `165` gradi. # --hints-- -Your `.cat-mouth-line-left` property should have a `transform` property set to `rotate(165deg)`. +La proprietà `.cat-mouth-line-left` dovrebbe avere una proprietà `transform` impostata su `rotate(165deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.transform === 'rotate(165deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md index 3d75bf77a02..c0c1c1d7800 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md @@ -7,9 +7,9 @@ dashedName: step-65 # --description-- -The last thing you will work on is the whiskers. There are going to be 6 of them, meaning there will be three on each side. +L'ultima cosa su cui lavorerai sono i baffi. Ce ne saranno 6, tre per lato. -Create a `div` element with the class `cat-whiskers`. +Crea un elemento `div` con la classe `cat-whiskers`. # --hints-- @@ -19,7 +19,7 @@ You should create a `div` element. assert(document.querySelectorAll('div').length === 16) ``` -Your div element should have the class `cat-whiskers`. +L'elemento div dovrebbe avere la classe `cat-whiskers`. ```js assert(document.querySelectorAll('div')[15].classList.contains('cat-whiskers')) diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ef13604420a8744f7d4.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ef13604420a8744f7d4.md index 6e28a86659a..4300b755476 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ef13604420a8744f7d4.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ef13604420a8744f7d4.md @@ -7,29 +7,29 @@ dashedName: step-66 # --description-- -Inside the `.cat-whiskers` element, create two `div` elements with the class `cat-whiskers-left` and `cat-whiskers-right`. +All'interno dell'elemento `.cat-whiskers`, crea due elementi `div` con la classe `cat-whiskers-left` e `cat-whiskers-right`. # --hints-- -You should not change the existing `div` element with the class `cat-whiskers` +Non dovresti cambiare l'elemento `div` con la classe `cat-whiskers` esistente ```js assert(document.querySelectorAll('div.cat-whiskers').length === 1) ``` -You should have two `div` elements inside the `.cat-whiskers` element. +Dovresti avere due elementi `div` all'interno dell'elemento `.cat-whiskers`. ```js assert(document.querySelectorAll('.cat-whiskers div').length === 2) ``` -The first `div` element inside the `.cat-whiskers` element should have the class `cat-whiskers-left`. +Il primo elemento `div` all'interno dell'elemento `.cat-whiskers` dovrebbe avere la classe `cat-whiskers-left`. ```js assert(document.querySelectorAll('.cat-whiskers div')[0].classList.contains('cat-whiskers-left')) ``` -The second `div` element inside the `.cat-whiskers` element should have the class `cat-whiskers-right`. +Il secondo elemento `div` all'interno dell'elemento `.cat-whiskers` dovrebbe avere la classe `cat-whiskers-right`. ```js assert(document.querySelectorAll('.cat-whiskers div')[1].classList.contains('cat-whiskers-right')) diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md index 291e0fbd52d..347dc26e04c 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md @@ -7,35 +7,35 @@ dashedName: step-67 # --description-- -Inside the `.cat-whiskers-left` element, create three `div` elements with the classes `cat-whisker-left-top`, `cat-whisker-left-middle`, and `cat-whisker-left-bottom`. +All'interno dell'elemento `.cat-whiskers-left`, crea tre elementi `div` con la classe `cat-whisker-left-top`, `cat-whisker-left-middle` e `cat-whisker-left-bottom`. # --hints-- -You should not change the existing `div` element with class `cat-whiskers-left`. +Non dovresti cambiare l'elemento `div` con la classe `cat-whiskers-left` esistente. ```js assert(document.querySelectorAll('div.cat-whiskers-left').length === 1) ``` -You should create three `div` elements inside your `.cat-whiskers-left` element. +Dovresti creare tre elementi `div` all'interno dell'elemento `.cat-whiskers-left`. ```js assert(document.querySelectorAll('.cat-whiskers-left div').length === 3) ``` -The first `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-top`. +Il primo elemento `div` all'interno dell'elemento `.cat-whiskers-left` dovrebbe avere la classe `cat-whisker-left-top`. ```js assert(document.querySelectorAll('.cat-whiskers-left div')[0].classList.contains('cat-whisker-left-top')) ``` -The second `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-middle`. +Il secondo elemento `div` all'interno dell'elemento `.cat-whiskers-left` dovrebbe avere la classe `cat-whisker-left-middle`. ```js assert(document.querySelectorAll('.cat-whiskers-left div')[1].classList.contains('cat-whisker-left-middle')) ``` -The third `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-bottom`. +Il terzo elemento `div` all'interno dell'elemento `.cat-whiskers-left` dovrebbe avere la classe `cat-whisker-left-bottom`. ```js assert(document.querySelectorAll('.cat-whiskers-left div')[2].classList.contains('cat-whisker-left-bottom')) diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f102bf87b350b593baa72.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f102bf87b350b593baa72.md index 820cbd44d12..cb3f1c0fff8 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f102bf87b350b593baa72.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f102bf87b350b593baa72.md @@ -7,35 +7,35 @@ dashedName: step-68 # --description-- -Inside the `.cat-whiskers-right` element, create 3 `div` elements with the class `cat-whisker-right-top`, `cat-whisker-right-middle`, and `cat-whisker-right-bottom`. +All'interno dell'elemento `.cat-whiskers-right`, crea tre elementi `div` con la classe `cat-whisker-right-top`, `cat-whisker-right-middle` e `cat-whisker-right-bottom`. # --hints-- -You should not change the existing `div` element with class `cat-whiskers-right`. +Non dovresti cambiare l'elemento `div` con la classe `cat-whiskers-right` esistente. ```js assert(document.querySelectorAll('div.cat-whiskers-right').length === 1) ``` -You should create three `div` elements inside your `.cat-whiskers-right` element. +Dovresti creare tre elementi `div` all'interno dell'elemento `.cat-whiskers-right`. ```js assert(document.querySelectorAll('.cat-whiskers-right div').length === 3) ``` -The first `div` element inside the `.cat-whiskers-right` element should have the class `cat-whisker-right-top`. +Il primo elemento `div` all'interno dell'elemento `.cat-whiskers-right` dovrebbe avere la classe `cat-whisker-right-top`. ```js assert(document.querySelectorAll('.cat-whiskers-right div')[0].classList.contains('cat-whisker-right-top')) ``` -The second `div` element inside the `.cat-whiskers-right` element should have the class `cat-whisker-right-middle`. +Il secondo elemento `div` all'interno dell'elemento `.cat-whiskers-right` dovrebbe avere la classe `cat-whisker-right-middle`. ```js assert(document.querySelectorAll('.cat-whiskers-right div')[1].classList.contains('cat-whisker-right-middle')) ``` -The third `div` element inside the `.cat-whiskers-right` element should have the class `cat-whisker-right-bottom`. +Il terzo elemento `div` all'interno dell'elemento `.cat-whiskers-right` dovrebbe avere la classe `cat-whisker-right-bottom`. ```js assert(document.querySelectorAll('.cat-whiskers-right div')[2].classList.contains('cat-whisker-right-bottom')) diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f107abb89d00bb99f387a.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f107abb89d00bb99f387a.md index 741c609e6b3..6de786206e1 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f107abb89d00bb99f387a.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f107abb89d00bb99f387a.md @@ -7,29 +7,29 @@ dashedName: step-69 # --description-- -Use a descendant selector to target the three `div` elements inside your `.cat-whiskers-left` element. Give it a `width` of `40px`, a `height` of `1px`, and a `background-color` of `#000`. +Usa un selettore di discendenti per selezionare i tre elementi `div` all'interno dell'elemento `.cat-whiskers-left`. Dai loro una proprietà `width` di `40px`, una proprietà `height` di `1px` e una proprietà `background-color` con il valore `#000`. # --hints-- -You should have a `.cat-whiskers-left div` selector. +Dovresti avere un selettore `.cat-whiskers-left div`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-left div')) ``` -Your `.cat-whiskers-left div` selector should have a `width` set to `40px`. +Il selettore `.cat-whiskers-left div` dovrebbe avere una proprietà `width` con il valore `40px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-left div')?.width === '40px') ``` -Your `.cat-whiskers-left div` selector should have a `height` set to `1px`. +Il selettore `.cat-whiskers-left div` dovrebbe avere una proprietà `height` con il valore `1px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-left div')?.height === '1px') ``` -Your `.cat-whiskers-left div` selector should have a `background-color` set to `#000`. +Il selettore `.cat-whiskers-left div` dovrebbe avere `background-color` impostata su `#000`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-left div')?.backgroundColor === 'rgb(0, 0, 0)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f12da0b4c5d0ca162834a.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f12da0b4c5d0ca162834a.md index b1c107c9c2e..51cc68144dc 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f12da0b4c5d0ca162834a.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f12da0b4c5d0ca162834a.md @@ -7,29 +7,29 @@ dashedName: step-71 # --description-- -Using a class selector, move the `.cat-whisker-left-top` element into place with a `position` of `absolute`, a `top` of `120px`, and a `left` of `52px`. +Usando un selettore di classe, posiziona l'elemento `.cat-whisker-left-top` impostando `position` su `absolute`, `top` su `120px` e `left` su `52px`. # --hints-- -You should have a `.cat-whisker-left-top` selector. +Dovresti avere un selettore `.cat-whisker-left-top`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')) ``` -Your `.cat-whisker-left-top` selector should have a `position` property set to `absolute`. +Il selettore `.cat-whisker-left-top` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')?.position === 'absolute') ``` -Your `.cat-whisker-left-top` selector should have a `top` property set to `120px`. +Il selettore `.cat-whisker-left-top` dovrebbe avere una proprietà `top` con il valore `120px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')?.top === '120px') ``` -Your `.cat-whisker-left-top` selector should have a `left` property set to `52px`. +Il selettore `.cat-whisker-left-top` dovrebbe avere una proprietà `left` con il valore `52px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')?.left === '52px') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f135eab69d90d0c6d4e9b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f135eab69d90d0c6d4e9b.md index 9ae2339b4dc..0c8b146f7f9 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f135eab69d90d0c6d4e9b.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f135eab69d90d0c6d4e9b.md @@ -7,11 +7,11 @@ dashedName: step-72 # --description-- -Rotate the left top whisker at `10` degrees. +Ruota il baffo superiore sinistro di `10` gradi. # --hints-- -Your `.cat-whisker-left-top` selector should have a `transform` property set to `rotate(10deg)`. +Il selettore `.cat-whisker-left-top` dovrebbe avere una proprietà `transform` con il valore `rotate(10deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')?.transform === 'rotate(10deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f159b2cffb21150b927cb.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f159b2cffb21150b927cb.md index c0b941997a6..b1b34504686 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f159b2cffb21150b927cb.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f159b2cffb21150b927cb.md @@ -7,29 +7,29 @@ dashedName: step-73 # --description-- -Use a class selector to target the `.cat-whisker-left-middle` element. Then move it into place with a `position` property set to `absolute`, a `top` of `127px`, and a `left` of `52px`. +Usa un selettore di classe per selezionare l'elemento `.cat-whisker-left-middle`. Poi posizionalo impostando la proprietà `position` su `absolute`, `top` su `127px` e `left` su `52px`. # --hints-- -You should have a `.cat-whisker-left-middle` selector. +Dovresti avere un selettore `.cat-whisker-left-middle`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')) ``` -Your `.cat-whisker-left-middle` selector should have a `position` property set to `absolute`. +Il selettore `.cat-whisker-left-middle` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')?.position === 'absolute') ``` -Your `.cat-whisker-left-middle` selector should have a `top` property set to `127px`. +Il selettore `.cat-whisker-left-middle` dovrebbe avere una proprietà `top` con il valore `127px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')?.top === '127px') ``` -Your `.cat-whisker-left-middle` selector should have a `left` property set to `52px`. +Il selettore `.cat-whisker-left-middle` dovrebbe avere una proprietà `left` con il valore `52px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')?.left === '52px') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md index 0a537b0812d..0648e160b1b 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md @@ -7,11 +7,11 @@ dashedName: step-74 # --description-- -Rotate the left middle whisker at 3 degrees. +Ruota il baffo centrale sinistro di 3 gradi. # --hints-- -Your `.cat-whisker-left-middle` selector should have a `transform` property set to `rotate(3deg)`. +Il selettore `.cat-whisker-left-middle` dovrebbe avere una proprietà `transform` con il valore `rotate(3deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')?.transform === 'rotate(3deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1764e2f1d212ba9785a7.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1764e2f1d212ba9785a7.md index 651a9405914..48f9f907540 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1764e2f1d212ba9785a7.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1764e2f1d212ba9785a7.md @@ -7,29 +7,29 @@ dashedName: step-75 # --description-- -Using a class selector, move the `.cat-whisker-left-bottom` into position with a `position` of `absolute`, a `top` of `134px`, and a `left` of `52px`. +Usando un selettore di classe, posiziona l'elemento `.cat-whisker-left-bottom` impostando `position` su `absolute`, `top` su `134px` e `left` su `52px`. # --hints-- -You should have a `.cat-whisker-left-bottom` selector. +Dovresti avere un selettore `.cat-whisker-left-bottom`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom')) ``` -Your `.cat-whisker-left-bottom` selector should have a `position` property set to `absolute`. +Il selettore `.cat-whisker-left-bottom` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom')?.position === 'absolute') ``` -Your `.cat-whisker-left-bottom` selector should have a `top` property set to `134px`. +Il selettore `.cat-whisker-left-bottom` dovrebbe avere una proprietà `top` con il valore `134px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom')?.top === '134px') ``` -Your `.cat-whisker-left-bottom` selector should have a `left` property set to `52px`. +Il selettore `.cat-whisker-left-bottom` dovrebbe avere una proprietà `left` con il valore `52px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom')?.left === '52px') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1802a09a171332e14630.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1802a09a171332e14630.md index bc03c983374..b919dcd7e42 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1802a09a171332e14630.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1802a09a171332e14630.md @@ -7,11 +7,11 @@ dashedName: step-76 # --description-- -Rotate the left bottom whisker at `-3` degrees. +Ruota il baffo inferiore sinistro di `-3` gradi. # --hints-- -Your `.cat-whisker-left-bottom` selector should have a `transform` property set to `rotate(-3deg)`. +Il selettore `.cat-whisker-left-bottom` dovrebbe avere una proprietà `transform` con il valore `rotate(-3deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom')?.transform === 'rotate(-3deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4d6c42dc5f214f4e7444.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4d6c42dc5f214f4e7444.md index e365b97d693..f44e74780cf 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4d6c42dc5f214f4e7444.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4d6c42dc5f214f4e7444.md @@ -7,29 +7,29 @@ dashedName: step-77 # --description-- -Now you will work on moving the right whiskers into place. Use class selector to target the `.cat-whisker-right-top` element and give it a `position` of `absolute`, a `top` of `120px`, and a `left` of `109px`. +Adesso dovrai mettere i baffi di destra nella posizione corretta. Usa un selettore di classe per selezionare l'elemento `.cat-whisker-right-top` e imposta `position` su `absolute`, `top` su `120px` e `left` su `109px`. # --hints-- -You should have a `.cat-whisker-right-top` selector. +Dovresti avere un selettore `.cat-whisker-right-top`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')) ``` -Your `.cat-whisker-right-top` selector should have a `position` property set to `absolute`. +Il selettore `.cat-whisker-right-top` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')?.position === 'absolute') ``` -Your `.cat-whisker-right-top` selector should have a `top` property set to `120px`. +Il selettore `.cat-whisker-right-top` dovrebbe avere una proprietà `top` con il valore `120px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')?.top === '120px') ``` -Your `.cat-whisker-right-top` selector should have a `left` property set to `109px`. +Il selettore `.cat-whisker-right-top` dovrebbe avere una proprietà `left` con il valore `109px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')?.left === '109px') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4e46e81f7021d5fd9c1d.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4e46e81f7021d5fd9c1d.md index f13a5c03ba4..e27d766f818 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4e46e81f7021d5fd9c1d.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4e46e81f7021d5fd9c1d.md @@ -7,11 +7,11 @@ dashedName: step-78 # --description-- -Rotate the top-right whisker at -10 degrees. +Ruota il baffo superiore destro di -10 gradi. # --hints-- -Your `.cat-whisker-right-top` selector should have a `transform` property set to `rotate(-10deg)`. +Il selettore `.cat-whisker-right-top` dovrebbe avere una proprietà `transform` con il valore `rotate(-10deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')?.transform === 'rotate(-10deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md index 2f79cbf9301..bb4f7e40de1 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md @@ -7,29 +7,29 @@ dashedName: step-79 # --description-- -Use a class selector to target the `cat-whisker-right-middle` element, then move the right middle whisker into position with a `position` of `absolute`, a `top` of `127px`, and a `left` of `109px`. +Usa un selettore di classe per selezionare l'elemento `cat-whisker-right-middle`, poi posiziona il baffo centrale destro impostando `position` su `absolute`, `top` su `127px` e `left` su `109px`. # --hints-- -You should have a `.cat-whisker-right-middle` selector. +Dovresti avere un selettore `.cat-whisker-right-middle`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')) ``` -Your `.cat-whisker-right-middle` selector should have a `position` property set to `absolute`. +Il selettore `.cat-whisker-right-middle` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')?.position === 'absolute') ``` -Your `.cat-whisker-right-middle` selector should have a `top` property set to `127px`. +Il selettore `.cat-whisker-right-middle` dovrebbe avere una proprietà `top` con il valore `127px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')?.top === '127px') ``` -Your `.cat-whisker-right-middle` selector should have a `left` property set to `109px`. +Il selettore `.cat-whisker-right-middle` dovrebbe avere una proprietà `left` con il valore `109px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')?.left === '109px') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md index a7d861a1258..267f83220ef 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md @@ -7,11 +7,11 @@ dashedName: step-80 # --description-- -Rotate the right middle whisker at -3 degrees. +Ruota il baffo centrale destro di -3 gradi. # --hints-- -Your `.cat-whisker-right-middle` selector should have a `transform` property set to `rotate(-3deg)`. +Il selettore `.cat-whisker-right-middle` dovrebbe avere una proprietà `transform` con il valore `rotate(-3deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')?.transform === 'rotate(-3deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md index d0cf2b64a3f..f69b0e7910e 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md @@ -7,30 +7,30 @@ dashedName: step-81 # --description-- -Use class selector to target the `.cat-whisker-right-bottom` element, then move it into place with a `position` of `absolute`, a `top` of `134px`, and a `left` of `109px`. +Usa un selettore di classe per selezionare l'elemento `.cat-whisker-right-bottom`, poi posizionalo impostando `position` su `absolute`, `top` su `134px` e `left` su `109px`. # --hints-- -You should have a `.cat-whisker-right-bottom` selector. +Dovresti avere un selettore `.cat-whisker-right-bottom`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')) ``` -Your `.cat-whisker-right-bottom` selector should have a `position` property set to `absolute`. +Il selettore `.cat-whisker-right-bottom` dovrebbe avere una proprietà `position` con il valore `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.position === 'absolute') ``` -Your `.cat-whisker-right-bottom` selector should have a `top` property set to `134px`. +Il selettore `.cat-whisker-right-bottom` dovrebbe avere una proprietà `top` con il valore `134px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.top === '134px') ``` -Your `.cat-whisker-right-bottom` selector should have a `left` property set to `109px`. +Il selettore `.cat-whisker-right-bottom` dovrebbe avere una proprietà `left` con il valore `109px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.left === '109px') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f516dbfc1342495515625.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f516dbfc1342495515625.md index 3bf9207660e..c757b18f02c 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f516dbfc1342495515625.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f516dbfc1342495515625.md @@ -7,13 +7,13 @@ dashedName: step-82 # --description-- -Rotate the bottom-right whisker at 3 degrees. +Ruota il baffo inferiore destro di 3 gradi. With this final step, your cat painting is now complete. # --hints-- -Your `.cat-whisker-right-bottom` selector should have a `transform` property set to `rotate(3deg)`. +Il selettore `.cat-whisker-right-bottom` dovrebbe avere una proprietà `transform` con il valore `rotate(3deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.transform === 'rotate(3deg)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a2687ef267e5934a2f93e3.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a2687ef267e5934a2f93e3.md index 04963838659..24881e74ce6 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a2687ef267e5934a2f93e3.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a2687ef267e5934a2f93e3.md @@ -7,29 +7,29 @@ dashedName: step-59 # --description-- -Using a descendant selector, select the two `div` elements inside the `div` with class `cat-mouth`. Give it a width of `30px`, a height of `50px`, and a border of `2px solid #000`. +Usando un selettore di discendenti, seleziona i due elementi `div` all'interno del `div` con la classe `cat-mouth`. Dagli una larghezza di `30px`, un'altezza di `50px` e un bordo con il valore `2px solid #000`. # --hints-- -You should have a `.cat-mouth div` selector. +Dovresti avere un selettore `.cat-mouth div`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth div')) ``` -Your `.cat-mouth div` selector should have a `width` property set to `30px`. +Il selettore `.cat-mouth div` dovrebbe avere una proprietà `width` impostata su `30px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth div')?.width === '30px') ``` -Your `.cat-mouth div` selector should have a `height` property set to `50px`. +Il selettore `.cat-mouth div` dovrebbe avere una proprietà `height` impostata su `50px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth div')?.height === '50px') ``` -Your `.cat-mouth div` selector should have a `border` property set to `2px solid #000`. +Il selettore `.cat-mouth div` dovrebbe avere una proprietà `border` con il valore `2px solid #000`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth div')?.border === '2px solid rgb(0, 0, 0)') diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md index d46fbf6da0d..b2a198a71eb 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md @@ -7,17 +7,17 @@ dashedName: step-60 # --description-- -You are going to make the two mouth lines into an elliptical shape. So, give the `.cat-mouth div` selector a border color of `black transparent transparent transparent` and a border radius of `190%/190px 150px 0 0`. +Darai alle due linee della bocca una forma ellittica. So, give the `.cat-mouth div` selector a border color of `black transparent transparent transparent` and a border radius of `190%/190px 150px 0 0`. # --hints-- -Your `.cat-mouth div` selector should have a `border-color` property set to `black transparent transparent transparent`. +Il selettore `.cat-mouth div` dovrebbe avere la proprietà `border-color` impostata su `black transparent transparent transparent`. ```js assert.match(code, /border-color:\s*black\s*(transparent)\s*\1\s*\1\s*;?/) ``` -Your `.cat-mouth div` selector should have a `border-radius` property set to `190%/190px 150px 0 0`. +Il selettore `.cat-mouth div` dovrebbe avere una proprietà `border-radius` con il valore `190%/190px 150px 0 0`. ```js assert.match(code, /border-radius:\s*190%\/190px\s*150px\s*0\s*0\s*;?/) diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md index 4f3a8d2de51..faa21ff279f 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md @@ -7,29 +7,29 @@ dashedName: step-70 # --description-- -As you did in the previous step, use a descendant selector to target the three `div` elements inside your `.cat-whiskers-right` element. Give it a `width` of `40px`, a `height` of `1px`, and a `background-color` of `#000`. +Come nello step precedente, usa un selettore di discendenti per selezionare i tre elementi `div` all'interno dell'elemento `.cat-whiskers-right`. Dai loro una proprietà `width` di `40px`, una proprietà `height` di `1px` e una proprietà `background-color` con il valore `#000`. # --hints-- -You should have a `.cat-whiskers-right div` selector. +Dovresti avere un selettore `.cat-whiskers-right div`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')) ``` -Your `.cat-whiskers-right div` selector should have a `width` set to `40px`. +Il selettore `.cat-whiskers-right div` dovrebbe avere una proprietà `width` con il valore `40px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')?.width === '40px') ``` -Your `.cat-whiskers-right div` selector should have a `height` set to `1px`. +Il selettore `.cat-whiskers-right div` dovrebbe avere una proprietà `height` con il valore `1px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')?.height === '1px') ``` -Your `.cat-whiskers-right div` selector should have a `background-color` set to `#000`. +Il selettore `.cat-whiskers-right div` dovrebbe avere `background-color` impostata su `#000`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')?.backgroundColor === 'rgb(0, 0, 0)') diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md index 015f25b3bde..bbb3cb3f970 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md @@ -1,6 +1,6 @@ --- id: 60eebd07ea685b0e777b5583 -title: Step 1 +title: ステップ 1 challengeType: 0 dashedName: step-1 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md index 573e46fe195..5c5ea33c1d3 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md @@ -1,6 +1,6 @@ --- id: 60f027099a15b00485563dd2 -title: Step 2 +title: ステップ 2 challengeType: 0 dashedName: step-2 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index 04f5364b9e4..0818e6c12c8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -1,6 +1,6 @@ --- id: 60f027c87bc98f050395c139 -title: Step 3 +title: ステップ 3 challengeType: 0 dashedName: step-3 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md index c5161a58e7b..f5d3f53e8b6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md @@ -1,6 +1,6 @@ --- id: 60f0286404aefb0562a4fdf9 -title: Step 4 +title: ステップ 4 challengeType: 0 dashedName: step-4 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md index 9cd8e10f177..142c424e1b6 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md @@ -1,6 +1,6 @@ --- id: 60f02e7361b68405e27b62a5 -title: Step 6 +title: ステップ 6 challengeType: 0 dashedName: step-6 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md index bc4f4de9ce4..6623ed562af 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md @@ -1,6 +1,6 @@ --- id: 60f030d388cb74067cf291c3 -title: Step 7 +title: ステップ 7 challengeType: 0 dashedName: step-7 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md index 9eb68d50c89..707dde5da04 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md @@ -1,6 +1,6 @@ --- id: 60f1922fcbd2410527b3bd89 -title: Step 8 +title: ステップ 8 challengeType: 0 dashedName: step-8 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md index 86d5a44044d..70cd5f2ee51 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md @@ -1,6 +1,6 @@ --- id: 60f1a5e2d2c23707a4f9a660 -title: Step 9 +title: ステップ 9 challengeType: 0 dashedName: step-9 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md index 465dfec4396..3e89e5c601e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md @@ -1,6 +1,6 @@ --- id: 60f1a9cbd23023082e149fee -title: Step 10 +title: ステップ 10 challengeType: 0 dashedName: step-10 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md index 232f1d693c8..03b13041aeb 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md @@ -1,6 +1,6 @@ --- id: 60f5c3e399ff1a05629964e4 -title: Step 11 +title: ステップ 11 challengeType: 0 dashedName: step-11 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md index 778e1cbde3a..c02c26b4685 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md @@ -1,6 +1,6 @@ --- id: 60f5cb8875ab6a0610f05071 -title: Step 13 +title: ステップ 13 challengeType: 0 dashedName: step-13 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md index 53196a2cdc7..ed61fab437e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md @@ -1,6 +1,6 @@ --- id: 60f5d2776c854e069560fbe6 -title: Step 14 +title: ステップ 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md index de6d576784d..f8c2da64403 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md @@ -1,6 +1,6 @@ --- id: 60f5dc35c07ac1078f140916 -title: Step 15 +title: ステップ 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md index 8fca67ccb45..c8e32f661d8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md @@ -1,6 +1,6 @@ --- id: 60f803d5241e6a0433a523a1 -title: Step 16 +title: ステップ 16 challengeType: 0 dashedName: step-16 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md index 068cc1dbdd4..b292c226df8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md @@ -1,6 +1,6 @@ --- id: 60f805f813eaf2049bc2ceea -title: Step 17 +title: ステップ 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md index 0dacab198ca..84010d81a3e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md @@ -1,6 +1,6 @@ --- id: 60f80e0081e0f2052ae5b505 -title: Step 19 +title: ステップ 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md index 0d7daeebca0..631ce9d46ba 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md @@ -1,6 +1,6 @@ --- id: 60f81167d0d4910809f88945 -title: Step 20 +title: ステップ 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md index 7288faf07da..fff2c9aa376 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md @@ -1,6 +1,6 @@ --- id: 60f81616cff80508badf9ad5 -title: Step 21 +title: ステップ 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md index a7090c47950..f0299e11ee1 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md @@ -1,6 +1,6 @@ --- id: 60f83e7bfc09900959f41e20 -title: Step 22 +title: ステップ 22 challengeType: 0 dashedName: step-22 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md index 30b38c3792b..cb29a441adc 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md @@ -1,6 +1,6 @@ --- id: 60f84ec41116b209c280ba91 -title: Step 23 +title: ステップ 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index 429ffd52270..19f23057d95 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -1,28 +1,28 @@ --- id: 60f852f645b5310a8264f555 -title: Step 24 +title: ステップ 24 challengeType: 0 dashedName: step-24 --- # --description-- -登録フォームの次のパートに移りましょう。 このセクションでは、ユーザーが作成するアカウントの種類を尋ね、ユーザーが利用規約を読んだことを確認します。 +登録フォームの次のパートに移りましょう。 This section will ask for the type of account the user is opening. -まずは 2 つ目の `fieldset` に `label` 要素を 3 つ追加してください。 +Start by adding two `label` elements to the second `fieldset`. # --hints-- -2 つ目の `fieldset` に `label` 要素を 3 つ追加してください。 +You should add two `label` elements to the second `fieldset`. ```js -assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3); +assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2); ``` 追加した `label` 要素は兄弟要素である必要があります。 ```js -assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label')); +assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label')); ``` # --seed-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index 59994bd4cde..0512230cb74 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -1,13 +1,13 @@ --- id: 60f85a62fb30c80bcea0cedb -title: Step 25 +title: ステップ 25 challengeType: 0 dashedName: step-25 --- # --description-- -ユーザーが `Personal Account` または `Business Account` のいずれかを選択できるようにします。 +Users will be allowed to choose either a `Personal` or `Business`. そのためには、最初の 2 つの `label` 要素内にそれぞれ 1 つずつ、`type="radio"` を持つ `input` 要素を追加してください。 @@ -58,7 +58,6 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
-
--fcc-editable-region--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index 68a10b8ecd9..e359fcf5050 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -1,32 +1,43 @@ --- id: 60f8604682407e0d017bbf7f -title: Step 26 +title: ステップ 26 challengeType: 0 dashedName: step-26 --- # --description-- -利用規約用に、3 つ目の `label` 要素内に `type` が `checkbox` の `input` を追加してください。 ユーザーが利用規約を読まずにサインアップすることがないように、この `input` 要素を `required` にしてください。 +Within each corresponding `label` element, and immediately after the `input` element, add a space and add the following text: + +```md +Personal +Business +``` # --hints-- -3 つ目の `label` 要素内に `input` を追加する必要があります。 +You should give the first `label` the text `Personal`. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')); +assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal'); ``` -`input` 要素に `type` 属性を追加して、値を `checkbox` にする必要があります。 +You should give the second `label` the text `Business`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.type, 'checkbox'); +assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business'); ``` -`input` 要素に `required` 属性を追加する必要があります。 +You should give the first `label` text one space at the front. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.required, true); +assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); +``` + +You should give the second `label` text one space at the front. + +```js +assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); ``` # --seed-- @@ -51,13 +62,12 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in ---fcc-editable-region--
- - - -
--fcc-editable-region-- + + +--fcc-editable-region-- +
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index 5b894cc5e56..1ce0eae09a5 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -1,56 +1,28 @@ --- id: 60f8618d191b940d62038513 -title: Step 27 +title: ステップ 27 challengeType: 0 dashedName: step-27 --- # --description-- -それぞれ対応する `label` 要素内で、`input` 要素の直後にスペースを入れた後、以下のテキストを追加してください: +You only want one radio input to be selectable at a time. However, the form does not know the radio inputs are related. -```md -Personal Account -Business Account -I accept the terms and conditions -``` +To relate the radio inputs, give them the same `name` attribute with a value of `account-type`. Now, it is not possible to select both radio inputs at the same time. # --hints-- -1 つ目の `label` にテキスト `Personal Account` を入れる必要があります。 +You should give the first radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal Account'); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); ``` -2 つ目の `label` にテキスト `Business Account` を入れる必要があります。 +You should give the second radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business Account'); -``` - -3 つ目の `label` にテキスト `I accept the terms and conditions` を入れる必要があります。 - -```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText, 'I accept the terms and conditions'); -``` - -1 つ目の `label` のテキストの前にスペースを 1 つ入れる必要があります。 - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); -``` - -2 つ目の `label` のテキストの前にスペースを 1 つ入れる必要があります。 - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); -``` - -3 つ目の `label` のテキストの前にスペースを 1 つ入れる必要があります。 - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText?.[0], ' '); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); ``` # --seed-- @@ -77,9 +49,8 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)' --fcc-editable-region--
- - - + +
--fcc-editable-region--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index a1e08e97770..cffb9e81d95 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -1,34 +1,40 @@ --- id: 60fab4a123ce4b04526b082b -title: Step 28 +title: ステップ 28 challengeType: 0 dashedName: step-28 --- # --description-- -一度に選択できるラジオボタンは 1 つだけにしたいですね。 ですが、このフォームはラジオボタンがお互いに関連していることを認識しません。 +Currently when someone submit the form, they can submit it without checking the radio inputs. Although you had used `required` attribute to indicate the the input is required previously, this can't work in this case, because adding required to both inputs, will convey the wrong information to the form users. -ラジオボタンを関連付けるため、`name` 属性に `account-type` という同じ値を設定してください。 これで両方のラジオボタンを同時に選択することができなくなりました。 +To solve this, you can provide context of what is needed by adding `legend` element below the second `fieldset` with text `Account type (required)`, then add `checked` attribute to the `Personal` input to make sure that the form is submitted with the required data in it. # --hints-- -1 つ目のラジオボタンの `name` 属性を `account-type` に設定する必要があります。 +Your `input` elements should remain `type` of `radio`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"]')?.length, 2); ``` -2 つ目のラジオボタンの `name` 属性を `account-type` に設定する必要があります。 +You should add a `legend` element within the second `fieldset` element. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-of-type(2) > legend')?.length, 1); ``` -`checkbox` には `name` 属性を設定しないでください。 +You should add `Account type (required)` text to the `legend` element. ```js -assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input[type="checkbox"]')?.name); +assert.equal(document.querySelector('fieldset:nth-of-type(2) > legend')?.textContent, 'Account type (required)'); +``` + +You should give an attribute of `checked` to the `Personal` input. + +```js +assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]')?.hasAttribute('checked')); ``` # --seed-- @@ -55,9 +61,9 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) --fcc-editable-region--
- - - + + +
--fcc-editable-region--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index aebed0f9abe..1037e09359d 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -3 つ目の `label` 内のテキスト `terms and conditions` を下記の場所にリンクして、この `fieldset` を完成させましょう。 +Add `I accept the terms and conditions` text to the newly added label, then link the text `terms and conditions` to the following location: ```md https://www.freecodecamp.org/news/terms-of-service/ @@ -15,22 +15,28 @@ https://www.freecodecamp.org/news/terms-of-service/ # --hints-- -`a` 要素を使用して、利用規約 (terms and conditions) へのリンクを作成してください。 +You should add `I accept the terms and conditions` text to the label following the third fieldset. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')); +assert.equal(document.querySelector('fieldset:nth-child(3) + label')?.innerText.trim(), 'I accept the terms and conditions'); ``` -`a` 要素の `href` を `https://www.freecodecamp.org/news/terms-of-service/` に設定する必要があります。 +You should use an `a` element to link to the terms and conditions. ```js -assert.match(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input + a')); ``` -`terms and conditions` というテキストのみを `a` 要素で囲む必要があります。 +You should give the `a` element an `href` of `https://www.freecodecamp.org/news/terms-of-service/`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.textContent, 'terms and conditions'); +assert.match(document.querySelector('fieldset:nth-child(3) + label > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +``` + +You should only wrap the `a` element around the text `terms and conditions`. + +```js +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input + a')?.textContent, 'terms and conditions'); ``` # --seed-- @@ -55,14 +61,15 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index c8a8f954b4d..7639b6f2737 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -54,17 +54,18 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
- - - + Account type (required) + +
--fcc-editable-region--
--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index 6e155b33045..3244f8664b8 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -68,11 +68,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -80,6 +78,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index 305111f40f7..862ac67d10f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
- - - + Account type (required) + +
--fcc-editable-region--
@@ -61,6 +59,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index b3164a74986..337f40fabfa 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -58,11 +58,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
- - - + Account type (required) + +
--fcc-editable-region--
@@ -77,6 +75,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index 817e1d32dd7..a617ac5d103 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -72,11 +72,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -93,6 +91,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index 16f30ae4e42..ae793073f57 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -66,11 +66,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -87,6 +85,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index 09495e3f07b..611253f1183 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -60,11 +60,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
- - - + Account type (required) + +
--fcc-editable-region--
@@ -82,6 +80,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index 303580ba9b2..17d2c263fc3 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index 6c468b05684..5484289cfcc 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -48,11 +48,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index 78b24ad09e5..07fa05c1c71 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -109,11 +109,9 @@ assert.isNotEmpty(document.querySelector('textarea')?.name);
- - - + Account type (required) + +
@@ -131,7 +129,10 @@ assert.isNotEmpty(document.querySelector('textarea')?.name);
---fcc-editable-region-- + + --fcc-editable-region-- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index 1ca3cd64068..ae41a8e1237 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -54,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index cc281037501..5652dab8366 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -52,11 +52,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
- - - + Account type (required) + +
@@ -74,6 +72,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index fa7af9a794c..7f12915083c 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -64,11 +64,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
- - - + Account type (required) + +
@@ -86,6 +84,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index c9ff847cac6..2c0b091c086 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -58,11 +58,9 @@ assert.equal(fieldset?.paddingRight, '0px');
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(fieldset?.paddingRight, '0px');
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index 14167a216bc..3b100e8d689 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -40,11 +40,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
- - - + Account type (required) + +
@@ -62,6 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index 1813da4557a..a186d5d7b81 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -79,11 +79,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
- - - + Account type (required) + +
@@ -101,6 +99,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index 45c2e7d5cbc..c0b76973229 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -25,12 +25,6 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[0]?.classList? assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.classList?.contains('inline')); ``` -3 つ目の `input` にクラス `inline` を設定してください。 - -```js -assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?.contains('inline')); -``` - # --seed-- ## --seed-contents-- @@ -55,11 +49,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList? --fcc-editable-region--
- - - + Account type (required) + +
--fcc-editable-region--
@@ -78,6 +70,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index 42e0c60f163..2812ce4edf4 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index 42d7a7da573..fe0e6942dab 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -58,11 +58,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index 81227f824f0..c70aa9f18c7 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -42,11 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
- - - + Account type (required) + +
@@ -64,6 +62,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index 244cbd8a241..969b5bb7b1f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -57,11 +57,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
- - - + Account type (required) + +
@@ -79,6 +77,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index f4c153e028d..78de18fc0af 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -50,11 +50,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
- - - + Account type (required) + +
@@ -72,6 +70,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index ec87fccf2d2..ae166e82f73 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -54,11 +54,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index 893cf71f5d8..e3bda641766 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -60,11 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
- - - + Account type (required) + +
@@ -82,6 +80,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index 881a03f6f64..80163de0f12 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -49,11 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index 2f81eb69d12..d93ee19ab12 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index c5404cd3c2f..09c5dc6a553 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index ceefe7e474c..ba421b88f6e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -49,11 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index 44754aea174..af4089aaf7f 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -48,11 +48,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
- - - + Account type (required) + +
@@ -70,6 +68,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index 1144b13c4f4..853929fc16d 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index 793475a84db..7e7bc3cdc81 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -7,19 +7,25 @@ dashedName: step-64 # --description-- -最後になりましたが、`terms and conditions` のリンクの文字色を `#dfdfe2` に変更しましょう。 +Last, but not least, make the `input` for the terms and condition `inline`, then change the text color of the `terms and conditions` link element to `#dfdfe2`. よくできました！ _登録フォーム_の練習プロジェクトの最後のパートが完成しました。 # --hints-- -`a` 要素セレクターを使用する必要があります。 +You should give the `input` a class of `inline`. + +```js +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.classList?.contains('inline')); +``` + +You should use an `a` element selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('a')); ``` -`a` 要素の `color` を `#dfdfe2` に設定する必要があります。 +You should give the `a` element a `color` of `#dfdfe2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223, 226)'); @@ -48,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
- - - + Account type (required) + +
@@ -70,6 +74,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
+ --fcc-editable-region-- + + --fcc-editable-region-- @@ -177,11 +186,9 @@ input[type="file"] {
- - - + Account type (required) + +
@@ -199,6 +206,9 @@ input[type="file"] {
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index 25c03fd5d54..dfb982390ab 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -53,11 +53,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
- - - + Account type (required) + +
@@ -75,6 +73,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
+ diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md index 5c00e5afe76..3267eabec15 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md @@ -1,6 +1,6 @@ --- id: 62cc5b1779e4d313466f73c5 -title: Step 5 +title: ステップ 5 challengeType: 0 dashedName: step-5 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index bc9e1d7c197..ee9b8f9af94 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -1,6 +1,6 @@ --- id: 62ff8b9dab5ac88e4d3d43a3 -title: Step 18 +title: ステップ 18 challengeType: 0 dashedName: step-18 --- diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index 12f09a69215..e347ba46d5e 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -7,46 +7,48 @@ dashedName: step-30 # --description-- -アクセシビリティのベストプラクティスに従って、2 つ目の `fieldset` 内の `input` 要素と `label` 要素を関連付けてください。 +You need to confirm that the user has read the terms and conditions. -それぞれの `id` 属性の値には `personal-account`、`business-account`、および `terms-and-conditions` を使用してください。 +Add `label` element after the third `fieldset`, and a `input` element with `type` attribute of `checkbox` inside the newly added `label` element. Make this `input` element `required` because users should not sign up without reading the terms and conditions. + +Don't forget to add an `id` attribute of `terms-and-conditions` for accessibility. # --hints-- -1 つ目の `input` 要素の `id` を `personal-account` に設定する必要があります。 +You should add an `label` after the third `fieldset` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label')); ``` -2 つ目の `input` 要素の `id` を `business-account` に設定する必要があります。 +You should add an `input` to the `label` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input')); ``` -3 つ目の `input` 要素の `id` を `terms-and-conditions` に設定する必要があります。 +You should add a `type` attribute of value `checkbox` to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.type, 'checkbox'); ``` -1 つ目の `label` 要素には `personal-account` という値の `for` 属性が必要です。 +You should add a `required` attribute to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.required, true); ``` -2 つ目の `label` 要素には `business-account` という値の `for` 属性が必要です。 +The `input` element should have an `id` of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.matches('#terms-and-conditions')) ``` -3 つ目の `label` 要素には `terms-and-conditions` という値の `for` 属性が必要です。 +The `label` element should have a `for` attribute with a value of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) +assert(document.querySelector('fieldset:nth-child(3) + label')?.matches('label[for="terms-and-conditions"]')) ``` # --seed-- @@ -71,14 +73,16 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches( ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index 5de4d9bf8ba..da9565ed2f9 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -84,11 +84,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -108,6 +106,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
--fcc-editable-region-- + diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md index 07fc64e8b61..31ae0fbd240 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md @@ -1,6 +1,6 @@ --- id: 63541ef4f96cd82e8e6c788a -title: Step 12 +title: ステップ 12 challengeType: 0 dashedName: step-12 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md index 0008777ce25..4bd8223ad66 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md @@ -1,6 +1,6 @@ --- id: 60eebd07ea685b0e777b5583 -title: Step 1 +title: Passo 1 challengeType: 0 dashedName: step-1 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md index 6bc0eb9a8ba..6e2dc857e51 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md @@ -1,6 +1,6 @@ --- id: 60f027099a15b00485563dd2 -title: Step 2 +title: Passo 2 challengeType: 0 dashedName: step-2 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index 4908f1df2bd..9d4df0a7f9c 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -1,6 +1,6 @@ --- id: 60f027c87bc98f050395c139 -title: Step 3 +title: Passo 3 challengeType: 0 dashedName: step-3 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md index d23a08531d9..37b973a038b 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md @@ -1,6 +1,6 @@ --- id: 60f0286404aefb0562a4fdf9 -title: Step 4 +title: Passo 4 challengeType: 0 dashedName: step-4 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md index be6d27cb910..55fb1ee21fb 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md @@ -1,6 +1,6 @@ --- id: 60f02e7361b68405e27b62a5 -title: Step 6 +title: Passo 6 challengeType: 0 dashedName: step-6 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md index 3a9a1bd79e2..0af106f24ea 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md @@ -1,6 +1,6 @@ --- id: 60f030d388cb74067cf291c3 -title: Step 7 +title: Passo 7 challengeType: 0 dashedName: step-7 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md index 6773bc29619..e8c5ed0731a 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md @@ -1,6 +1,6 @@ --- id: 60f1922fcbd2410527b3bd89 -title: Step 8 +title: Passo 8 challengeType: 0 dashedName: step-8 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md index eade604f729..92965968921 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md @@ -1,6 +1,6 @@ --- id: 60f1a5e2d2c23707a4f9a660 -title: Step 9 +title: Passo 9 challengeType: 0 dashedName: step-9 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md index bf962221a68..de8071abf66 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md @@ -1,6 +1,6 @@ --- id: 60f1a9cbd23023082e149fee -title: Step 10 +title: Passo 10 challengeType: 0 dashedName: step-10 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md index 256e6c07cc7..d54fb655b97 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md @@ -1,6 +1,6 @@ --- id: 60f5c3e399ff1a05629964e4 -title: Step 11 +title: Passo 11 challengeType: 0 dashedName: step-11 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md index e9793ec8baf..690466ab426 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md @@ -1,6 +1,6 @@ --- id: 60f5cb8875ab6a0610f05071 -title: Step 13 +title: Passo 13 challengeType: 0 dashedName: step-13 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md index 7ac297b246e..21a8a220c03 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md @@ -1,6 +1,6 @@ --- id: 60f5d2776c854e069560fbe6 -title: Step 14 +title: Passo 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md index bd0f26bdd5d..49f784b5307 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md @@ -1,6 +1,6 @@ --- id: 60f5dc35c07ac1078f140916 -title: Step 15 +title: Passo 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md index 5223a993ada..70ab13ddc93 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md @@ -1,6 +1,6 @@ --- id: 60f803d5241e6a0433a523a1 -title: Step 16 +title: Passo 16 challengeType: 0 dashedName: step-16 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md index 983709cd614..d849343d690 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md @@ -1,6 +1,6 @@ --- id: 60f805f813eaf2049bc2ceea -title: Step 17 +title: Passo 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md index c598526b8d2..2f724a7346a 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md @@ -1,6 +1,6 @@ --- id: 60f80e0081e0f2052ae5b505 -title: Step 19 +title: Passo 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md index c5058172f64..8fb2fc1f611 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md @@ -1,6 +1,6 @@ --- id: 60f81167d0d4910809f88945 -title: Step 20 +title: Passo 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md index 0bb44952718..7441f00fe51 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md @@ -1,6 +1,6 @@ --- id: 60f81616cff80508badf9ad5 -title: Step 21 +title: Passo 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md index a6c2bec5a9b..11d049fa588 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md @@ -1,6 +1,6 @@ --- id: 60f83e7bfc09900959f41e20 -title: Step 22 +title: Passo 22 challengeType: 0 dashedName: step-22 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md index db10e155ef4..cad29b414e6 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md @@ -1,6 +1,6 @@ --- id: 60f84ec41116b209c280ba91 -title: Step 23 +title: Passo 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index fe6f4f8fb36..fc076dd45d4 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -1,28 +1,28 @@ --- id: 60f852f645b5310a8264f555 -title: Step 24 +title: Passo 24 challengeType: 0 dashedName: step-24 --- # --description-- -Vamos para a próxima parte do formulário de registo. Esta seção pedirá o tipo de conta que o usuário está abrindo e confirmará que o usuário leu os termos e condições. +Vamos para a próxima parte do formulário de registo. This section will ask for the type of account the user is opening. -Comece adicionando três elementos `label` ao segundo `fieldset`. +Start by adding two `label` elements to the second `fieldset`. # --hints-- -Você deve adicionar três elementos `label` ao segundo `fieldset`. +You should add two `label` elements to the second `fieldset`. ```js -assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3); +assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2); ``` Os elementos `label` devem ser irmãos. ```js -assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label')); +assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label')); ``` # --seed-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index 4dd8d7aa189..c6bc76b9efe 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -1,13 +1,13 @@ --- id: 60f85a62fb30c80bcea0cedb -title: Step 25 +title: Passo 25 challengeType: 0 dashedName: step-25 --- # --description-- -Os usuários poderão escolher uma conta pessoal `Personal Account` ou conta corporativa `Business Account`. +Users will be allowed to choose either a `Personal` or `Business`. Para fazer isso, dentro dos dois primeiros elementos `label`, adicione um elemento `input` com `type="radio"`. @@ -58,7 +58,6 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
-
--fcc-editable-region--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index d6066aeffb8..9c37779f87e 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -1,32 +1,43 @@ --- id: 60f8604682407e0d017bbf7f -title: Step 26 +title: Passo 26 challengeType: 0 dashedName: step-26 --- # --description-- -Para os termos e condições, adicione uma `input` com um `type` de `checkbox` para o terceiro elemento `label`. Torne este elemento `input` obrigatório (`required`), pois os usuários não devem se inscrever sem ler os termos e condições. +Within each corresponding `label` element, and immediately after the `input` element, add a space and add the following text: + +```md +Personal +Business +``` # --hints-- -Você deve adicionar um elemento `input` dentro do terceiro elemento `label`. +You should give the first `label` the text `Personal`. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')); +assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal'); ``` -Você deve adicionar um atributo `type` de valor `checkbox` ao elemento `input`. +You should give the second `label` the text `Business`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.type, 'checkbox'); +assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business'); ``` -Você deve adicionar um atributo `required` ao elemento `input`. +You should give the first `label` text one space at the front. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.required, true); +assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); +``` + +You should give the second `label` text one space at the front. + +```js +assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); ``` # --seed-- @@ -51,13 +62,12 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in ---fcc-editable-region--
- - - -
--fcc-editable-region-- + + +--fcc-editable-region-- +
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index 69320a3263d..e530ce30dba 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -1,56 +1,28 @@ --- id: 60f8618d191b940d62038513 -title: Step 27 +title: Passo 27 challengeType: 0 dashedName: step-27 --- # --description-- -Dentro de cada elemento `label` e imediatamente após o elemento `input`, adicione um espaço e adicione respectivamente o seguinte texto: +You only want one radio input to be selectable at a time. However, the form does not know the radio inputs are related. -```md -Personal Account -Business Account -I accept the terms and conditions -``` +To relate the radio inputs, give them the same `name` attribute with a value of `account-type`. Now, it is not possible to select both radio inputs at the same time. # --hints-- -Você deve dar ao primeiro elemento `label` o texto `Personal Account`. +You should give the first radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal Account'); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); ``` -Você deve dar ao segundo elemento `label` o texto `Business Account`. +You should give the second radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business Account'); -``` - -Você deve dar ao terceiro `label` o texto `I accept the terms and conditions`. - -```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText, 'I accept the terms and conditions'); -``` - -Você deve dar ao primeiro elemento `label` espaço no início. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); -``` - -Você deve dar ao segundo elemento `label` espaço no início. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); -``` - -Você deve dar ao terceiro elemento `label` espaço no início. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText?.[0], ' '); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); ``` # --seed-- @@ -77,9 +49,8 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)' --fcc-editable-region--
- - - + +
--fcc-editable-region--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index 062e8aaa011..f1c5fb18aa6 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -1,34 +1,40 @@ --- id: 60fab4a123ce4b04526b082b -title: Step 28 +title: Passo 28 challengeType: 0 dashedName: step-28 --- # --description-- -Apenas uma entrada com botão de opção deve ser selecionável por vez. No entanto, o formulário não sabe se as entradas de botão de opção estão relacionadas. +Currently when someone submit the form, they can submit it without checking the radio inputs. Although you had used `required` attribute to indicate the the input is required previously, this can't work in this case, because adding required to both inputs, will convey the wrong information to the form users. -Para relacionar as entradas com botão de opção, dê a elas o mesmo atributo `name` atributo com um valor de `account-type`. Agora, não é possível selecionar ambas as entradas de botão de opção ao mesmo tempo. +To solve this, you can provide context of what is needed by adding `legend` element below the second `fieldset` with text `Account type (required)`, then add `checked` attribute to the `Personal` input to make sure that the form is submitted with the required data in it. # --hints-- -Você deve dar à primeira entrada de botão de opção o atributo `name` com um valor de `account-type`. +Your `input` elements should remain `type` of `radio`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"]')?.length, 2); ``` -Você deve dar à segunda entrada de botão de opção o atributo `name` com um valor de `account-type`. +You should add a `legend` element within the second `fieldset` element. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-of-type(2) > legend')?.length, 1); ``` -O elemento `checkbox` não deve ter o atributo `name`. +You should add `Account type (required)` text to the `legend` element. ```js -assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input[type="checkbox"]')?.name); +assert.equal(document.querySelector('fieldset:nth-of-type(2) > legend')?.textContent, 'Account type (required)'); +``` + +You should give an attribute of `checked` to the `Personal` input. + +```js +assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]')?.hasAttribute('checked')); ``` # --seed-- @@ -55,9 +61,9 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) --fcc-editable-region--
- - - + + +
--fcc-editable-region--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index 1352992e0c0..1037e09359d 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Para terminar este `fieldset`, vincule o texto `terms and conditions` no terceiro `label` à seguinte localização: +Add `I accept the terms and conditions` text to the newly added label, then link the text `terms and conditions` to the following location: ```md https://www.freecodecamp.org/news/terms-of-service/ @@ -15,22 +15,28 @@ https://www.freecodecamp.org/news/terms-of-service/ # --hints-- -Você deve usar um elemento `a` para vincular aos termos e condições. +You should add `I accept the terms and conditions` text to the label following the third fieldset. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')); +assert.equal(document.querySelector('fieldset:nth-child(3) + label')?.innerText.trim(), 'I accept the terms and conditions'); ``` -Você deve dar ao elemento `a` o atributo `href` de `https://www.freecodecamp.org/news/terms-of-service/`. +You should use an `a` element to link to the terms and conditions. ```js -assert.match(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input + a')); ``` -Você deve encapsular o elemento `a` em torno apenas do texto `terms and conditions`. +You should give the `a` element an `href` of `https://www.freecodecamp.org/news/terms-of-service/`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.textContent, 'terms and conditions'); +assert.match(document.querySelector('fieldset:nth-child(3) + label > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +``` + +You should only wrap the `a` element around the text `terms and conditions`. + +```js +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input + a')?.textContent, 'terms and conditions'); ``` # --seed-- @@ -55,14 +61,15 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index 8e91b3271c9..0b43bc9f33c 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -54,17 +54,18 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
- - - + Account type (required) + +
--fcc-editable-region--
--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index e5feae9de98..42cd47de6e9 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -68,11 +68,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -80,6 +78,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index a87a4393e8b..9becca709f4 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
- - - + Account type (required) + +
--fcc-editable-region--
@@ -61,6 +59,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index f7dcdfebd1a..2d019afb985 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -58,11 +58,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
- - - + Account type (required) + +
--fcc-editable-region--
@@ -77,6 +75,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index 980d1d99d5c..2fc92a2400e 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -72,11 +72,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -93,6 +91,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index 401908f7b8f..6c535aaf82b 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -66,11 +66,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -87,6 +85,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index bb3a0cc2170..51a73288c6d 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -60,11 +60,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
- - - + Account type (required) + +
--fcc-editable-region--
@@ -82,6 +80,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index 126d9399bad..a8408a59ace 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index 469fc61b387..8eaf225c951 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -48,11 +48,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index 719f9e14d55..486ebe66169 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -109,11 +109,9 @@ Você deve não dar atributos `name` para nenhum elemento `fieldset`.
- - - + Account type (required) + +
@@ -131,7 +129,10 @@ Você deve não dar atributos `name` para nenhum elemento `fieldset`.
---fcc-editable-region-- + + --fcc-editable-region-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index dd146f2f13f..2de793c8b9b 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -54,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index f3be9c81344..432294cbb5d 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -52,11 +52,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
- - - + Account type (required) + +
@@ -74,6 +72,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index d3434bb7511..085f461614f 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -64,11 +64,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
- - - + Account type (required) + +
@@ -86,6 +84,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index 260f0753c40..7d9da96958c 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -58,11 +58,9 @@ assert.equal(fieldset?.paddingRight, '0px');
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(fieldset?.paddingRight, '0px');
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index 09b401cf9f7..c45f38a22fc 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -40,11 +40,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
- - - + Account type (required) + +
@@ -62,6 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index 0d912641946..099262e5a83 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -79,11 +79,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
- - - + Account type (required) + +
@@ -101,6 +99,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index a338c51d62f..ab9e267ec71 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -25,12 +25,6 @@ Você deve dar ao segundo elemento `input` uma classe de `inline`. assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.classList?.contains('inline')); ``` -Você deve dar ao terceiro elemento `input` uma classe de `inline`. - -```js -assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?.contains('inline')); -``` - # --seed-- ## --seed-contents-- @@ -55,11 +49,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList? --fcc-editable-region--
- - - + Account type (required) + +
--fcc-editable-region--
@@ -78,6 +70,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index 07842cc00f9..6225612e3cc 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index ee2ad0544ba..1ba37fe52a6 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -58,11 +58,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index f0e13161c15..df97bce5a66 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -42,11 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
- - - + Account type (required) + +
@@ -64,6 +62,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index dbf0192befd..e010907ad5f 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -57,11 +57,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
- - - + Account type (required) + +
@@ -79,6 +77,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index 6b6c11d7320..b915e21cffe 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -50,11 +50,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
- - - + Account type (required) + +
@@ -72,6 +70,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index b1aeb601e10..77bcfb25b7e 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -54,11 +54,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index 1a382b731a0..f98a81955c4 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -60,11 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
- - - + Account type (required) + +
@@ -82,6 +80,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index ec230570e3c..d7496387a99 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -49,11 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index 98403d52310..a16185333de 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index 242cd1be433..e6e687d2a97 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index 01eaeade21e..cae5ca3b927 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -49,11 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index 877bd2e3612..2198000ddbe 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -48,11 +48,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
- - - + Account type (required) + +
@@ -70,6 +68,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index cec91088565..583f956d872 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index 748bca02c2c..1bd4b34ce98 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -7,19 +7,25 @@ dashedName: step-64 # --description-- -Por último, mas não menos importante, altere a cor do texto do link `terms and conditions` para `#dfdfe2`. +Last, but not least, make the `input` for the terms and condition `inline`, then change the text color of the `terms and conditions` link element to `#dfdfe2`. Bom trabalho! Você completou a parte final do projeto prático de _Formulário de Registro_. # --hints-- -Você deve usar o seletor `a`. +You should give the `input` a class of `inline`. + +```js +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.classList?.contains('inline')); +``` + +You should use an `a` element selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('a')); ``` -Você deve dar ao elemento `a` uma `color` com o valor de `#dfdfe2`. +You should give the `a` element a `color` of `#dfdfe2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223, 226)'); @@ -48,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
- - - + Account type (required) + +
@@ -70,6 +74,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
+ --fcc-editable-region-- + + --fcc-editable-region-- @@ -177,11 +186,9 @@ input[type="file"] {
- - - + Account type (required) + +
@@ -199,6 +206,9 @@ input[type="file"] {
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index 765fab4f849..d142ef6923b 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -53,11 +53,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
- - - + Account type (required) + +
@@ -75,6 +73,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
+ diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md index f5539105401..9db94669bb4 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md @@ -1,6 +1,6 @@ --- id: 62cc5b1779e4d313466f73c5 -title: Step 5 +title: Passo 5 challengeType: 0 dashedName: step-5 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index 941999857dc..7021adebb4b 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -1,6 +1,6 @@ --- id: 62ff8b9dab5ac88e4d3d43a3 -title: Step 18 +title: Passo 18 challengeType: 0 dashedName: step-18 --- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index 4d966fed367..e347ba46d5e 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -7,46 +7,48 @@ dashedName: step-30 # --description-- -Siga as melhores práticas de acessibilidade vinculando os elementos `input` e `label` no segundo `fieldset`. +You need to confirm that the user has read the terms and conditions. -Use `personal-account`, `business-account` e `terms-and-conditions` como valores para os respectivos atributos `id`. +Add `label` element after the third `fieldset`, and a `input` element with `type` attribute of `checkbox` inside the newly added `label` element. Make this `input` element `required` because users should not sign up without reading the terms and conditions. + +Don't forget to add an `id` attribute of `terms-and-conditions` for accessibility. # --hints-- -O primeiro elemento `input` deve ter o `id` `personal-account`. +You should add an `label` after the third `fieldset` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label')); ``` -O segundo elemento `input` deve ter o `id` `business-account`. +You should add an `input` to the `label` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input')); ``` -O terceiro elemento `input` deve ter o `id` `terms-and-conditions`. +You should add a `type` attribute of value `checkbox` to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.type, 'checkbox'); ``` -O primeiro elemento `label` deve ter o atributo `for` com o valor `personal-account`. +You should add a `required` attribute to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.required, true); ``` -O segundo elemento `label` deve ter o atributo `for` com o valor `business-account`. +The `input` element should have an `id` of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.matches('#terms-and-conditions')) ``` -O terceiro elemento `label` deve ter o atributo `for` com o valor `terms-and-conditions`. +The `label` element should have a `for` attribute with a value of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) +assert(document.querySelector('fieldset:nth-child(3) + label')?.matches('label[for="terms-and-conditions"]')) ``` # --seed-- @@ -71,14 +73,16 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches( ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index f20a97fe33c..1d44a1cfebd 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -84,11 +84,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -108,6 +106,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
--fcc-editable-region-- + diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md index a637108fb26..fe2cf88270f 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md @@ -1,6 +1,6 @@ --- id: 63541ef4f96cd82e8e6c788a -title: Step 12 +title: Passo 12 challengeType: 0 dashedName: step-12 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md index 908b43c9db5..1d81f975de6 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md @@ -1,6 +1,6 @@ --- id: 60eebd07ea685b0e777b5583 -title: Step 1 +title: Hatua ya 1 challengeType: 0 dashedName: step-1 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md index bd3687ed238..e22d17f0808 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md @@ -1,6 +1,6 @@ --- id: 60f027099a15b00485563dd2 -title: Step 2 +title: Hatua ya 2 challengeType: 0 dashedName: step-2 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index fe3ab8327c6..0f23ead10fb 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -1,6 +1,6 @@ --- id: 60f027c87bc98f050395c139 -title: Step 3 +title: Hatua ya 3 challengeType: 0 dashedName: step-3 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md index afc9985156a..14cf2d95df4 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md @@ -1,6 +1,6 @@ --- id: 60f0286404aefb0562a4fdf9 -title: Step 4 +title: Hatua ya 4 challengeType: 0 dashedName: step-4 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md index a56785021dc..ad2153d3baf 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md @@ -1,6 +1,6 @@ --- id: 60f02e7361b68405e27b62a5 -title: Step 6 +title: Hatua ya 6 challengeType: 0 dashedName: step-6 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md index 385e216a641..5bf201aee11 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md @@ -1,6 +1,6 @@ --- id: 60f030d388cb74067cf291c3 -title: Step 7 +title: Hatua ya 7 challengeType: 0 dashedName: step-7 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md index b90befa7992..9151158b5a1 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md @@ -1,6 +1,6 @@ --- id: 60f1922fcbd2410527b3bd89 -title: Step 8 +title: Hatua ya 8 challengeType: 0 dashedName: step-8 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md index fa0c731519c..af9ebb83b52 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md @@ -1,6 +1,6 @@ --- id: 60f1a5e2d2c23707a4f9a660 -title: Step 9 +title: Hatua ya 9 challengeType: 0 dashedName: step-9 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md index 710ab84789b..842cb7e18b9 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md @@ -1,6 +1,6 @@ --- id: 60f1a9cbd23023082e149fee -title: Step 10 +title: Hatua ya 10 challengeType: 0 dashedName: step-10 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md index 6268314bc90..621da984985 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md @@ -1,6 +1,6 @@ --- id: 60f5c3e399ff1a05629964e4 -title: Step 11 +title: Hatua ya 11 challengeType: 0 dashedName: step-11 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md index 319893a2a40..4bb6e44728b 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md @@ -1,6 +1,6 @@ --- id: 60f5cb8875ab6a0610f05071 -title: Step 13 +title: Hatua ya 13 challengeType: 0 dashedName: step-13 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md index 015875aa55b..053e5b16b0b 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md @@ -1,6 +1,6 @@ --- id: 60f5d2776c854e069560fbe6 -title: Step 14 +title: Hatua ya 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md index 7812c1bdede..c44dfcd60e6 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md @@ -1,6 +1,6 @@ --- id: 60f5dc35c07ac1078f140916 -title: Step 15 +title: Hatua ya 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md index 7e8b52022b1..b48b82306d0 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md @@ -1,6 +1,6 @@ --- id: 60f803d5241e6a0433a523a1 -title: Step 16 +title: Hatua ya 16 challengeType: 0 dashedName: step-16 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md index 32e02061817..b99543a3daf 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md @@ -1,6 +1,6 @@ --- id: 60f805f813eaf2049bc2ceea -title: Step 17 +title: Hatua ya 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md index 83b0dab83ff..603dfc7492a 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md @@ -1,6 +1,6 @@ --- id: 60f80e0081e0f2052ae5b505 -title: Step 19 +title: Hatua ya 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md index 4fc6c70affe..0cc41d5c607 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md @@ -1,6 +1,6 @@ --- id: 60f81167d0d4910809f88945 -title: Step 20 +title: Hatua ya 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md index 78f7bccd4e4..69f13c1b355 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md @@ -1,6 +1,6 @@ --- id: 60f81616cff80508badf9ad5 -title: Step 21 +title: Hatua ya 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md index 6804b0e62ef..a6ea8e9cb86 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md @@ -1,6 +1,6 @@ --- id: 60f83e7bfc09900959f41e20 -title: Step 22 +title: Hatua ya 22 challengeType: 0 dashedName: step-22 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md index 3bcbb05ce32..f38dbcd4b94 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md @@ -1,6 +1,6 @@ --- id: 60f84ec41116b209c280ba91 -title: Step 23 +title: Hatua ya 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index 534ac10bd05..d95adce02b1 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -1,28 +1,28 @@ --- id: 60f852f645b5310a8264f555 -title: Step 24 +title: Hatua ya 24 challengeType: 0 dashedName: step-24 --- # --description-- -Wacha tuende kwenye sehemu inayofuata ya fomu ya usajili. Sehemu hii itauliza aina ya akaunti ambayo mtumiaji anafungua, na itathibitisha kuwa mtumiaji amesoma sheria na masharti. +Wacha tuende kwenye sehemu inayofuata ya fomu ya usajili. This section will ask for the type of account the user is opening. -Anza kwa kuongeza vipengele vitatu vya `label` kwenye `fieldset` ya pili. +Start by adding two `label` elements to the second `fieldset`. # --hints-- -Unapaswa kuongeza vipengele vitatu vya `label` kwenye `fieldset` ya pili. +You should add two `label` elements to the second `fieldset`. ```js -assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3); +assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2); ``` Vipengele vya `label` vinapaswa kuwa ndugu. ```js -assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label')); +assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label')); ``` # --seed-- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index f13fb362055..2d40de03164 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -1,13 +1,13 @@ --- id: 60f85a62fb30c80bcea0cedb -title: Step 25 +title: Hatua ya 25 challengeType: 0 dashedName: step-25 --- # --description-- -Watumiaji wataruhusiwa kuchagua kati ya `Personal Account` au `Business Account`. +Users will be allowed to choose either a `Personal` or `Business`. Ili kufanya hivyo, ndani ya kila moja ya vipengele viwili vya kwanza vya `label`, ongeza kipengele kimoja cha `input` chenye`type="radio"`. @@ -58,7 +58,6 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
-
--fcc-editable-region--
diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index fbb2f3aedf2..be32eb87f03 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -1,32 +1,43 @@ --- id: 60f8604682407e0d017bbf7f -title: Step 26 +title: Hatua ya 26 challengeType: 0 dashedName: step-26 --- # --description-- -Kwa sheria na masharti, ongeza `input` yenye `type` ya `checkbox` kwa kipengele cha `label` cha tatu. Fanya kipengele cha `input` kuwa `required` kwa sababu watumiaji hawapaswi kujisajili bila kusoma sheria na masharti. +Within each corresponding `label` element, and immediately after the `input` element, add a space and add the following text: + +```md +Personal +Business +``` # --hints-- -Unapaswa kuongeza `input` ndani ya kipengele cha tatu cha `label`. +You should give the first `label` the text `Personal`. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')); +assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal'); ``` -Unapaswa kuongeza sifa ya `type` ya thamani `checkbox` kwenye kipengele cha `input`. +You should give the second `label` the text `Business`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.type, 'checkbox'); +assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business'); ``` -Unapaswa kuongeza sifa `required` kwa kipengele cha `input`. +You should give the first `label` text one space at the front. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.required, true); +assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); +``` + +You should give the second `label` text one space at the front. + +```js +assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); ``` # --seed-- @@ -51,13 +62,12 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in ---fcc-editable-region--
- - - -
--fcc-editable-region-- + + +--fcc-editable-region-- +
diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index b7384244225..b421195970f 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -1,56 +1,28 @@ --- id: 60f8618d191b940d62038513 -title: Step 27 +title: Hatua ya 27 challengeType: 0 dashedName: step-27 --- # --description-- -Ndani ya kila kipengele sambamba cha `label`, na mara tu baada ya kipengele cha `input`, ongeza nafasi na uongeze maandishi yafuatayo: +You only want one radio input to be selectable at a time. However, the form does not know the radio inputs are related. -```md -Personal Account -Business Account -I accept the terms and conditions -``` +To relate the radio inputs, give them the same `name` attribute with a value of `account-type`. Now, it is not possible to select both radio inputs at the same time. # --hints-- -Unapaswa kuipa `label` ya kwanza maandishi ya `Personal Account`. +You should give the first radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal Account'); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); ``` -Unapaswa kuipa `label` ya pili maandishi ya `Business Account`. +You should give the second radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business Account'); -``` - -Unapaswa kuipa `label` ya tatu maandishi ya `I accept the terms and conditions`. - -```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText, 'I accept the terms and conditions'); -``` - -Unapaswa kuipa `label` ya kwanza nafasi moja mbele. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); -``` - -Unapaswa kuipa `label` ya pili nafasi moja mbele. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); -``` - -Unapaswa kuipa `label` ya tatu nafasi moja mbele. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText?.[0], ' '); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); ``` # --seed-- @@ -77,9 +49,8 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)' --fcc-editable-region--
- - - + +
--fcc-editable-region--
diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index 4b0f3f6d73e..87ec1d9dcc8 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -1,34 +1,40 @@ --- id: 60fab4a123ce4b04526b082b -title: Step 28 +title: Hatua ya 28 challengeType: 0 dashedName: step-28 --- # --description-- -Unataka tu ingizo moja la redio liweze kuchaguliwa kwa wakati mmoja. Hata hivyo, fomu haijui ingizio za redio zinahusiana. +Currently when someone submit the form, they can submit it without checking the radio inputs. Although you had used `required` attribute to indicate the the input is required previously, this can't work in this case, because adding required to both inputs, will convey the wrong information to the form users. -Ili kuhusisha ingizo za redio, zipe sifa za `name` sawa na thamani ya `account-type`. Sasa, haiwezekani kuchagua ingizio zote mbili za redio kwa wakati mmoja. +To solve this, you can provide context of what is needed by adding `legend` element below the second `fieldset` with text `Account type (required)`, then add `checked` attribute to the `Personal` input to make sure that the form is submitted with the required data in it. # --hints-- -Unapaswa kuipa ingizo la kwanza la redio sifa ya `name` yenye thamani ya `account-type`. +Your `input` elements should remain `type` of `radio`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"]')?.length, 2); ``` -Unapaswa kuipa ingizo la pili la redio sifa ya `name` yenye thamani ya `account-type`. +You should add a `legend` element within the second `fieldset` element. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-of-type(2) > legend')?.length, 1); ``` -Hupaswi kuipa `checkbox` sifa ya `name`. +You should add `Account type (required)` text to the `legend` element. ```js -assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input[type="checkbox"]')?.name); +assert.equal(document.querySelector('fieldset:nth-of-type(2) > legend')?.textContent, 'Account type (required)'); +``` + +You should give an attribute of `checked` to the `Personal` input. + +```js +assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]')?.hasAttribute('checked')); ``` # --seed-- @@ -55,9 +61,9 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) --fcc-editable-region--
- - - + + +
--fcc-editable-region--
diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index 8c80a783263..1037e09359d 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Ili kukamilisha `fieldset`, unganisha maandishi `terms and conditions` katika `label` ya tatu kwenye eneo lifuatalo: +Add `I accept the terms and conditions` text to the newly added label, then link the text `terms and conditions` to the following location: ```md https://www.freecodecamp.org/news/terms-of-service/ @@ -15,22 +15,28 @@ https://www.freecodecamp.org/news/terms-of-service/ # --hints-- -Unapaswa kutumia kipengele cha `a` kuunganisha kwa sheria na masharti. +You should add `I accept the terms and conditions` text to the label following the third fieldset. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')); +assert.equal(document.querySelector('fieldset:nth-child(3) + label')?.innerText.trim(), 'I accept the terms and conditions'); ``` -Unapaswa kukipa kipengele cha `a` `href` ya `https://www.freecodecamp.org/news/terms-of-service/`. +You should use an `a` element to link to the terms and conditions. ```js -assert.match(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input + a')); ``` -Unapaswa kuweka kipengele cha `a` kwenye maandishi `terms and conditions`. +You should give the `a` element an `href` of `https://www.freecodecamp.org/news/terms-of-service/`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.textContent, 'terms and conditions'); +assert.match(document.querySelector('fieldset:nth-child(3) + label > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +``` + +You should only wrap the `a` element around the text `terms and conditions`. + +```js +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input + a')?.textContent, 'terms and conditions'); ``` # --seed-- @@ -55,14 +61,15 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index 97b9eee0547..e90290682bc 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -54,17 +54,18 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
- - - + Account type (required) + +
--fcc-editable-region--
--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index 2d71c11d3df..ed5b065e77e 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -68,11 +68,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -80,6 +78,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index da598886e66..0118249616a 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
- - - + Account type (required) + +
--fcc-editable-region--
@@ -61,6 +59,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index 275f0c5ff8f..bf237c8fa9f 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -58,11 +58,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
- - - + Account type (required) + +
--fcc-editable-region--
@@ -77,6 +75,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index 873a5cd75ae..2348cf5ed36 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -72,11 +72,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -93,6 +91,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index 79ecc5504e4..84ce23aaf2f 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -66,11 +66,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -87,6 +85,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index faef8675c05..d6f20263e8c 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -60,11 +60,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
- - - + Account type (required) + +
--fcc-editable-region--
@@ -82,6 +80,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index 20917f584d7..8d3688111b0 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index fad7fa6aa72..08148de8ad7 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -48,11 +48,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index 94a190e13d9..d9f23fc3e50 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -109,11 +109,9 @@ Unapaswa kukipa kipengele cha `fieldset` sifa ya `name`.
- - - + Account type (required) + +
@@ -131,7 +129,10 @@ Unapaswa kukipa kipengele cha `fieldset` sifa ya `name`.
---fcc-editable-region-- + + --fcc-editable-region-- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index 80f3cf5810f..79905c72904 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -54,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index 56e0026147e..616a1fadb96 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -52,11 +52,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
- - - + Account type (required) + +
@@ -74,6 +72,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index 09f33417157..88a55299603 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -64,11 +64,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
- - - + Account type (required) + +
@@ -86,6 +84,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index cb3037089b0..fa9755fa00b 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -58,11 +58,9 @@ assert.equal(fieldset?.paddingRight, '0px');
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(fieldset?.paddingRight, '0px');
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index c68b9e01dfe..d2ed5e80f85 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -40,11 +40,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
- - - + Account type (required) + +
@@ -62,6 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index 61c35592455..b68de329d53 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -79,11 +79,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
- - - + Account type (required) + +
@@ -101,6 +99,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index 63b8828c1ac..c99e8b0de18 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -25,12 +25,6 @@ Unapaswa kuipa `input` ya pili class ya `inline`. assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.classList?.contains('inline')); ``` -Unapaswa kuipa `input` ya tatu class ya `inline`. - -```js -assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?.contains('inline')); -``` - # --seed-- ## --seed-contents-- @@ -55,11 +49,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList? --fcc-editable-region--
- - - + Account type (required) + +
--fcc-editable-region--
@@ -78,6 +70,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index e47876a44f5..7b9aaa49780 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index adea8b48f59..a52b0631f58 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -58,11 +58,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index c1c205a0262..525fe9e559f 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -42,11 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
- - - + Account type (required) + +
@@ -64,6 +62,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index 2686b79c501..53e86b51dc0 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -57,11 +57,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
- - - + Account type (required) + +
@@ -79,6 +77,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index 9e2cc979db6..fca1e1ed917 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -50,11 +50,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
- - - + Account type (required) + +
@@ -72,6 +70,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index 7968142b187..01c8505a7cc 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -54,11 +54,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index 1c726c0c3b6..042ae85b4f5 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -60,11 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
- - - + Account type (required) + +
@@ -82,6 +80,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index 263517e3da1..7fa2856e1f9 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -49,11 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index d97c9fb29ac..42bd8568ab7 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index c651426dc48..2c756d759f9 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index 9e5b6724e8e..44288b0afd6 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -49,11 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index a502bd58dc9..6b337720854 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -48,11 +48,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
- - - + Account type (required) + +
@@ -70,6 +68,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index b7eec6e8ab6..fe7218d3ca7 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index a5e5585ab3a..2f26794510b 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -7,19 +7,25 @@ dashedName: step-64 # --description-- -Mwisho, badilisha rangi ya maandishi ya kiungo cha `terms and conditions` hadi `#dfdfe2`. +Last, but not least, make the `input` for the terms and condition `inline`, then change the text color of the `terms and conditions` link element to `#dfdfe2`. Hongera! Umekamilisha sehemu ya mwisho ya mradi wa mazoezi ya _Registration Form_. # --hints-- -Unapaswa kutumia kipengele kichaguzi cha `a`. +You should give the `input` a class of `inline`. + +```js +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.classList?.contains('inline')); +``` + +You should use an `a` element selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('a')); ``` -Unapaswa kuvipa kipengele cha `a` `color` ya `#dfdfe2`. +You should give the `a` element a `color` of `#dfdfe2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223, 226)'); @@ -48,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
- - - + Account type (required) + +
@@ -70,6 +74,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
+ --fcc-editable-region-- + + --fcc-editable-region-- @@ -177,11 +186,9 @@ input[type="file"] {
- - - + Account type (required) + +
@@ -199,6 +206,9 @@ input[type="file"] {
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index 3b404e34f0c..e227ce3e69e 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -53,11 +53,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
- - - + Account type (required) + +
@@ -75,6 +73,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
+ diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md index 652b9cc9e51..64d6b21f4a8 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md @@ -1,6 +1,6 @@ --- id: 62cc5b1779e4d313466f73c5 -title: Step 5 +title: Hatua ya 5 challengeType: 0 dashedName: step-5 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index a1e22fd6223..b963260577b 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -1,6 +1,6 @@ --- id: 62ff8b9dab5ac88e4d3d43a3 -title: Step 18 +title: Hatua ya 18 challengeType: 0 dashedName: step-18 --- diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index f4a7d68e6d3..e347ba46d5e 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -7,46 +7,48 @@ dashedName: step-30 # --description-- -Fuata mbinu bora za ufikivu kwa kuunganisha vipengele vya `input` na vipengele vya `label` katika `fieldset` ya pili. +You need to confirm that the user has read the terms and conditions. -Tumia `personal-account`, `business-account` na `terms-and-conditions` kama thamani za sifa husika za `id`. +Add `label` element after the third `fieldset`, and a `input` element with `type` attribute of `checkbox` inside the newly added `label` element. Make this `input` element `required` because users should not sign up without reading the terms and conditions. + +Don't forget to add an `id` attribute of `terms-and-conditions` for accessibility. # --hints-- -Kipengee chako cha kwanza cha `input` kinapaswa kuwa na `id` ya `personal-account`. +You should add an `label` after the third `fieldset` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label')); ``` -Kipengee chako cha pili cha `input` kinapaswa kuwa na `id` ya `business-account`. +You should add an `input` to the `label` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input')); ``` -Kipengee cha tatu cha `input` kinapaswa kuwa na `id` ya `terms-and-conditions`. +You should add a `type` attribute of value `checkbox` to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.type, 'checkbox'); ``` -Kipengele cha kwanza cha `label` kinafaa kuwa na sifa `for` yenye thamani ya `personal-account`. +You should add a `required` attribute to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.required, true); ``` -Kipengele cha pili cha `label` kinafaa kuwa na sifa `for` yenye thamani ya `business-account`. +The `input` element should have an `id` of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.matches('#terms-and-conditions')) ``` -Kipengele cha tatu cha `label` kinafaa kuwa na sifa `for` yenye thamani ya `terms-and-conditions`. +The `label` element should have a `for` attribute with a value of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) +assert(document.querySelector('fieldset:nth-child(3) + label')?.matches('label[for="terms-and-conditions"]')) ``` # --seed-- @@ -71,14 +73,16 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches( ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index ccd6b93fec3..4d968acb53d 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -84,11 +84,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -108,6 +106,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
--fcc-editable-region-- + diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md index 2eb998c308a..7a86896d776 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md @@ -1,6 +1,6 @@ --- id: 63541ef4f96cd82e8e6c788a -title: Step 12 +title: Hatua ya 12 challengeType: 0 dashedName: step-12 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a04847abee57a3a406ac.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a04847abee57a3a406ac.md index bcabe431b07..91b33ff77a1 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a04847abee57a3a406ac.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-flexbox-by-building-a-photo-gallery/6153a04847abee57a3a406ac.md @@ -9,7 +9,7 @@ dashedName: step-21 Між вашими зображеннями потрібен простір. -The `gap` CSS shorthand property sets the gaps, also known as gutters, between rows and columns. Властивість `gap` та її підвластивості `row-gap` та `column-gap` забезпечують цю функціональність для гнучкого, сіткового та багатоколонкового макета. Ви застосовуєте властивість до елемента контейнера. +Скорочена CSS-властивість `gap` встановлює проміжки, також відомі як жолоби, між рядками та стовпцями. Властивість `gap` та її підвластивості `row-gap` та `column-gap` забезпечують цю функціональність для гнучкого, сіткового та багатоколонкового макета. Ви застосовуєте властивість до елемента контейнера. Надайте гнучкому контейнеру `.gallery` властивість `gap` зі значенням `16px`. diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md index a9f459c83a3..d2bfa99923d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60eebd07ea685b0e777b5583.md @@ -1,6 +1,6 @@ --- id: 60eebd07ea685b0e777b5583 -title: Step 1 +title: Крок 1 challengeType: 0 dashedName: step-1 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md index 756f348dd17..379b526e66d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027099a15b00485563dd2.md @@ -1,6 +1,6 @@ --- id: 60f027099a15b00485563dd2 -title: Step 2 +title: Крок 2 challengeType: 0 dashedName: step-2 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md index 9886ed198b1..6f468034ee3 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f027c87bc98f050395c139.md @@ -1,6 +1,6 @@ --- id: 60f027c87bc98f050395c139 -title: Step 3 +title: Крок 3 challengeType: 0 dashedName: step-3 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md index 59d21326aea..b0496dda979 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md @@ -1,6 +1,6 @@ --- id: 60f0286404aefb0562a4fdf9 -title: Step 4 +title: Крок 4 challengeType: 0 dashedName: step-4 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md index 99aa56c4c70..8f477764dc7 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f02e7361b68405e27b62a5.md @@ -1,6 +1,6 @@ --- id: 60f02e7361b68405e27b62a5 -title: Step 6 +title: Крок 6 challengeType: 0 dashedName: step-6 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md index 7a0b150230d..e26aa703403 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f030d388cb74067cf291c3.md @@ -1,6 +1,6 @@ --- id: 60f030d388cb74067cf291c3 -title: Step 7 +title: Крок 7 challengeType: 0 dashedName: step-7 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md index a52d522ea9d..9c1dd2f923d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1922fcbd2410527b3bd89.md @@ -1,6 +1,6 @@ --- id: 60f1922fcbd2410527b3bd89 -title: Step 8 +title: Крок 8 challengeType: 0 dashedName: step-8 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md index caaf08ece46..07ea5ab8855 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a5e2d2c23707a4f9a660.md @@ -1,6 +1,6 @@ --- id: 60f1a5e2d2c23707a4f9a660 -title: Step 9 +title: Крок 9 challengeType: 0 dashedName: step-9 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md index 40e2bc220dd..ca61cfd95ba 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f1a9cbd23023082e149fee.md @@ -1,6 +1,6 @@ --- id: 60f1a9cbd23023082e149fee -title: Step 10 +title: Крок 10 challengeType: 0 dashedName: step-10 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md index cad7604a853..a8380ea14b4 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5c3e399ff1a05629964e4.md @@ -1,6 +1,6 @@ --- id: 60f5c3e399ff1a05629964e4 -title: Step 11 +title: Крок 11 challengeType: 0 dashedName: step-11 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md index c12cf023290..a18baa5109d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5cb8875ab6a0610f05071.md @@ -1,6 +1,6 @@ --- id: 60f5cb8875ab6a0610f05071 -title: Step 13 +title: Крок 13 challengeType: 0 dashedName: step-13 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md index dce2402ba01..086b0abff7b 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5d2776c854e069560fbe6.md @@ -1,6 +1,6 @@ --- id: 60f5d2776c854e069560fbe6 -title: Step 14 +title: Крок 14 challengeType: 0 dashedName: step-14 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md index 8229ad0c739..2eaed8a2132 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f5dc35c07ac1078f140916.md @@ -1,6 +1,6 @@ --- id: 60f5dc35c07ac1078f140916 -title: Step 15 +title: Крок 15 challengeType: 0 dashedName: step-15 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md index 1bc5f4f08f4..f434e11bdcc 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f803d5241e6a0433a523a1.md @@ -1,6 +1,6 @@ --- id: 60f803d5241e6a0433a523a1 -title: Step 16 +title: Крок 16 challengeType: 0 dashedName: step-16 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md index 82ee90315d1..fa0d1399d05 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f805f813eaf2049bc2ceea.md @@ -1,6 +1,6 @@ --- id: 60f805f813eaf2049bc2ceea -title: Step 17 +title: Крок 17 challengeType: 0 dashedName: step-17 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md index d2ad8d5b760..fb9ce69a737 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f80e0081e0f2052ae5b505.md @@ -1,6 +1,6 @@ --- id: 60f80e0081e0f2052ae5b505 -title: Step 19 +title: Крок 19 challengeType: 0 dashedName: step-19 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md index 6c681c19ff9..5160c26470b 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81167d0d4910809f88945.md @@ -1,6 +1,6 @@ --- id: 60f81167d0d4910809f88945 -title: Step 20 +title: Крок 20 challengeType: 0 dashedName: step-20 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md index cd1ab7cebd4..369f113e625 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f81616cff80508badf9ad5.md @@ -1,6 +1,6 @@ --- id: 60f81616cff80508badf9ad5 -title: Step 21 +title: Крок 21 challengeType: 0 dashedName: step-21 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md index 2436f5730bc..11076638c38 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f83e7bfc09900959f41e20.md @@ -1,6 +1,6 @@ --- id: 60f83e7bfc09900959f41e20 -title: Step 22 +title: Крок 22 challengeType: 0 dashedName: step-22 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md index 503e2148917..e7ce2b7a9a7 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f84ec41116b209c280ba91.md @@ -1,6 +1,6 @@ --- id: 60f84ec41116b209c280ba91 -title: Step 23 +title: Крок 23 challengeType: 0 dashedName: step-23 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md index 7021f3a502e..9f1c99f8785 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f852f645b5310a8264f555.md @@ -1,28 +1,28 @@ --- id: 60f852f645b5310a8264f555 -title: Step 24 +title: Крок 24 challengeType: 0 dashedName: step-24 --- # --description-- -Перейдемо до наступної частини форми реєстрації. В цій секції запитується тип облікового запису, який відкриває користувач, та підтверджується, що користувач прочитав правила та умови. +Перейдемо до наступної частини форми реєстрації. This section will ask for the type of account the user is opening. -Почніть з додавання трьох елементів `label` до другого `fieldset`. +Start by adding two `label` elements to the second `fieldset`. # --hints-- -Ви повинні додати три елементи `label` до другого `fieldset`. +You should add two `label` elements to the second `fieldset`. ```js -assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 3); +assert.equal(document.querySelectorAll('fieldset')?.[1]?.querySelectorAll('label')?.length, 2); ``` Елементи `label` повинні бути братськими. ```js -assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label + label')); +assert.exists(document.querySelector('fieldset:nth-child(2)')?.querySelector('label + label')); ``` # --seed-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md index 805b06cc6f2..5f6be84e969 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f85a62fb30c80bcea0cedb.md @@ -1,13 +1,13 @@ --- id: 60f85a62fb30c80bcea0cedb -title: Step 25 +title: Крок 25 challengeType: 0 dashedName: step-25 --- # --description-- -Користувачам буде дозволено вибирати `Personal Account` або `Business Account`. +Users will be allowed to choose either a `Personal` or `Business`. Для цього потрібно до кожного з перших двох елементів `label` додати по одному елементу `input`, що мають `type="radio"`. @@ -58,7 +58,6 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"
-
--fcc-editable-region--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md index bc580085430..f999dd345b5 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8604682407e0d017bbf7f.md @@ -1,32 +1,43 @@ --- id: 60f8604682407e0d017bbf7f -title: Step 26 +title: Крок 26 challengeType: 0 dashedName: step-26 --- # --description-- -Для правил та умов додайте `input`, що має `type` зі значенням `checkbox`, до третього елемента `label`. Зробіть так, щоб елемент `input` був `required`, тому що користувачі не повинні реєструватися, не ознайомившись з умовами. +Within each corresponding `label` element, and immediately after the `input` element, add a space and add the following text: + +```md +Personal +Business +``` # --hints-- -Ви повинні додати `input` до третього елемента `label`. +You should give the first `label` the text `Personal`. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')); +assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal'); ``` -Ви повинні додати атрибут `type` зі значенням `checkbox` до елемента `input`. +You should give the second `label` the text `Business`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.type, 'checkbox'); +assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business'); ``` -Ви повинні додати атрибут `required` до елемента `input`. +You should give the first `label` text one space at the front. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input')?.required, true); +assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); +``` + +You should give the second `label` text one space at the front. + +```js +assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); ``` # --seed-- @@ -51,13 +62,12 @@ assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(3) in ---fcc-editable-region--
- - - -
--fcc-editable-region-- + + +--fcc-editable-region-- +
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md index b35d1506813..7212bde4402 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f8618d191b940d62038513.md @@ -1,56 +1,28 @@ --- id: 60f8618d191b940d62038513 -title: Step 27 +title: Крок 27 challengeType: 0 dashedName: step-27 --- # --description-- -В кожному відповідному елементі `label` та відразу після елемента `input` додайте пробіл та такий текст: +You only want one radio input to be selectable at a time. However, the form does not know the radio inputs are related. -```md -Personal Account -Business Account -I accept the terms and conditions -``` +To relate the radio inputs, give them the same `name` attribute with a value of `account-type`. Now, it is not possible to select both radio inputs at the same time. # --hints-- -Ви повинні надати першому `label` текст `Personal Account`. +You should give the first radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label')?.innerText, 'Personal Account'); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); ``` -Ви повинні надати другому `label` текст `Business Account`. +You should give the second radio input the `name` attribute with a value of `account-type`. ```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText, 'Business Account'); -``` - -Ви повинні надати третьому `label` текст `I accept the terms and conditions`. - -```js -assert.include(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText, 'I accept the terms and conditions'); -``` - -Ви повинні додати один пробіл перед текстом першого елемента `label`. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label')?.innerText?.[0], ' '); -``` - -Ви повинні додати один пробіл перед текстом другого елемента `label`. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(2)')?.innerText?.[0], ' '); -``` - -Ви повинні додати один пробіл перед текстом третього елемента `label`. - -```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)')?.innerText?.[0], ' '); +assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); ``` # --seed-- @@ -77,9 +49,8 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3)' --fcc-editable-region--
- - - + +
--fcc-editable-region--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md index 96ab9fe085d..b0c5a01a075 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab4a123ce4b04526b082b.md @@ -1,34 +1,40 @@ --- id: 60fab4a123ce4b04526b082b -title: Step 28 +title: Крок 28 challengeType: 0 dashedName: step-28 --- # --description-- -Потрібно, щоб одночасно можна було вибрати лише один перемикач. Однак форма не знає, що перемикачі пов’язані. +Currently when someone submit the form, they can submit it without checking the radio inputs. Although you had used `required` attribute to indicate the the input is required previously, this can't work in this case, because adding required to both inputs, will convey the wrong information to the form users. -Щоб пов’язати перемикачі, надайте їм такий самий атрибут `name` зі значенням `account-type`. Тепер неможливо вибрати обидва перемикачі одночасно. +To solve this, you can provide context of what is needed by adding `legend` element below the second `fieldset` with text `Account type (required)`, then add `checked` attribute to the `Personal` input to make sure that the form is submitted with the required data in it. # --hints-- -Ви повинні надати першому перемикачу атрибут `name` зі значенням `account-type`. +Your `input` elements should remain `type` of `radio`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(1) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-child(2) input[type="radio"]')?.length, 2); ``` -Ви повинні надати другому перемикачу атрибут `name` зі значенням `account-type`. +You should add a `legend` element within the second `fieldset` element. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) label:nth-child(2) input[type="radio"]')?.name, 'account-type'); +assert.equal(document.querySelectorAll('fieldset:nth-of-type(2) > legend')?.length, 1); ``` -Ви не повинні надавати `checkbox` атрибут `name`. +You should add `Account type (required)` text to the `legend` element. ```js -assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) input[type="checkbox"]')?.name); +assert.equal(document.querySelector('fieldset:nth-of-type(2) > legend')?.textContent, 'Account type (required)'); +``` + +You should give an attribute of `checked` to the `Personal` input. + +```js +assert.isTrue(document.querySelector('fieldset:nth-child(2) input[type="radio"]')?.hasAttribute('checked')); ``` # --seed-- @@ -55,9 +61,9 @@ assert.isEmpty(document.querySelector('fieldset:nth-child(2) label:nth-child(3) --fcc-editable-region--
- - - + + +
--fcc-editable-region--
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md index d13a887c495..1037e09359d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab8367d35de04e5cb7929.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Щоб завершити цей `fieldset`, прив’яжіть текст `terms and conditions` в третьому `label` до такого розташування: +Add `I accept the terms and conditions` text to the newly added label, then link the text `terms and conditions` to the following location: ```md https://www.freecodecamp.org/news/terms-of-service/ @@ -15,22 +15,28 @@ https://www.freecodecamp.org/news/terms-of-service/ # --hints-- -Ви повинні використати елемент `a`, щоб прив'язати правила та умови. +You should add `I accept the terms and conditions` text to the label following the third fieldset. ```js -assert.exists(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')); +assert.equal(document.querySelector('fieldset:nth-child(3) + label')?.innerText.trim(), 'I accept the terms and conditions'); ``` -Елементу `a` потрібно надати `href` зі значенням `https://www.freecodecamp.org/news/terms-of-service/`. +You should use an `a` element to link to the terms and conditions. ```js -assert.match(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input + a')); ``` -Ви повинні обгорнути елемент `a` лише навколо тексту `terms and conditions`. +You should give the `a` element an `href` of `https://www.freecodecamp.org/news/terms-of-service/`. ```js -assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) > input + a')?.textContent, 'terms and conditions'); +assert.match(document.querySelector('fieldset:nth-child(3) + label > input + a')?.href, /https:\/\/www\.freecodecamp\.org\/news\/terms-of-service\/?/); +``` + +You should only wrap the `a` element around the text `terms and conditions`. + +```js +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input + a')?.textContent, 'terms and conditions'); ``` # --seed-- @@ -55,14 +61,15 @@ assert.equal(document.querySelector('fieldset:nth-child(2) > label:nth-child(3) ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md index 07e796a38a2..8f7f4de471f 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fab9f17fa294054b74228c.md @@ -54,17 +54,18 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label > input')?.ty
- - - + Account type (required) + +
--fcc-editable-region--
--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md index 38daa22be3f..6df6c7a95d1 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fabf0dd4959805dbae09e6.md @@ -68,11 +68,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -80,6 +78,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(2)
--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md index 5bc85f85bc8..bfbd76a9bdf 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac4095512d3066053d73c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
- - - + Account type (required) + +
--fcc-editable-region--
@@ -61,6 +59,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > select > option'
--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md index 66dcc5d6cd5..1fa80a4e104 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac56271087806def55b33.md @@ -58,11 +58,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
- - - + Account type (required) + +
--fcc-editable-region--
@@ -77,6 +75,9 @@ assert.equal(document.querySelectorAll('fieldset > label > select > option')?.le
--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md index 80fab0a8faa..707cdb9a161 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fac8d7fdfaee0796934f20.md @@ -72,11 +72,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -93,6 +91,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md index ad648c3eed7..4a4155512e4 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60faca286cb48b07f6482970.md @@ -66,11 +66,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -87,6 +85,9 @@ assert.equal(document.querySelectorAll('fieldset:nth-child(3) > label:nth-child(
--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md index 576d6f19033..69fc93edf03 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facde2d0dc61085b41063f.md @@ -60,11 +60,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
- - - + Account type (required) + +
--fcc-editable-region--
@@ -82,6 +80,9 @@ assert.match(code, /[\s\S]*<\/textarea\s*>/);
--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md index 9f37586c7d9..f34d906e0fe 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60facf914c7b9b08d7510c2c.md @@ -48,11 +48,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.equal(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md index b62fae2069b..4042390873e 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad0a812d9890938524f50.md @@ -48,11 +48,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
- - - + Account type (required) + +
--fcc-editable-region--
@@ -72,6 +70,9 @@ assert.match(document.querySelector('fieldset:nth-child(3) > label:nth-child(4)
--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md index a9713bb29a6..3a3fabff3f1 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad1cafcde010995e15306.md @@ -109,11 +109,9 @@ assert.isNotEmpty(document.querySelector('textarea')?.name);
- - - + Account type (required) + +
@@ -131,7 +129,10 @@ assert.isNotEmpty(document.querySelector('textarea')?.name);
---fcc-editable-region-- + + --fcc-editable-region-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md index ab5a3a43ecc..6a8f1b28b53 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad6dfcc0d930a59becf12.md @@ -54,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.fontSize, '16px')
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md index bf87580690e..d15b4f428f4 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad8e6148f310bba7890b1.md @@ -52,11 +52,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
- - - + Account type (required) + +
@@ -74,6 +72,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('h1, p')?.textAlign, 'cent
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md index b877f61745b..8f4be1bfff3 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fad99e09f9d30c1657e790.md @@ -64,11 +64,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
- - - + Account type (required) + +
@@ -86,6 +84,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw');
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md index e7053105e13..d4107f682f1 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadb18058e950c73925279.md @@ -58,11 +58,9 @@ assert.equal(fieldset?.paddingRight, '0px');
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(fieldset?.paddingRight, '0px');
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md index 696f6c8f6dc..007b041128b 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadce90f85c50d0bb0dd4f.md @@ -40,11 +40,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
- - - + Account type (required) + +
@@ -62,6 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('fieldset')?.borderBottom,
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md index de6c4e44e1e..a5146bdb956 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadd972e6ffe0d6858fa2d.md @@ -79,11 +79,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
- - - + Account type (required) + +
@@ -101,6 +99,9 @@ assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'sel
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md index c738e4b9675..bf944c76ae8 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fadfa2b540b70dcfa8b771.md @@ -25,12 +25,6 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[0]?.classList? assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[1]?.classList?.contains('inline')); ``` -Надайте третьому `input` клас `inline`. - -```js -assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?.contains('inline')); -``` - # --seed-- ## --seed-contents-- @@ -55,11 +49,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList? --fcc-editable-region--
- - - + Account type (required) + +
--fcc-editable-region--
@@ -78,6 +70,9 @@ assert(document.querySelectorAll('fieldset:nth-child(2) input')?.[2]?.classList?
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md index 67e17c03b47..70c89a25c98 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc219d333e37046f474a6e.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.width, 'unset'
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md index e7aadcd199c..f4fbfae2977 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc22d1e64d1b04cdd4e602.md @@ -58,11 +58,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
- - - + Account type (required) + +
@@ -80,6 +78,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.marginLeft, '0
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md index 4e6b6b840c8..04e4de15f14 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60fc236dc04532052926fdac.md @@ -42,11 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
- - - + Account type (required) + +
@@ -64,6 +62,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.inline')?.verticalAlign,
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md index e7e5057edbc..b9db1ee389a 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe1bc30415f042faea936.md @@ -57,11 +57,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
- - - + Account type (required) + +
@@ -79,6 +77,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.bord
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index aa36d363a4e..2c2bf183fdb 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -50,11 +50,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
- - - + Account type (required) + +
@@ -72,6 +70,9 @@ assert.equal(selFunc(['input, textarea', 'textarea, input'].find(selFunc))?.minH
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index e82fb5cb8b7..3435acacaaf 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -54,11 +54,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
- - - + Account type (required) + +
@@ -76,6 +74,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea')?.minH
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md index 7b6ace987e7..8187693874c 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe69ee377c6055e192a46.md @@ -60,11 +60,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
- - - + Account type (required) + +
@@ -82,6 +80,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.w
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md index decd35c24d4..d56766fb23a 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe7d8aae62c05bcc9e7eb.md @@ -49,11 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md index a3d8b90ad1c..1a15a207aa3 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe8a5ceb0e90618db06d9.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.f
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md index 37aee3bdff6..be2e72b5095 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe947a868ec068f7850f6.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.b
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md index 09ace9586dd..d7f32768b94 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe9cb47809106eda2f2c9.md @@ -49,11 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
- - - + Account type (required) + +
@@ -71,6 +69,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="submit"]')?.m
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md index 042eb3ed621..037174e0c82 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffec2825da1007509ddd06.md @@ -48,11 +48,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
- - - + Account type (required) + +
@@ -70,6 +68,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('input[type="file"]')?.pad
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md index 12c8426e5b2..f12d572d511 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffecefac971607ae73c60f.md @@ -46,11 +46,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
- - - + Account type (required) + +
@@ -68,6 +66,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.paddingBottom, '2
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md index 2d6b0252878..7b9f5e25d09 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffefd6479a3d084fb77cbc.md @@ -7,19 +7,25 @@ dashedName: step-64 # --description-- -Останнє, але не менш важливе: змініть колір тексту посилання `terms and conditions` на `#dfdfe2`. +Last, but not least, make the `input` for the terms and condition `inline`, then change the text color of the `terms and conditions` link element to `#dfdfe2`. Хороша робота! Ви завершили останню частину практичного проєкту _«Реєстраційна форма»_. # --hints-- -Ви повинні використати селектор елемента `a`. +You should give the `input` a class of `inline`. + +```js +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.classList?.contains('inline')); +``` + +You should use an `a` element selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('a')); ``` -Елементу `a` потрібно надати `color` зі значенням `#dfdfe2`. +You should give the `a` element a `color` of `#dfdfe2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223, 226)'); @@ -48,11 +54,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
- - - + Account type (required) + +
@@ -70,6 +74,11 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('a')?.color, 'rgb(223, 223
+ --fcc-editable-region-- + + --fcc-editable-region-- @@ -177,11 +186,9 @@ input[type="file"] {
- - - + Account type (required) + +
@@ -199,6 +206,9 @@ input[type="file"] {
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index a3a6a9065c2..0e1c49e237b 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -53,11 +53,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
- - - + Account type (required) + +
@@ -75,6 +73,9 @@ assert(borderBottom === 'none' || borderBottom === 'medium none' || borderBottom
+ diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md index 6d721efd172..3dc734fccab 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62cc5b1779e4d313466f73c5.md @@ -1,6 +1,6 @@ --- id: 62cc5b1779e4d313466f73c5 -title: Step 5 +title: Крок 5 challengeType: 0 dashedName: step-5 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index 3c4b7ff2ecc..cc08ab06c3f 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -1,6 +1,6 @@ --- id: 62ff8b9dab5ac88e4d3d43a3 -title: Step 18 +title: Крок 18 challengeType: 0 dashedName: step-18 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index e7bd17009ef..e347ba46d5e 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -7,46 +7,48 @@ dashedName: step-30 # --description-- -Слідуючи за передовими практиками доступності, з'єднайте елементи `input` та `label` в другому `fieldset`. +You need to confirm that the user has read the terms and conditions. -Використайте `personal-account`, `business-account` та `terms-and-conditions` як значення відповідних атрибутів `id`. +Add `label` element after the third `fieldset`, and a `input` element with `type` attribute of `checkbox` inside the newly added `label` element. Make this `input` element `required` because users should not sign up without reading the terms and conditions. + +Don't forget to add an `id` attribute of `terms-and-conditions` for accessibility. # --hints-- -Перший елемент `input` повинен мати `id` зі значенням `personal-account`. +You should add an `label` after the third `fieldset` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label')); ``` -Другий елемент `input` повинен мати `id` зі значенням `business-account`. +You should add an `input` to the `label` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) +assert.exists(document.querySelector('fieldset:nth-child(3) + label > input')); ``` -Третій елемент `input` повинен мати `id` зі значенням `terms-and-conditions`. +You should add a `type` attribute of value `checkbox` to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.type, 'checkbox'); ``` -Перший елемент `label` повинен мати атрибут `for` зі значенням `personal-account`. +You should add a `required` attribute to the `input` element. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[0]?.matches('label[for="personal-account"]')) +assert.equal(document.querySelector('fieldset:nth-child(3) + label > input')?.required, true); ``` -Другий елемент `label` повинен мати атрибут `for` зі значенням `business-account`. +The `input` element should have an `id` of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[1]?.matches('label[for="business-account"]')) +assert(document.querySelector('fieldset:nth-child(3) + label > input')?.matches('#terms-and-conditions')) ``` -Третій елемент `label` повинен мати атрибут `for` зі значенням `terms-and-conditions`. +The `label` element should have a `for` attribute with a value of `terms-and-conditions`. ```js -assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches('label[for="terms-and-conditions"]')) +assert(document.querySelector('fieldset:nth-child(3) + label')?.matches('label[for="terms-and-conditions"]')) ``` # --seed-- @@ -71,14 +73,16 @@ assert(document.querySelectorAll('fieldset:nth-of-type(2) label')?.[2]?.matches( ---fcc-editable-region--
- - - + Account type (required) + +
---fcc-editable-region--
+--fcc-editable-region-- + +--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index fa90afaf3e4..2c655afda2f 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -84,11 +84,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
- - - + Account type (required) + +
--fcc-editable-region--
@@ -108,6 +106,9 @@ assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches(
--fcc-editable-region-- + diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md index f3f4efb6cf0..eef24f8fdc4 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/63541ef4f96cd82e8e6c788a.md @@ -1,6 +1,6 @@ --- id: 63541ef4f96cd82e8e6c788a -title: Step 12 +title: Крок 12 challengeType: 0 dashedName: step-12 --- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6996f.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6996f.md index 09cf33637aa..d3f057b4d4b 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6996f.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad6996f.md @@ -9,7 +9,7 @@ dashedName: step-6 Додайте елемент `div` в `body`. -Set the `class` attribute equal to `canvas`. +Встановіть значення атрибута `class` на `canvas`. Це буде полотном вашої картини. diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-426-box-ball-system.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-426-box-ball-system.md index 306661f7b6c..385a3e55def 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-426-box-ball-system.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-426-box-ball-system.md @@ -8,30 +8,30 @@ dashedName: problem-426-box-ball-system # --description-- -Розглянемо нескінченний ряд коробок. У деяких коробках є м’яч. For example, an initial configuration of 2 consecutive occupied boxes followed by 2 empty boxes, 2 occupied boxes, 1 empty box, and 2 occupied boxes can be denoted by the sequence (2, 2, 2, 1, 2), in which the number of consecutive occupied and empty boxes appear alternately. +Розглянемо нескінченний ряд коробок. У деяких коробках є м’яч. Наприклад, початкове розташування 2 послідовних заповнених коробок, після яких йдуть 2 порожні коробки, 2 заповнені коробки, 1 порожня коробка та 2 заповнені коробки, можна записати як послідовність (2, 2, 2, 1, 2), де кількість відповідних заповнених та порожніх коробок відображається послідовно. -A turn consists of moving each ball exactly once according to the following rule: Transfer the leftmost ball which has not been moved to the nearest empty box to its right. +Хід складається з переміщення кожного м’яча один раз за таким правилом: перенесіть найлівіший м’яч, який не переміщали, до найближчої порожньої коробки справа. -After one turn the sequence (2, 2, 2, 1, 2) becomes (2, 2, 1, 2, 3) as can be seen below; note that we begin the new sequence starting at the first occupied box. +Як можна побачити нижче, після одного ходу послідовність (2, 2, 2, 1, 2) стає послідовністю (2, 2, 1, 2, 3). Зверніть увагу, що нова послідовність починається з першої заповненої коробки. -animation showing one complete turn from (2, 2, 2, 1, 2) to (2, 2, 1, 2, 3) +анімація завершеного ходу з (2, 2, 2, 1, 2) до (2, 2, 1, 2, 3) -A system like this is called a Box-Ball System or BBS for short. +Така система називається системою коробок та м’ячів, або якщо коротко — СКМ. -It can be shown that after a sufficient number of turns, the system evolves to a state where the consecutive numbers of occupied boxes is invariant. In the example below, the consecutive numbers of occupied boxes evolves to [1, 2, 3]; we shall call this the final state. +Можна довести, що після значної кількості ходів система доходить до положення, де послідовні числа заповнених коробок не змінюються. У прикладі нижче послідовні числа заповнених коробок досягають [1, 2, 3], що назвемо кінцевим положенням. -four turns from occupied boxes [2, 2, 2] to final state [1, 2, 3] +чотири ходи з заповнених коробок [2, 2, 2] до кінцевого положення [1, 2, 3] -We define the sequence $\\{t_i\\}$: +Визначимо послідовність $\\{t_i\\}$: $$\begin{align} & s_0 = 290\\,797 \\\\ & s_{k + 1} = {s_k}^2\bmod 50\\,515\\,093 \\\\ & t_k = (s_k\bmod 64) + 1 \end{align}$$ -Starting from the initial configuration $(t_0, t_1, \ldots, t_{10})$, the final state becomes [1, 3, 10, 24, 51, 75]. +Починаючи з початкового розташування $(t_0, t_1, \ldots, t_{10})$, кінцевим положенням буде [1, 3, 10, 24, 51, 75]. -Starting from the initial configuration $(t_0, t_1, \ldots, t_{10\\,000\\,000})$, find the final state. +Знайдіть кінцеве положення, починаючи з початкового розташування $(t_0, t_1, \ldots, t_{10\\,000\\,000})$. -Give as your answer the sum of the squares of the elements of the final state. For example, if the final state is [1, 2, 3] then $14 (= 1^2 + 2^2 + 3^2)$ is your answer. +Надайте відповідь у вигляді суми квадратів елементів кінцевого положення. Наприклад, якщо кінцевим положенням є [1, 2, 3], то відповіддю буде $14 (= 1^2 + 2^2 + 3^2)$. # --hints-- diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-433-steps-in-euclids-algorithm.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-433-steps-in-euclids-algorithm.md index 31115cd925d..a3158c7d976 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-433-steps-in-euclids-algorithm.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-433-steps-in-euclids-algorithm.md @@ -1,6 +1,6 @@ --- id: 5900f51d1000cf542c51002f -title: 'Problem 433: Steps in Euclid''s algorithm' +title: 'Завдання 433: кроки в алгоритмі Евкліда' challengeType: 1 forumTopicId: 302104 dashedName: problem-433-steps-in-euclids-algorithm @@ -8,18 +8,18 @@ dashedName: problem-433-steps-in-euclids-algorithm # --description-- -Let $E(x_0, y_0)$ be the number of steps it takes to determine the greatest common divisor of $x_0$ and $y_0$ with Euclid's algorithm. More formally: +Нехай $E(x_0, y_0)$ буде кількістю кроків, необхідних для визначення найбільшого спільного дільника $x_0$ та $y_0$, використовуючи алгоритм Евкліда. Формальніше: $$\begin{align} & x_1 = y_0, y_1 = x_0\bmod y_0 \\\\ & x_n = y_{n - 1}, y_n = x_{n - 1}\bmod y_{n - 1} \end{align}$$ -$E(x_0, y_0)$ is the smallest $n$ such that $y_n = 0$. +$E(x_0, y_0)$ є найменшим $n$, за якого $y_n = 0$. -We have $E(1, 1) = 1$, $E(10, 6) = 3$ and $E(6, 10) = 4$. +Ми маємо $E(1, 1) = 1$, $E(10, 6) = 3$ та $E(6, 10) = 4$. -Define $S(N)$ as the sum of $E(x, y)$ for $1 ≤ x$, $y ≤ N$. +Визначимо $S(N)$ як суму $E(x, y)$ за умови $1 ≤ x$, $y ≤ N$. -We have $S(1) = 1$, $S(10) = 221$ and $S(100) = 39\\,826$. +Ми маємо $S(1) = 1$, $S(10) = 221$ та $S(100) = 39\\,826$. Знайдіть $S(5 \times {10}^6)$. diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-434-rigid-graphs.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-434-rigid-graphs.md index 4309f4eac68..2295928e6e3 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-434-rigid-graphs.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-434-rigid-graphs.md @@ -1,6 +1,6 @@ --- id: 5900f51f1000cf542c510031 -title: 'Problem 434: Rigid graphs' +title: 'Завдання 434: жорсткі графи' challengeType: 1 forumTopicId: 302105 dashedName: problem-434-rigid-graphs @@ -8,7 +8,7 @@ dashedName: problem-434-rigid-graphs # --description-- -Recall that a graph is a collection of vertices and edges connecting the vertices, and that two vertices connected by an edge are called adjacent. +Пригадайте, що граф — це набір вершин та ребер, які з’єднують ці вершини. Дві вершини, з’єднані ребром, називаються прилеглими. Graphs can be embedded in Euclidean space by associating each vertex with a point in the Euclidean space. @@ -30,13 +30,13 @@ Note that for the purposes of this problem, we do not consider changing the orie Let $R(m, n)$ be the number of ways to make the $m × n$ grid graph rigid. -E.g. $R(2, 3) = 19$ and $R(5, 5) = 23\\,679\\,901$. +Наприклад, $R(2, 3) = 19$ та $R(5, 5) = 23\\,679\\,901$. -Define $S(N)$ as $\sum R(i, j)$ for $1 ≤ i$, $j ≤ N$. +Визначимо $S(N)$ як $\sum R(i, j)$ за умови $1 ≤ i$, $j ≤ N$. -E.g. $S(5) = 25\\,021\\,721$. +Наприклад, $S(5) = 25\\,021\\,721$. -Find $S(100)$, give your answer modulo $1\\,000\\,000\\,033$. +Знайдіть $S(100)$. Надайте відповідь за модулем $1\\,000\\,000\\,033$. # --hints-- diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-439-sum-of-sum-of-divisors.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-439-sum-of-sum-of-divisors.md index 2ac0d878d54..0eb97f183e4 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-439-sum-of-sum-of-divisors.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-439-sum-of-sum-of-divisors.md @@ -1,6 +1,6 @@ --- id: 5900f5231000cf542c510035 -title: 'Problem 439: Sum of sum of divisors' +title: 'Завдання 439: сума сум дільників' challengeType: 1 forumTopicId: 302110 dashedName: problem-439-sum-of-sum-of-divisors @@ -8,9 +8,9 @@ dashedName: problem-439-sum-of-sum-of-divisors # --description-- -Let $d(k)$ be the sum of all divisors of $k$. +Нехай $d(k)$ буде сумою всіх дільників числа $k$. -We define the function $S(N) = \sum_{i = 1}^N \sum_{j = 1}^N d(i \times j)$. +Визначимо функцію $S(N) = \sum_{i = 1}^N \sum_{j = 1}^N d(i \times j)$. Наприклад, $S(3) = d(1) + d(2) + d(3) + d(2) + d(4) + d(6) + d(3) + d(6) + d(9) = 59$. diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-443-gcd-sequence.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-443-gcd-sequence.md index 707ce83220b..da32d3bb0d6 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-443-gcd-sequence.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-443-gcd-sequence.md @@ -1,6 +1,6 @@ --- id: 5900f5271000cf542c51003a -title: 'Problem 443: GCD sequence' +title: 'Завдання 443: послідовність НСД' challengeType: 1 forumTopicId: 302115 dashedName: problem-443-gcd-sequence @@ -8,12 +8,12 @@ dashedName: problem-443-gcd-sequence # --description-- -Let $g(n)$ be a sequence defined as follows: +Нехай $g(n)$ буде послідовністю, яка визначена так: $$\begin{align} & g(4) = 13, \\\\ - & g(n) = g(n-1) + gcd(n, g(n - 1)) \text{ for } n > 4. \end{align}$$ + & g(n) = g(n-1) + нсд(n, g(n - 1)) \text{ за умови } n > 4. \end{align}$$ -The first few values are: +Ось декілька перших значень: $$\begin{array}{l} n & 4 & 5 & 6 & 7 & 8 & 9 & 10 & 11 & 12 & 13 & 14 & 15 & 16 & 17 & 18 & 19 & 20 & \ldots \\\\ g(n) & 13 & 14 & 16 & 17 & 18 & 27 & 28 & 29 & 30 & 31 & 32 & 33 & 34 & 51 & 54 & 55 & 60 & \ldots \end{array}$$ diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-448-average-least-common-multiple.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-448-average-least-common-multiple.md index 3584617c6c2..49cfdad6799 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-448-average-least-common-multiple.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-448-average-least-common-multiple.md @@ -1,6 +1,6 @@ --- id: 5900f52c1000cf542c51003f -title: 'Problem 448: Average least common multiple' +title: 'Завдання 448: середнє найменше спільне кратне' challengeType: 1 forumTopicId: 302120 dashedName: problem-448-average-least-common-multiple @@ -8,13 +8,13 @@ dashedName: problem-448-average-least-common-multiple # --description-- -The function $lcm(a, b)$ denotes the least common multiple of $a$ and $b$. +Функція $нск(a, b)$ позначає найменше спільне кратне чисел $a$ та $b$. -Let $A(n)$ be the average of the values of $lcm(n, i)$ for $1 ≤ i ≤ n$. +Нехай $A(n)$ буде середнім числом значень $lcm(n, i)$ за умови $1 ≤ i ≤ n$. Наприклад: $A(2) = \frac{2 + 2}{2} = 2$ та $A(10) = \frac{10 + 10 + 30 + 20 + 10 + 30 + 70 + 40 + 90 + 10}{10} = 32$. -Let $S(n) = \sum A(k)$ for $1 ≤ k ≤ n$. +Нехай $S(n) = \sum A(k)$ за умови $1 ≤ k ≤ n$. $S(100) = 122\\,726$. diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-449-chocolate-covered-candy.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-449-chocolate-covered-candy.md index 6f86bdcf9b5..14379c6a7af 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-449-chocolate-covered-candy.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-449-chocolate-covered-candy.md @@ -1,6 +1,6 @@ --- id: 5900f52d1000cf542c510040 -title: 'Problem 449: Chocolate covered candy' +title: 'Завдання 449: цукерки, покриті шоколадом' challengeType: 1 forumTopicId: 302121 dashedName: problem-449-chocolate-covered-candy @@ -8,15 +8,15 @@ dashedName: problem-449-chocolate-covered-candy # --description-- -Phil the confectioner is making a new batch of chocolate covered candy. Each candy centre is shaped like an ellipsoid of revolution defined by the equation: $b^2x^2 + b^2y^2 + a^2z^2 = a^2b^2$. +Кондитер Філ створює нову партію цукерок, покритих шоколадом. Середина кожної цукерки має форму еліпсоїда обертання, визначеного рівнянням $b^2x^2 + b^2y^2 + a^2z^2 = a^2b^2$. -Phil wants to know how much chocolate is needed to cover one candy centre with a uniform coat of chocolate one millimeter thick. +Філ хоче знати, скільки шоколаду потрібно, щоб покрити один центр цукерки однорідним шаром шоколаду, товщиною в один міліметр. -If $a = 1$ mm and $b = 1$ mm, the amount of chocolate required is $\frac{28}{3} \pi$ mm3 +Якщо $a = 1$ мм та $b = 1$ мм, потрібно $\frac{28}{3} \pi$ мм3 шоколаду. -If $a = 2$ mm and $b = 1$ mm, the amount of chocolate required is approximately 60.35475635 mm3. +Якщо $a = 2$ мм та $b = 1$ мм, потрібно приблизно 60.35475635 мм3 шоколаду. -Find the amount of chocolate in mm3 required if $a = 3$ mm and $b = 1$ mm. Дайте відповідь у вигляді числа, заокругленого до восьми знаків після коми. +Знайдіть необхідну кількість шоколаду в мм3, якщо $a = 3$ мм та $b = 1$ мм. Дайте відповідь у вигляді числа, заокругленого до восьми знаків після коми. # --hints-- diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-452-long-products.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-452-long-products.md index b05985d5ea0..c210057a394 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-452-long-products.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-452-long-products.md @@ -1,6 +1,6 @@ --- id: 5900f5311000cf542c510043 -title: 'Problem 452: Long Products' +title: 'Завдання 452: довгі добутки' challengeType: 1 forumTopicId: 302125 dashedName: problem-452-long-products @@ -8,7 +8,7 @@ dashedName: problem-452-long-products # --description-- -Define $F(m, n)$ as the number of $n$-tuples of positive integers for which the product of the elements doesn't exceed $m$. +Визначте $F(m, n)$ як кількість кортежів натуральних чисел довжиною $n$, добуток всіх елементів яких не перевищує $m$. $F(10, 10) = 571$. diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-453-lattice-quadrilaterals.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-453-lattice-quadrilaterals.md index 5f6095e3a35..5d78718ca93 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-453-lattice-quadrilaterals.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-453-lattice-quadrilaterals.md @@ -1,6 +1,6 @@ --- id: 5900f5311000cf542c510044 -title: 'Problem 453: Lattice Quadrilaterals' +title: 'Завдання 453: чотирикутники на сітці' challengeType: 1 forumTopicId: 302126 dashedName: problem-453-lattice-quadrilaterals @@ -8,13 +8,13 @@ dashedName: problem-453-lattice-quadrilaterals # --description-- -A simple quadrilateral is a polygon that has four distinct vertices, has no straight angles and does not self-intersect. +Простий чотирикутник — це багатокутник, що має чотири окремих вершини, не має прямих кутів і не перетинається сам з собою. -Let $Q(m, n)$ be the number of simple quadrilaterals whose vertices are lattice points with coordinates ($x$, $y$) satisfying $0 ≤ x ≤ m$ and $0 ≤ y ≤ n$. +Нехай $Q(m, n)$ буде кількістю простих чотирикутників, чиї вершини є точками сітки з координатами ($x$, $y$), задовільняючи умову $0 ≤ x ≤ m$ та $0 ≤ y ≤ n$. -For example, $Q(2, 2) = 94$ as can be seen below: +Наприклад, $Q(2, 2) = 94$, як можна побачити нижче: -94 quadrilaterals whose vertices are lattice points with coordinates (x, y) satiffying 0 ≤ x ≤ m and 0 ≤ y ≤ n +94 чотирикутники, вершинами яких є точки сітки з координатами (x, y), задовільняючи умову 0 ≤ x ≤ m та 0 ≤ y ≤ n Можна довести, що $Q(3, 7) = 39\\,590$, $Q(12, 3) = 309\\,000$ та $Q(123, 45) = 70\\,542\\,215\\,894\\,646$. diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-454-diophantine-reciprocals-iii.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-454-diophantine-reciprocals-iii.md index f3dbf05e83b..3228b073c46 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-454-diophantine-reciprocals-iii.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-454-diophantine-reciprocals-iii.md @@ -1,6 +1,6 @@ --- id: 5900f5331000cf542c510045 -title: 'Problem 454: Diophantine reciprocals III' +title: 'Завдання 454: обернені числа Діофанта ІІІ' challengeType: 1 forumTopicId: 302127 dashedName: problem-454-diophantine-reciprocals-iii @@ -8,13 +8,13 @@ dashedName: problem-454-diophantine-reciprocals-iii # --description-- -In the following equation $x$, $y$, and $n$ are positive integers. +У наданому рівнянні $x$, $y$ та $n$ є натуральними числами. $$\frac{1}{x} + \frac{1}{y} = \frac{1}{n}$$ -For a limit $L$ we define $F(L)$ as the number of solutions which satisfy $x < y ≤ L$. +Для обмеження $L$ визначимо $F(L)$ як кількість розв’язків, що задовільняють умову $x < y ≤ L$. -We can verify that $F(15) = 4$ and $F(1000) = 1069$. +Можна довести, що $F(15) = 4$ та $F(1000) = 1069$. Знайдіть $F({10}^{12})$. diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-455-powers-with-trailing-digits.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-455-powers-with-trailing-digits.md index 757f0710166..acc0ad4f12e 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-455-powers-with-trailing-digits.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-455-powers-with-trailing-digits.md @@ -1,6 +1,6 @@ --- id: 5900f5331000cf542c510046 -title: 'Problem 455: Powers With Trailing Digits' +title: 'Завдання 455: кінцеві цифри степеня' challengeType: 1 forumTopicId: 302129 dashedName: problem-455-powers-with-trailing-digits @@ -8,7 +8,7 @@ dashedName: problem-455-powers-with-trailing-digits # --description-- -Let $f(n)$ be the largest positive integer $x$ less than ${10}^9$ such that the last 9 digits of $n^x$ form the number $x$ (including leading zeros), or zero if no such integer exists. +Нехай $f(n)$ буде найбільшим натуральним числом $x$, меншим за ${10}^9$, за якого останні дев’ять цифр $n^x$ утворюють число $x$ (включно з провідними нулями), або нуль, якщо такого числа не існує. Наприклад: diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-456-triangles-containing-the-origin-ii.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-456-triangles-containing-the-origin-ii.md index 7ceb811a592..3d310028a1c 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-456-triangles-containing-the-origin-ii.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-456-triangles-containing-the-origin-ii.md @@ -1,6 +1,6 @@ --- id: 5900f5351000cf542c510047 -title: 'Problem 456: Triangles containing the origin II' +title: 'Завдання 456: трикутники, що містять початок координат II' challengeType: 1 forumTopicId: 302130 dashedName: problem-456-triangles-containing-the-origin-ii @@ -8,14 +8,14 @@ dashedName: problem-456-triangles-containing-the-origin-ii # --description-- -Define: +Визначимо: $$\begin{align} & x_n = ({1248}^n\bmod 32323) - 16161 \\\\ & y_n = ({8421}^n\bmod 30103) - 15051 \\\\ & P_n = \\{(x_1, y_1), (x_2, y_2), \ldots, (x_n, y_n)\\} \end{align}$$ Наприклад, $$P_8 = \\{(-14913, -6630), (-10161, 5625), (5226, 11896), (8340, -10778), (15852, -5203), (-15165, 11295), (-1427, -14495), (12407, 1060)\\}$$ -Let $C(n)$ be the number of triangles whose vertices are in $P_n$ which contain the origin in the interior. +Нехай $C(n)$ буде кількістю трикутників, вершини яких знаходяться в $P_n$, що містять початкові координати. Приклади: diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-457-a-polynomial-modulo-the-square-of-a-prime.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-457-a-polynomial-modulo-the-square-of-a-prime.md index a8ee2396851..090d91d1d98 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-457-a-polynomial-modulo-the-square-of-a-prime.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-457-a-polynomial-modulo-the-square-of-a-prime.md @@ -1,6 +1,6 @@ --- id: 5900f5361000cf542c510048 -title: 'Problem 457: A polynomial modulo the square of a prime' +title: 'Завдання 457: многочлен за модулем квадрата простого числа' challengeType: 1 forumTopicId: 302131 dashedName: problem-457-a-polynomial-modulo-the-square-of-a-prime @@ -8,13 +8,13 @@ dashedName: problem-457-a-polynomial-modulo-the-square-of-a-prime # --description-- -Let $f(n) = n^2 - 3n - 1$. +Нехай $f(n) = n^2 - 3n - 1$. -Let $p$ be a prime. +Нехай $p$ буде простим числом. -Let $R(p)$ be the smallest positive integer $n$ such that $f(n)\bmod p^2 = 0$ if such an integer $n$ exists, otherwise $R(p) = 0$. +Нехай $R(p)$ буде найменшим додатним числом $n$, за якого $f(n)\bmod p^2 = 0$, якщо таке число $n$ існує; в іншому випадку $R(p) = 0$. -Let $SR(L)$ be $\sum R(p)$ for all primes not exceeding $L$. +Нехай $SR(L)$ буде $\sum R(p)$ для всіх простих чисел, що не перевищують $L$. Знайдіть $SR({10}^7)$. diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-458-permutations-of-project.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-458-permutations-of-project.md index 0b4d86415d1..587c9aaa7d3 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-458-permutations-of-project.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-458-permutations-of-project.md @@ -1,6 +1,6 @@ --- id: 5900f5361000cf542c510049 -title: 'Problem 458: Permutations of Project' +title: 'Завдання 458: перестановка проєкту' challengeType: 1 forumTopicId: 302132 dashedName: problem-458-permutations-of-project @@ -8,9 +8,9 @@ dashedName: problem-458-permutations-of-project # --description-- -Consider the alphabet $A$ made out of the letters of the word `project`: $A = \\{c, e, j, o, p, r, t\\}$. +Розглянемо алфавіт $A$, утворений із літер слова `project`: $A = \\{c, e, j, o, p, r, t\\}$. -Let $T(n)$ be the number of strings of length $n$ consisting of letters from $A$ that do not have a substring that is one of the 5040 permutations of `project`. +Нехай $T(n)$ буде кількістю рядків довжиною $n$, які складаються з літер алфавіту $A$, які не мають вкладеного рядка, що є однією з 5040 перестановок слова `project`. $T(7) = 7^7 - 7! = 818\\,503$. diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-474-last-digits-of-divisors.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-474-last-digits-of-divisors.md index 57072bd9843..b1f7becd15b 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-474-last-digits-of-divisors.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-474-last-digits-of-divisors.md @@ -1,6 +1,6 @@ --- id: 5900f5471000cf542c510059 -title: 'Problem 474: Last digits of divisors' +title: 'Завдання 474: останні цифри дільників' challengeType: 1 forumTopicId: 302151 dashedName: problem-474-last-digits-of-divisors @@ -8,13 +8,13 @@ dashedName: problem-474-last-digits-of-divisors # --description-- -For a positive integer $n$ and digits $d$, we define $F(n, d)$ as the number of the divisors of $n$ whose last digits equal $d$. +Визначимо $F(n, d)$ для натурального числа $n$ та цифр $d$ як кількість дільників числа $n$, останні цифри якого дорівнюють $d$. -Наприклад, $F(84, 4) = 3$. Among the divisors of 84 (1, 2, 3, 4, 6, 7, 12, 14, 21, 28, 42, 84), three of them (4, 14, 84) have the last digit 4. +Наприклад, $F(84, 4) = 3$. Серед дільників числа 84 (1, 2, 3, 4, 6, 7, 12, 14, 21, 28, 42, 84), три з них (4, 14, 84) закінчуються на 4. -We can also verify that $F(12!, 12) = 11$ and $F(50!, 123) = 17\\,888$. +Також можна довести, що $F(12!, 12) = 11$ та $F(50!, 123) = 17\\,888$. -Find $F({10}^6!, 65\\,432) \text{ modulo } ({10}^{16} + 61)$. +Знайдіть $F({10}^6!, 65\\,432) \text{ mod } ({10}^{16} + 61)$. # --hints-- diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-475-music-festival.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-475-music-festival.md index 9d8781fd959..997537b8cc6 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-475-music-festival.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-475-music-festival.md @@ -1,6 +1,6 @@ --- id: 5900f5481000cf542c51005a -title: 'Problem 475: Music festival' +title: 'Завдання 475: музичний фестиваль' challengeType: 1 forumTopicId: 302152 dashedName: problem-475-music-festival @@ -8,15 +8,15 @@ dashedName: problem-475-music-festival # --description-- -$12n$ musicians participate at a music festival. On the first day, they form $3n$ quartets and practice all day. +$12n$ музикантів беруть участь у музичному фестивалі. Першого дня вони створюють $3n$ квартетів і весь день практикуються. -It is a disaster. At the end of the day, all musicians decide they will never again agree to play with any member of their quartet. +Це катастрофа. Наприкінці дня всі музиканти вирішують, що більше ніколи не гратимуть з будь-яким учасником свого квартету. -On the second day, they form $4n$ trios, each musician avoiding his previous quartet partners. +Наступного дня вони створюють $4n$ тріо та кожен музикант уникає учасників свого квартету. -Let $f(12n)$ be the number of ways to organize the trios amongst the $12n$ musicians. +Нехай $f(12n)$ буде кількістю способів організувати тріо серед $12n$ музикантів. -You are given $f(12) = 576$ and $f(24)\bmod 1\\,000\\,000\\,007 = 509\\,089\\,824$. +Дано, що $f(12) = 576$ та $f(24)\bmod 1\\,000\\,000\\,007 = 509\\,089\\,824$. Знайдіть $f(600)\bmod 1\\,000\\,000\\,007$. diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-476-circle-packing-ii.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-476-circle-packing-ii.md index 2ed1f97743e..4c9ae278878 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-476-circle-packing-ii.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-476-circle-packing-ii.md @@ -1,6 +1,6 @@ --- id: 5900f5481000cf542c51005b -title: 'Problem 476: Circle Packing II' +title: 'Завдання 476: укладка кіл II' challengeType: 1 forumTopicId: 302153 dashedName: problem-476-circle-packing-ii @@ -8,13 +8,13 @@ dashedName: problem-476-circle-packing-ii # --description-- -Let $R(a, b, c)$ be the maximum area covered by three non-overlapping circles inside a triangle with edge lengths $a$, $b$ and $c$. +Нехай $R(a, b, c)$ буде максимальною площею, покритою трьома колами, що не перетинаються, всередині трикутника зі сторонами $a$, $b$ та $c$. -Let $S(n)$ be the average value of $R(a, b, c)$ over all integer triplets $(a, b, c)$ such that $1 ≤ a ≤ b ≤ c < a + b ≤ n$. +Нехай $S(n)$ буде середнім значенням $R(a, b, c)$ серед усіх триплетів $(a, b, c)$, за яких $1 ≤ a ≤ b ≤ c < a + b ≤ n$. -You are given $S(2) = R(1, 1, 1) ≈ 0.31998$, $S(5) ≈ 1.25899$. +Дано, що $S(2) = R(1, 1, 1) ≈ 0.31998$, $S(5) ≈ 1.25899$. -Find $S(1803)$ rounded to 5 decimal places behind the decimal point. +Знайдіть $S(1803)$, заокругливши до п’яти знаків після коми. # --hints-- diff --git a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-477-number-sequence-game.md b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-477-number-sequence-game.md index a944fb4a65c..e2331992c5e 100644 --- a/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-477-number-sequence-game.md +++ b/curriculum/challenges/ukrainian/18-project-euler/project-euler-problems-401-to-480/problem-477-number-sequence-game.md @@ -1,6 +1,6 @@ --- id: 5900f54a1000cf542c51005c -title: 'Problem 477: Number Sequence Game' +title: 'Завдання 477: гра «Послідовність чисел»' challengeType: 1 forumTopicId: 302154 dashedName: problem-477-number-sequence-game @@ -8,29 +8,29 @@ dashedName: problem-477-number-sequence-game # --description-- -The number sequence game starts with a sequence $S$ of $N$ numbers written on a line. +Гра «Послідовність чисел» починається з послідовності $S$ з $N$ чисел, записаних в рядок. -Two players alternate turns. At his turn, a player must select and remove either the first or the last number remaining in the sequence. +Двоє гравців ходять по черзі. Гравець своєю чергою має обрати та видалити перше або останнє число, що залишилось в послідовності. -The player score is the sum of all the numbers he has taken. Each player attempts to maximize his own sum. +Рахунком гравця є сума всіх чисел, які він забрав. Кожен гравець намагається збільшити свою суму. -If $N = 4$ and $S = \\{1, 2, 10, 3\\}$, then each player maximizes his score as follows: +Якщо $N = 4$ та $S = \\{1, 2, 10, 3\\}$, то кожен гравець отримує максимально можливий рахунок ось так: -- Player 1: removes the first number (1) -- Player 2: removes the last number from the remaining sequence (3) -- Player 1: removes the last number from the remaining sequence (10) -- Player 2: removes the remaining number (2) +- Гравець 1: видаляє перше число (1) +- Гравець 2: видаляє останнє число з решти послідовності (3) +- Гравець 1: видаляє останнє число з решти послідовності (10) +- Гравець 2: видаляє число, яке залишилось (2) -Player 1 score is $1 + 10 = 11$. +Рахунок гравця 1 становить $1 + 10 = 11$. -Let $F(N)$ be the score of player 1 if both players follow the optimal strategy for the sequence $S = \\{s_1, s_2, \ldots, s_N\\}$ defined as: +Нехай $F(N)$ буде рахунком гравця 1, якщо обидва гравці дотримуються оптимальної стратегії для послідовності $S = \\{s_1, s_2, \ldots, s_N\\}$, визначеної як: - $s_1 = 0$ - $s_{i + 1} = ({s_i}^2 + 45)$ modulo $1\\,000\\,000\\,007$ -The sequence begins with $S = \\{0, 45, 2\\,070, 4\\,284\\,945, 753\\,524\\,550, 478\\,107\\,844, 894\\,218\\,625, \ldots\\}$. +Послідовність починається з $S = \\{0, 45, 2\\,070, 4\\,284\\,945, 753\\,524\\,550, 478\\,107\\,844, 894\\,218\\,625, \ldots\\}$. -You are given $F(2) = 45$, $F(4) = 4\\,284\\,990$, $F(100) = 26\\,365\\,463\\,243$, $F(104) = 2\\,495\\,838\\,522\\,951$. +Дано, що $F(2) = 45$, $F(4) = 4\\,284\\,990$, $F(100) = 26\\,365\\,463\\,243$, $F(104) = 2\\,495\\,838\\,522\\,951$. Знайдіть $F({10}^8)$.