Skip to content

Commit

Permalink
Added functionality to merge steps 21 and 22
Browse files Browse the repository at this point in the history
  • Loading branch information
vaibhav-ace committed May 22, 2024
1 parent 5ac73c6 commit 691795b
Show file tree
Hide file tree
Showing 9 changed files with 60 additions and 148 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -7,26 +7,29 @@ dashedName: step-21

# --description--

Inside your `.cat-left-ear` element, create another `div` element with the class `cat-left-inner-ear`.
Create two `div` elements. First inside `.cat-left-ear` element with class `cat-left-inner-ear`, and second inside `.cat-right-ear` element with class `cat-right-inner-ear`.

# --hints--

You should not change the existing `div` element with the class `cat-left-ear`.
You should not change the existing `div` elements with the class `cat-left-inner-ear` or `cat-right-inner-ear`.

```js
assert(document.querySelectorAll('div.cat-left-ear').length === 1);
assert(document.querySelectorAll('div.cat-right-ear').length === 1);
```

You should have a `div` element inside your `.cat-left-ear` element.
You should have a `div` element inside your `.cat-left-ear` and `.cat-right-ear` element.

```js
assert(document.querySelectorAll('.cat-left-ear div').length === 1);
assert(document.querySelectorAll('.cat-right-ear div').length === 1);
```

Your `div` element should have the class `cat-left-inner-ear`.
Your `div` elements should have the class `cat-left-inner-ear` and `cat-right-inner-ear`.

