gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Feat: add new Markdown parser (#39800)

Browse Source 
and change all the challenges to new `md` format.
This commit is contained in:
Oliver Eyton-Williams
2020-11-27 19:02:05 +01:00
committed by GitHub
parent a07f84c8ec
commit 0bd52f8bd1
2580 changed files with 113436 additions and 111979 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
curriculum/challenges/english/01-responsive-web-design/basic-html-cat-photo-app/part-046.md
View File

@@ -4,40 +4,56 @@ title: Part 46
challengeType: 0
---
## Description
<section id='description'>
# --description--
Nest a another radio button with the option `Outdoor` in a new `label` element. The new radio button should be placed after the first one. Also, set its `id` attribute value to `outdoor`.
</section>
# --hints--
## Tests
<section id='tests'>
```yml
tests:
- text: You will need to add a new `label` element in which to nest your new radio button. Make sure it has both an opening and closing tag.
testString: assert( document.querySelectorAll('label').length === 2 && code.match(/<\/label\>/g).length === 2 );
- text: The text ` Outdoor` should be located directly to the right of your new `radio` button. Make sure there is a space between the element and the text. You have either omitted the text or have a typo.
testString: |
const radioButtons = [ ...$('input')];
assert( radioButtons.filter(btn => btn.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/ Outdoor/i)).length );
- text: Your new radio button and associated label should be below the first one. You have them in the wrong order.
testString: |
const collection = [...document.querySelectorAll('input[type="radio"]')].map(node => node.nextSibling.nodeValue.replace(/\s+/g, ''));
assert( collection.indexOf('Indoor') < collection.indexOf('Outdoor') );
- text: Your new radio button should have an `id` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names.
testString: assert( $('input')[1].hasAttribute('id') );
- text: Your new radio element should have an `id` attribute with the value `outdoor`. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks.
testString: assert( $('input')[1].id.match(/^outdoor$/) );
You will need to add a new `label` element in which to nest your new radio button. Make sure it has both an opening and closing tag.
```js
assert(
document.querySelectorAll('label').length === 2 &&
code.match(/<\/label\>/g).length === 2
);
```
</section>
The text ` Outdoor` should be located directly to the right of your new `radio` button. Make sure there is a space between the element and the text. You have either omitted the text or have a typo.
## Challenge Seed
<section id='challengeSeed'>
<div id='html-seed'>
```js
const radioButtons = [...$('input')];
assert(
radioButtons.filter((btn) =>
btn.nextSibling.nodeValue.replace(/\s+/g, ' ').match(/ Outdoor/i)
).length
);
```
Your new radio button and associated label should be below the first one. You have them in the wrong order.
```js
const collection = [
...document.querySelectorAll('input[type="radio"]')
].map((node) => node.nextSibling.nodeValue.replace(/\s+/g, ''));
assert(collection.indexOf('Indoor') < collection.indexOf('Outdoor'));
```
Your new radio button should have an `id` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names.
```js
assert($('input')[1].hasAttribute('id'));
```
Your new radio element should have an `id` attribute with the value `outdoor`. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks.
```js
assert($('input')[1].id.match(/^outdoor$/));
```
# --seed--
## --seed-contents--
```html
<html>
@@ -76,9 +92,9 @@ tests:
<section>
<h2>Cat Form</h2>
<form action="https://freecatphotoapp.com/submit-cat-photo">
--fcc-editable-region--
--fcc-editable-region--
<label><input id="indoor" type="radio"> Indoor</label>
--fcc-editable-region--
--fcc-editable-region--
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
@@ -88,5 +104,3 @@ tests:
</html>
```
</div>
</section>