button elements the class
target.
```yml
tests:
- - text: Apply the
target class to each of your
button elements.
+ - text: You should apply the
target class to each of your
button elements.
testString: assert($(".target").length > 5);
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/create-a-custom-heading.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/create-a-custom-heading.english.md
index 4c8d8b3ac4e..a02b8c8b1c6 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/create-a-custom-heading.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/create-a-custom-heading.english.md
@@ -25,11 +25,11 @@ Notice how the image is now just the right size to fit along the text?
tests:
- text: Your
h2 element and topmost
img element should both be nested together within a
div element with the class
row.
testString: assert($("div.row:has(h2)").length > 0 && $("div.row:has(img)").length > 0);
- - text: Nest your topmost
img element within a
div with the class
col-xs-4.
+ - text: Your topmost
img element should be nested within a
div with the class
col-xs-4.
testString: assert($("div.col-xs-4:has(img)").length > 0 && $("div.col-xs-4:has(div)").length === 0);
- - text: Nest your
h2 element within a
div with the class
col-xs-8.
+ - text: Your
h2 element should be nested within a
div with the class
col-xs-8.
testString: assert($("div.col-xs-8:has(h2)").length > 0 && $("div.col-xs-8:has(div)").length === 0);
- - text: Make sure each of your
div elements has a closing tag.
+ - text: All of your
div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
div element with the class
well within each o
```yml
tests:
- - text: Add a
div element with the class
well inside each of your
div elements with the class
"col-xs-6"
+ - text: You should add a
div element with the class
well inside each of your
div elements with the class
"col-xs-6"
testString: assert($("div.col-xs-6").not(":has(>div.well)").length < 1);
- - text: Nest both of your
div elements with the class
"col-xs-6" within your
div element with the class
"row".
+ - text: Both of your
div elements with the class
"col-xs-6" should be nested within your
div element with the class
"row".
testString: assert($("div.row > div.col-xs-6").length > 1);
- - text: Make sure all your
div elements have closing tags.
+ - text: All your
div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
Monospace.
testString: assert(!$("p").css("font-family").match(/monospace/i));
- - text: Remove the
smaller-image class from your top image.
+ - text: The
smaller-image class should be removed from your top image.
testString: assert(!$("img").hasClass("smaller-image"));
- - text: Add the
img-responsive class to your top image.
+ - text: You should add the
img-responsive class to your top image.
testString: assert($(".img-responsive").length > 1);
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.english.md
index 7b29c24efd4..04e975b0b37 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.english.md
@@ -23,9 +23,9 @@ Let's nest your
h3 element within a
div element with t
tests:
- text: Your
div element should have the class
container-fluid.
testString: assert($("div").hasClass("container-fluid"));
- - text: Make sure each of your
div elements has a closing tag.
+ - text: Each of your
div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
h3 element inside a
div element.
+ - text: Your
h3 element should be nested inside a
div element.
testString: assert($("div").children("h3").length >0);
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-buttons.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-buttons.english.md
index f350a5f7a51..5f707054063 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-buttons.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-buttons.english.md
@@ -21,17 +21,17 @@ Give each of your
button elements text that corresponds to its
button element with the id target1 the text #target1.
+ - text: Your button element with the id target1 should have the text #target1.
testString: assert(new RegExp("#target1","gi").test($("#target1").text()));
- - text: Give your button element with the id target2 the text #target2.
+ - text: Your button element with the id target2 should have the text #target2.
testString: assert(new RegExp("#target2","gi").test($("#target2").text()));
- - text: Give your button element with the id target3 the text #target3.
+ - text: Your button element with the id target3 should have the text #target3.
testString: assert(new RegExp("#target3","gi").test($("#target3").text()));
- - text: Give your button element with the id target4 the text #target4.
+ - text: Your button element with the id target4 should have the text #target4.
testString: assert(new RegExp("#target4","gi").test($("#target4").text()));
- - text: Give your button element with the id target5 the text #target5.
+ - text: Your button element with the id target5 should have the text #target5.
testString: assert(new RegExp("#target5","gi").test($("#target5").text()));
- - text: Give your button element with the id target6 the text #target6.
+ - text: Your button element with the id target6 should have the text #target6.
testString: assert(new RegExp("#target6","gi").test($("#target6").text()));
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-wells.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-wells.english.md
index 041629d94c6..5efa016085d 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-wells.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/label-bootstrap-wells.english.md
@@ -22,13 +22,13 @@ Above your right-well, inside its col-xs-6 div element
```yml
tests:
- - text: Add an h4 element to each of your <div class="col-xs-6"> elements.
+ - text: You should add an h4 element to each of your <div class="col-xs-6"> elements.
testString: assert($(".col-xs-6").children("h4") && $(".col-xs-6").children("h4").length > 1);
- text: One h4 element should have the text #left-well.
testString: assert(new RegExp("#left-well","gi").test($("h4").text()));
- text: One h4 element should have the text #right-well.
testString: assert(new RegExp("#right-well","gi").test($("h4").text()));
- - text: Make sure all your h4 elements have closing tags.
+ - text: All of your h4 elements should have closing tags.
testString: assert(code.match(/<\/h4>/g) && code.match(//g).length === code.match(/row.
+ - text: Your form submission button and text input should be nested in a div with class row.
testString: assert($("div.row:has(input[type=\"text\"])").length > 0 && $("div.row:has(button[type=\"submit\"])").length > 0);
- - text: Nest your form text input in a div with the class col-xs-7.
+ - text: Your form text input should be nested in a div with the class col-xs-7.
testString: assert($("div.col-xs-7:has(input[type=\"text\"])").length > 0);
- - text: Nest your form submission button in a div with the class col-xs-5.
+ - text: Your form submission button should be nested in a div with the class col-xs-5.
testString: assert($("div.col-xs-5:has(button[type=\"submit\"])").length > 0);
- - text: Make sure each of your div elements has a closing tag.
+ - text: All of your div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(//g).length === code.match(/
src of
https://bit.ly/fcc-running-cats.
testString: assert($("img:eq(1)").attr("src") === "https://bit.ly/fcc-running-cats");
- - text: Make sure your new
img element has a closing angle bracket.
+ - text: Your new
img element should have a closing angle bracket.
testString: assert(code.match(/
/g).length === 2 && code.match(/
<div class="row"> el
```yml
tests:
- - text: Nest all of your checkboxes inside one
div with the class
row.
+ - text: All of your checkboxes should be nested inside one
div with the class
row.
testString: assert($("div.row:has(input[type=\"checkbox\"])").length > 0);
- - text: Nest each of your checkboxes inside its own
div with the class
col-xs-4.
+ - text: Each of your checkboxes should be nested inside its own
div with the class
col-xs-4.
testString: assert($("div.col-xs-4:has(input[type=\"checkbox\"])").length > 2);
- - text: Make sure each of your
div elements has a closing tag.
+ - text: All of your
div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
<div class="row"> ele
```yml
tests:
- - text: Nest all of your radio buttons inside one
div with the class
row.
+ - text: All of your radio buttons should be nested inside one
div with the class
row.
testString: assert($("div.row:has(input[type=\"radio\"])").length > 0);
- - text: Nest each of your radio buttons inside its own
div with the class
col-xs-6.
+ - text: Each of your radio buttons should be nested inside its own
div with the class
col-xs-6.
testString: assert($("div.col-xs-6:has(input[type=\"radio\"])").length > 1);
- - text: Make sure each of your
div elements has a closing tag.
+ - text: All of your
div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(/
/g).length === code.match(/
div elements within your row, both with the class
```yml
tests:
- - text: Nest two div class="col-xs-6" elements within your div class="row" element.
+ - text: Two div class="col-xs-6" elements should be nested within your div class="row" element.
testString: assert($("div.row > div.col-xs-6").length > 1);
- - text: Make sure all your div elements have closing tags.
+ - text: All your div elements should have closing tags.
testString: assert(code.match(/<\/div>/g) && code.match(//g).length === code.match(/
<input>,
<textarea>, and
btn btn-primary.
+ - text: The submit button in your form should have the classes
btn btn-primary.
testString: assert($("button[type=\"submit\"]").hasClass("btn btn-primary"));
- - text: Add a
<i class="fa fa-paper-plane"></i> within your submit
button element.
+ - text: You should add a
<i class="fa fa-paper-plane"></i> within your submit
button element.
testString: assert($("button[type=\"submit\"]:has(i.fa.fa-paper-plane)").length > 0);
- - text: Give the text
input in your form the class
form-control.
+ - text: The text
input in your form should have the class
form-control.
testString: assert($("input[type=\"text\"]").hasClass("form-control"));
- - text: Make sure each of your
i elements has a closing tag.
+ - text: Each of your
i elements should have a closing tag.
testString: assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3);
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.english.md
index 7b874f8f55d..90be2d273e1 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.english.md
@@ -26,7 +26,7 @@ tests:
testString: assert($("button").hasClass("btn-primary"));
- text: Your button should still have the
btn and
btn-block classes.
testString: assert($("button").hasClass("btn-block") && $("button").hasClass("btn"));
- - text: Make sure all your
button elements have a closing tag.
+ - text: All your
button elements should have closing tags.
testString: assert(code.match(/<\/button>/g) && code.match(/
/g).length === code.match(/span element should have class text-danger.
testString: assert($("span").hasClass("text-danger"));
- - text: Make sure your span element has a closing tag.
+ - text: Your span element should have a closing tag.
testString: assert(code.match(/<\/span>/g) && code.match(//g).length === code.match(/Only change code above thi
```yml
tests:
- - text: Start a comment with <!-- at the top of your HTML.
+ - text: You should start a comment with <!-- at the top of your HTML.
testString: assert(code.match(/^\s*.*this line))\s*.*this line.*\s*-->/gi));
- - text: Be sure to close your comment with -->.
+ - text: You should close your comment with -->.
testString: assert(code.match(/-->.*\n+.+/g));
- text: You should have the same number of comment openers and closers.
testString: assert(code.match(//g).length);
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.english.md
index 80f75a221b4..d914ba62adc 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.english.md
@@ -28,9 +28,9 @@ To get started, we should nest all of our HTML (except the link tag
tests:
- text: Your div element should have the class container-fluid.
testString: assert($("div").hasClass("container-fluid"));
- - text: Make sure your div element has a closing tag.
+ - text: Your div element should have a closing tag.
testString: assert(code.match(/<\/div>/g) && code.match(//g).length === code.match(/
style tag in
.container-fluid.
+ - text: All HTML elements after the closing
style tag should be nested in
.container-fluid.
testString: assert($(".container-fluid").children().length >= 8);
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.english.md b/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.english.md
index 3d5e08b93fe..43612b93f05 100644
--- a/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.english.md
@@ -29,9 +29,9 @@ tests:
testString: assert($("div.row:has(button)").length > 0);
- text: Each of your Bootstrap buttons should be nested within its own
div element with the class
col-xs-4.
testString: assert($("div.col-xs-4:has(button)").length > 2);
- - text: Make sure each of your
button elements has a closing tag.
+ - text: Each of your
button elements should have a closing tag.
testString: assert(code.match(/<\/button>/g) && code.match(/
/g).length === code.match(/div elements has a closing tag.
+ - text: Each of your div elements should have a closing tag.
testString: assert(code.match(/<\/div>/g) && code.match(//g).length === code.match(/
btn and btn-blockbutton element with the text "Delete".
+ - text: You should create a new button element with the text "Delete".
testString: assert(new RegExp("Delete","gi").test($("button").text()));
- text: All of your Bootstrap buttons should have the btn and btn-block classes.
testString: assert($("button.btn-block.btn").length > 2);
- text: Your new button should have the class btn-danger.
testString: assert($("button").hasClass("btn-danger"));
- - text: Make sure all your button elements have a closing tag.
+ - text: All of your button elements should have closing tags.
testString: assert(code.match(/<\/button>/g) && code.match(//g).length === code.match(/<i> tag has traditionally been used to
```yml
tests:
- - text: Emphasize the text in your target4 button by adding HTML tags.
+ - text: You should emphasize the text in your target4 button by adding HTML tags.
testString: assert.isTrue((/|\s*#target4\s*<\/em>|<\/i>/gi).test($("#target4").html()));
- - text: Make sure the text is otherwise unchanged.
+ - text: The text should otherwise remain unchanged.
testString: assert($("#target4") && $("#target4").text().trim() === '#target4');
- - text: Do not alter any other text.
+ - text: You should not alter any other text.
testString: assert.isFalse((/|/gi).test($("h3").html()));
- - text: Make sure you are using .html() and not .text().
+ - text: You should be using .html() and not .text().
testString: assert(code.match(/\.html\(/g));
- - text: Make sure to select button id="target4" with jQuery.
+ - text: You should select button id="target4" with jQuery.
testString: assert(code.match(/\$\(\s*?(\"|\')#target4(\"|\')\s*?\)\.html\(/));
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.english.md b/curriculum/challenges/english/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.english.md
index bac33876089..9e4b8c40221 100644
--- a/curriculum/challenges/english/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/jquery/change-the-css-of-an-element-using-jquery.english.md
@@ -30,7 +30,7 @@ Select target1 and change its color to red.
tests:
- text: Your target1 element should have red text.
testString: assert($("#target1").css("color") === 'rgb(255, 0, 0)');
- - text: Only use jQuery to add these classes to the element.
+ - text: You should only use jQuery to add these classes to the element.
testString: assert(!code.match(/class.*animated/g));
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/jquery/clone-an-element-using-jquery.english.md b/curriculum/challenges/english/03-front-end-libraries/jquery/clone-an-element-using-jquery.english.md
index abd91f58012..d779df304ac 100644
--- a/curriculum/challenges/english/03-front-end-libraries/jquery/clone-an-element-using-jquery.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/jquery/clone-an-element-using-jquery.english.md
@@ -29,7 +29,7 @@ tests:
testString: assert($("#right-well").children("#target5").length > 0);
- text: A copy of your target5 element should also be inside your left-well.
testString: assert($("#left-well").children("#target5").length > 0);
- - text: Only use jQuery to move these elements.
+ - text: You should only use jQuery to move these elements.
testString: assert(!code.match(/class.*animated/g));
```
diff --git a/curriculum/challenges/english/03-front-end-libraries/jquery/delete-your-jquery-functions.english.md b/curriculum/challenges/english/03-front-end-libraries/jquery/delete-your-jquery-functions.english.md
index 8ac0237c594..d0c55db6b08 100644
--- a/curriculum/challenges/english/03-front-end-libraries/jquery/delete-your-jquery-functions.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/jquery/delete-your-jquery-functions.english.md
@@ -23,15 +23,15 @@ Delete all three of these jQuery functions from your document ready functi
```yml
tests:
- - text: Delete all three of your jQuery functions from your document ready function.
+ - text: All three of your jQuery functions should be deleted from your document ready function.
testString: assert(code.match(/\{\s*\}\);/g));
- - text: Leave your script element intact.
+ - text: You should leave your script element intact.
testString: assert(code.match(/