```js
assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('cat-left-inner-ear'));
assert(document.querySelectorAll('.cat-right-ear div')[0]?.classList.contains('cat-right-inner-ear'));
```
# --seed--
Expand All @@ -48,9 +51,11 @@ assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('ca
--fcc-editable-region--
<div class="cat-left-ear">

</div>
<div class="cat-right-ear">

</div>
--fcc-editable-region--
<div class="cat-right-ear"></div>
</div>
</div>
</main>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,26 +7,29 @@ dashedName: step-21

# --description--

Inside your `.cat-left-ear` element, create another `div` element with the class `cat-left-inner-ear`.
Create two `div` elements. First inside `.cat-left-ear` element with class `cat-left-inner-ear`, and second inside `.cat-right-ear` element with class `cat-right-inner-ear`.

# --hints--

You should not change the existing `div` element with the class `cat-left-ear`.
You should not change the existing `div` elements with the class `cat-left-inner-ear` or `cat-right-inner-ear`.

```js
assert(document.querySelectorAll('div.cat-left-ear').length === 1);
assert(document.querySelectorAll('div.cat-right-ear').length === 1);
```

You should have a `div` element inside your `.cat-left-ear` element.
You should have a `div` element inside your `.cat-left-ear` and `.cat-right-ear` element.

```js
assert(document.querySelectorAll('.cat-left-ear div').length === 1);
assert(document.querySelectorAll('.cat-right-ear div').length === 1);
```

Your `div` element should have the class `cat-left-inner-ear`.
Your `div` elements should have the class `cat-left-inner-ear` and `cat-right-inner-ear`.

```js
assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('cat-left-inner-ear'));
assert(document.querySelectorAll('.cat-right-ear div')[0]?.classList.contains('cat-right-inner-ear'));
```
# --seed--
Expand All @@ -48,9 +51,11 @@ assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('ca
--fcc-editable-region--
<div class="cat-left-ear">

</div>
<div class="cat-right-ear">

</div>
--fcc-editable-region--
<div class="cat-right-ear"></div>
</div>
</div>
</main>
Expand Down

This file was deleted.

This file was deleted.

This file was deleted.

Original file line number Diff line number Diff line change
Expand Up @@ -7,26 +7,29 @@ dashedName: step-21

# --description--

Inside your `.cat-left-ear` element, create another `div` element with the class `cat-left-inner-ear`.
Create two `div` elements. First inside `.cat-left-ear` element with class `cat-left-inner-ear`, and second inside `.cat-right-ear` element with class `cat-right-inner-ear`.

# --hints--

You should not change the existing `div` element with the class `cat-left-ear`.
You should not change the existing `div` elements with the class `cat-left-inner-ear` or `cat-right-inner-ear`.

```js
assert(document.querySelectorAll('div.cat-left-ear').length === 1);
assert(document.querySelectorAll('div.cat-right-ear').length === 1);
```

You should have a `div` element inside your `.cat-left-ear` element.
You should have a `div` element inside your `.cat-left-ear` and `.cat-right-ear` element.

```js
assert(document.querySelectorAll('.cat-left-ear div').length === 1);
assert(document.querySelectorAll('.cat-right-ear div').length === 1);
```

Your `div` element should have the class `cat-left-inner-ear`.
Your `div` elements should have the class `cat-left-inner-ear` and `cat-right-inner-ear`.

```js
assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('cat-left-inner-ear'));
assert(document.querySelectorAll('.cat-right-ear div')[0]?.classList.contains('cat-right-inner-ear'));
```
# --seed--
Expand All @@ -48,9 +51,11 @@ assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('ca
--fcc-editable-region--
<div class="cat-left-ear">

</div>
<div class="cat-right-ear">

</div>
--fcc-editable-region--
<div class="cat-right-ear"></div>
</div>
</div>
</main>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,26 +7,29 @@ dashedName: step-21

# --description--

Inside your `.cat-left-ear` element, create another `div` element with the class `cat-left-inner-ear`.
Create two `div` elements. First inside `.cat-left-ear` element with class `cat-left-inner-ear`, and second inside `.cat-right-ear` element with class `cat-right-inner-ear`.

# --hints--

You should not change the existing `div` element with the class `cat-left-ear`.
You should not change the existing `div` elements with the class `cat-left-inner-ear` or `cat-right-inner-ear`.

```js
assert(document.querySelectorAll('div.cat-left-ear').length === 1);
assert(document.querySelectorAll('div.cat-right-ear').length === 1);
```

You should have a `div` element inside your `.cat-left-ear` element.
You should have a `div` element inside your `.cat-left-ear` and `.cat-right-ear` element.

```js
assert(document.querySelectorAll('.cat-left-ear div').length === 1);
assert(document.querySelectorAll('.cat-right-ear div').length === 1);
```

Your `div` element should have the class `cat-left-inner-ear`.
Your `div` elements should have the class `cat-left-inner-ear` and `cat-right-inner-ear`.

```js
assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('cat-left-inner-ear'));
assert(document.querySelectorAll('.cat-right-ear div')[0]?.classList.contains('cat-right-inner-ear'));
```
# --seed--
Expand All @@ -47,10 +50,12 @@ assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('ca
<div class="cat-ears">
--fcc-editable-region--
<div class="cat-left-ear">

</div>
<div class="cat-right-ear">

</div>
--fcc-editable-region--
<div class="cat-right-ear"></div>
</div>
</div>
</main>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,26 +7,29 @@ dashedName: step-21

# --description--

Inside your `.cat-left-ear` element, create another `div` element with the class `cat-left-inner-ear`.
Create two `div` elements. First inside `.cat-left-ear` element with class `cat-left-inner-ear`, and second inside `.cat-right-ear` element with class `cat-right-inner-ear`.

# --hints--

You should not change the existing `div` element with the class `cat-left-ear`.
You should not change the existing `div` elements with the class `cat-left-inner-ear` or `cat-right-inner-ear`.

```js
assert(document.querySelectorAll('div.cat-left-ear').length === 1);
assert(document.querySelectorAll('div.cat-right-ear').length === 1);
```

You should have a `div` element inside your `.cat-left-ear` element.
You should have a `div` element inside your `.cat-left-ear` and `.cat-right-ear` element.

```js
assert(document.querySelectorAll('.cat-left-ear div').length === 1);
assert(document.querySelectorAll('.cat-right-ear div').length === 1);
```

Your `div` element should have the class `cat-left-inner-ear`.
Your `div` elements should have the class `cat-left-inner-ear` and `cat-right-inner-ear`.

```js
assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('cat-left-inner-ear'));
assert(document.querySelectorAll('.cat-right-ear div')[0]?.classList.contains('cat-right-inner-ear'));
```
# --seed--
Expand All @@ -48,9 +51,11 @@ assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('ca
--fcc-editable-region--
<div class="cat-left-ear">

</div>
<div class="cat-right-ear">

</div>
--fcc-editable-region--
<div class="cat-right-ear"></div>
</div>
</div>
</main>
Expand Down
Loading

0 comments on commit 691795b

Please sign in to comment.