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

Remove extraneous attribute spaces

Browse Source
This commit is contained in:
Simon Morgan
2016-11-27 14:50:54 +00:00
committed by Stuart Taylor
parent 2a526fc734
commit 17b2a20a01
3 changed files with 91 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
seed/challenges/01-front-end-development-certification/basic-javascript.json
View File

@ -5850,31 +5850,31 @@
"fcces", "fcces",
" ", " ",
"<div>", "<div>",
" <div class = \"container inset\">", " <div class=\"container inset\">",
" <div class = \"header inset\">", " <div class=\"header inset\">",
" <img src=\"https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz\" alt=\"learn to code JavaScript at Free Code Camp logo\" class=\"img-responsive nav-logo\">", " <img src=\"https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz\" alt=\"learn to code JavaScript at Free Code Camp logo\" class=\"img-responsive nav-logo\">",
" <h2>FCC Slot Machine</h2>", " <h2>FCC Slot Machine</h2>",
" </div>", " </div>",
" <div class = \"slots inset\">", " <div class=\"slots inset\">",
" <div class = \"slot inset\">", " <div class=\"slot inset\">",
" ", " ",
" </div>", " </div>",
" <div class = \"slot inset\">", " <div class=\"slot inset\">",
" ", " ",
" </div>", " </div>",
" <div class = \"slot inset\">", " <div class=\"slot inset\">",
" ", " ",
" </div>", " </div>",
" </div>", " </div>",
" <br/>", " <br/>",
" <div class = \"outset\">", " <div class=\"outset\">",
" <button class = \"go inset\">", " <button class=\"go inset\">",
" Go", " Go",
" </button>", " </button>",
" </div>", " </div>",
" <br/>", " <br/>",
" <div class = \"foot inset\">", " <div class=\"foot inset\">",
" <span class = \"logger\"></span>", " <span class=\"logger\"></span>",
" </div>", " </div>",
" </div>", " </div>",
"</div>", "</div>",
@ -6028,31 +6028,31 @@
"fcces", "fcces",
" ", " ",
"<div>", "<div>",
" <div class = \"container inset\">", " <div class=\"container inset\">",
" <div class = \"header inset\">", " <div class=\"header inset\">",
" <img src=\"https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz\" alt=\"learn to code JavaScript at Free Code Camp logo\" class=\"img-responsive nav-logo\">", " <img src=\"https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz\" alt=\"learn to code JavaScript at Free Code Camp logo\" class=\"img-responsive nav-logo\">",
" <h2>FCC Slot Machine</h2>", " <h2>FCC Slot Machine</h2>",
" </div>", " </div>",
" <div class = \"slots inset\">", " <div class=\"slots inset\">",
" <div class = \"slot inset\">", " <div class=\"slot inset\">",
" ", " ",
" </div>", " </div>",
" <div class = \"slot inset\">", " <div class=\"slot inset\">",
" ", " ",
" </div>", " </div>",
" <div class = \"slot inset\">", " <div class=\"slot inset\">",
" ", " ",
" </div>", " </div>",
" </div>", " </div>",
" <br/>", " <br/>",
" <div class = \"outset\">", " <div class=\"outset\">",
" <button class = \"go inset\">", " <button class=\"go inset\">",
" Go", " Go",
" </button>", " </button>",
" </div>", " </div>",
" <br/>", " <br/>",
" <div class = \"foot inset\">", " <div class=\"foot inset\">",
" <span class = \"logger\"></span>", " <span class=\"logger\"></span>",
" </div>", " </div>",
" </div>", " </div>",
"</div>", "</div>",
@ -6210,31 +6210,31 @@
"fcces", "fcces",
" ", " ",
"<div>", "<div>",
" <div class = \"container inset\">", " <div class=\"container inset\">",
" <div class = \"header inset\">", " <div class=\"header inset\">",
" <img src=\"https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz\" alt=\"learn to code JavaScript at Free Code Camp logo\" class=\"img-responsive nav-logo\">", " <img src=\"https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz\" alt=\"learn to code JavaScript at Free Code Camp logo\" class=\"img-responsive nav-logo\">",
" <h2>FCC Slot Machine</h2>", " <h2>FCC Slot Machine</h2>",
" </div>", " </div>",
" <div class = \"slots inset\">", " <div class=\"slots inset\">",
" <div class = \"slot inset\">", " <div class=\"slot inset\">",
" ", " ",
" </div>", " </div>",
" <div class = \"slot inset\">", " <div class=\"slot inset\">",
" ", " ",
" </div>", " </div>",
" <div class = \"slot inset\">", " <div class=\"slot inset\">",
" ", " ",
" </div>", " </div>",
" </div>", " </div>",
" <br/>", " <br/>",
" <div class = \"outset\">", " <div class=\"outset\">",
" <button class = \"go inset\">", " <button class=\"go inset\">",
" Go", " Go",
" </button>", " </button>",
" </div>", " </div>",
" <br/>", " <br/>",
" <div class = \"foot inset\">", " <div class=\"foot inset\">",
" <span class = \"logger\"></span>", " <span class=\"logger\"></span>",
" </div>", " </div>",
" </div>", " </div>",
"</div>", "</div>",
@ -6345,7 +6345,7 @@
"Now let's add some images to our slots.", "Now let's add some images to our slots.",
"We've already set up the images for you in an array called <code>images</code>. We can use different indexes to grab each of these.", "We've already set up the images for you in an array called <code>images</code>. We can use different indexes to grab each of these.",
"Here's how we would set the first slot to show a different image depending on which number its random number generates:", "Here's how we would set the first slot to show a different image depending on which number its random number generates:",
"<code>$($('.slot')[0]).html('&lt;img src = \"' + images[slotOne-1] + '\"&gt;');</code>", "<code>$($('.slot')[0]).html('&lt;img src=\"' + images[slotOne-1] + '\"&gt;');</code>",
"Set up all three slots like this, then click the \"Go\" button to play the slot machine." "Set up all three slots like this, then click the \"Go\" button to play the slot machine."
], ],
"challengeSeed": [ "challengeSeed": [
@ -6390,31 +6390,31 @@
"fcces", "fcces",
" ", " ",
"<div>", "<div>",
" <div class = 'container inset'>", " <div class='container inset'>",
" <div class = 'header inset'>", " <div class='header inset'>",
" <img src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz' alt='learn to code JavaScript at Free Code Camp logo' class='img-responsive nav-logo'>", " <img src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz' alt='learn to code JavaScript at Free Code Camp logo' class='img-responsive nav-logo'>",
" <h2>FCC Slot Machine</h2>", " <h2>FCC Slot Machine</h2>",
" </div>", " </div>",
" <div class = 'slots inset'>", " <div class='slots inset'>",
" <div class = 'slot inset'>", " <div class='slot inset'>",
" ", " ",
" </div>", " </div>",
" <div class = 'slot inset'>", " <div class='slot inset'>",
" ", " ",
" </div>", " </div>",
" <div class = 'slot inset'>", " <div class='slot inset'>",
" ", " ",
" </div>", " </div>",
" </div>", " </div>",
" <br/>", " <br/>",
" <div class = 'outset'>", " <div class='outset'>",
" <button class = 'go inset'>", " <button class='go inset'>",
" Go", " Go",
" </button>", " </button>",
" </div>", " </div>",
" <br/>", " <br/>",
" <div class = 'foot inset'>", " <div class='foot inset'>",
" <span class = 'logger'></span>", " <span class='logger'></span>",
" </div>", " </div>",
" </div>", " </div>",
"</div>", "</div>",
@ -6521,7 +6521,7 @@
"Ahora añadamos algunas imágenes en nuestras casillas.", "Ahora añadamos algunas imágenes en nuestras casillas.",
"Ya hemos creado las imágenes por ti en una matriz llamada <code>images</code>. Podemos utilizar diferentes índices para tomara cada una de estas. ", "Ya hemos creado las imágenes por ti en una matriz llamada <code>images</code>. Podemos utilizar diferentes índices para tomara cada una de estas. ",
"Aquí está como haríamos que la primera casilla muestre una imagen diferente dependiendo del número aleatorio que se genere:", "Aquí está como haríamos que la primera casilla muestre una imagen diferente dependiendo del número aleatorio que se genere:",
"<code>$($('.slot')[0]).html('&lt;img src = \"' + images[slotOne-1] + '\"&gt;');</code>", "<code>$($('.slot')[0]).html('&lt;img src=\"' + images[slotOne-1] + '\"&gt;');</code>",
"Configura las tres casillas de manera análoga, a continuación, pulsa el botón \"Go\" para jugar con la máquina tragamonedas." "Configura las tres casillas de manera análoga, a continuación, pulsa el botón \"Go\" para jugar con la máquina tragamonedas."
] ]
} }

6
seed/challenges/01-front-end-development-certification/bootstrap.json
View File

@ -1019,7 +1019,7 @@
"By using the <code>span</code> element, you can put several elements together, and even style different parts of the same element differently.", "By using the <code>span</code> element, you can put several elements together, and even style different parts of the same element differently.",
"Nest the word \"love\" in your \"Things cats love\" element below within a <code>span</code> element. Then give that <code>span</code> the class <code>text-danger</code> to make the text red.", "Nest the word \"love\" in your \"Things cats love\" element below within a <code>span</code> element. Then give that <code>span</code> the class <code>text-danger</code> to make the text red.",
"Here's how you would do this with the \"Top 3 things cats hate\" element:", "Here's how you would do this with the \"Top 3 things cats hate\" element:",
"<code>&#60;p&#62;Top 3 things cats &#60;span class = \"text-danger\"&#62;hate:&#60;/span&#62;&#60;/p&#62;</code>" "<code>&#60;p&#62;Top 3 things cats &#60;span class=\"text-danger\"&#62;hate:&#60;/span&#62;&#60;/p&#62;</code>"
], ],
"challengeSeed": [ "challengeSeed": [
"<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">", "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">",
@ -1096,7 +1096,7 @@
"Al usar el elemento <code>span</code>, puedes poner varios elementos juntos, e incluso darle diferentes estilos a partes diferentes del mismo elemento.", "Al usar el elemento <code>span</code>, puedes poner varios elementos juntos, e incluso darle diferentes estilos a partes diferentes del mismo elemento.",
"Anida la palabra \"love\" en tu elemento \"Things cats love\" dentro de un elemento <code>span</code>. Luego, asigna a ese elemento <code>span</code> la clase <code>text-danger</code> para hacer que el texto sea rojo.", "Anida la palabra \"love\" en tu elemento \"Things cats love\" dentro de un elemento <code>span</code>. Luego, asigna a ese elemento <code>span</code> la clase <code>text-danger</code> para hacer que el texto sea rojo.",
"Así es como lo harías con el elemento \"Top 3 things cats hate\":", "Así es como lo harías con el elemento \"Top 3 things cats hate\":",
"<code>&#60;p&#62;Top 3 things cats &#60;span class = \"text-danger\"&#62;hate:&#60;/span&#62;&#60;/p&#62;</code>" "<code>&#60;p&#62;Top 3 things cats &#60;span class=\"text-danger\"&#62;hate:&#60;/span&#62;&#60;/p&#62;</code>"
] ]
}, },
"fr": { "fr": {
@ -1108,7 +1108,7 @@
"En utilisant un élément <code>span</code>, vous pouvez mettre ensemble plusieurs éléments, et même donner un style différent à plusieurs parties d'un même élément", "En utilisant un élément <code>span</code>, vous pouvez mettre ensemble plusieurs éléments, et même donner un style différent à plusieurs parties d'un même élément",
"Nichez le mot \"love\" dans votre élément \"Things cats love\" en dessous dans un élément <code>span</code>; Ensuite donnez à ce <code>span</code> la classe <code>text-danger</code> pour rendre le texte rouge.", "Nichez le mot \"love\" dans votre élément \"Things cats love\" en dessous dans un élément <code>span</code>; Ensuite donnez à ce <code>span</code> la classe <code>text-danger</code> pour rendre le texte rouge.",
"Il faudrait que vous fassiez ainsi pour l'élément \"Top 3 things cats hate\":", "Il faudrait que vous fassiez ainsi pour l'élément \"Top 3 things cats hate\":",
"<code>&#60;p&#62;Top 3 things cats &#60;span class = \"text-danger\"&#62;hate:&#60;/span&#62;&#60;/p&#62;</code>" "<code>&#60;p&#62;Top 3 things cats &#60;span class=\"text-danger\"&#62;hate:&#60;/span&#62;&#60;/p&#62;</code>"
] ]
} }
} }

92
seed/challenges/01-front-end-development-certification/json-apis-and-ajax.json
View File

@ -29,17 +29,17 @@
"", "",
"", "",
"<div class=\"container-fluid\">", "<div class=\"container-fluid\">",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <h2>Cat Photo Finder</h2>", " <h2>Cat Photo Finder</h2>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12 well message\">", " <div class=\"col-xs-12 well message\">",
" The message will go here", " The message will go here",
" </div>", " </div>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12\">", " <div class=\"col-xs-12\">",
" <button id = \"getMessage\" class = \"btn btn-primary\">", " <button id=\"getMessage\" class=\"btn btn-primary\">",
" Get Message", " Get Message",
" </button>", " </button>",
" </div>", " </div>",
@ -99,17 +99,17 @@
"", "",
"", "",
"<div class=\"container-fluid\">", "<div class=\"container-fluid\">",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <h2>Cat Photo Finder</h2>", " <h2>Cat Photo Finder</h2>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12 well message\">", " <div class=\"col-xs-12 well message\">",
" The message will go here", " The message will go here",
" </div>", " </div>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12\">", " <div class=\"col-xs-12\">",
" <button id = \"getMessage\" class = \"btn btn-primary\">", " <button id=\"getMessage\" class=\"btn btn-primary\">",
" Get Message", " Get Message",
" </button>", " </button>",
" </div>", " </div>",
@ -172,17 +172,17 @@
"fcces", "fcces",
"", "",
"<div class=\"container-fluid\">", "<div class=\"container-fluid\">",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <h2>Cat Photo Finder</h2>", " <h2>Cat Photo Finder</h2>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12 well message\">", " <div class=\"col-xs-12 well message\">",
" The message will go here", " The message will go here",
" </div>", " </div>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12\">", " <div class=\"col-xs-12\">",
" <button id = \"getMessage\" class = \"btn btn-primary\">", " <button id=\"getMessage\" class=\"btn btn-primary\">",
" Get Message", " Get Message",
" </button>", " </button>",
" </div>", " </div>",
@ -238,7 +238,7 @@
"First, let's declare an html variable with <code>var html = \"\";</code>.", "First, let's declare an html variable with <code>var html = \"\";</code>.",
"Then, let's loop through our JSON, adding more HTML to that variable. When the loop is finished, we'll render it.", "Then, let's loop through our JSON, adding more HTML to that variable. When the loop is finished, we'll render it.",
"Here's the code that does this:", "Here's the code that does this:",
"<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"&lt;div class = 'cat'&gt;\";</br> keys.forEach(function(key) {</br> html += \"&lt;strong&gt;\" + key + \"&lt;/strong&gt;: \" + val[key] + \"&lt;br&gt;\";</br> });</br> html += \"&lt;/div&gt;&lt;br&gt;\";</br>});</blockquote>" "<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"&lt;div class='cat'&gt;\";</br> keys.forEach(function(key) {</br> html += \"&lt;strong&gt;\" + key + \"&lt;/strong&gt;: \" + val[key] + \"&lt;br&gt;\";</br> });</br> html += \"&lt;/div&gt;&lt;br&gt;\";</br>});</blockquote>"
], ],
"challengeSeed": [ "challengeSeed": [
"fccss", "fccss",
@ -262,17 +262,17 @@
"fcces", "fcces",
"", "",
"<div class=\"container-fluid\">", "<div class=\"container-fluid\">",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <h2>Cat Photo Finder</h2>", " <h2>Cat Photo Finder</h2>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12 well message\">", " <div class=\"col-xs-12 well message\">",
" The message will go here", " The message will go here",
" </div>", " </div>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12\">", " <div class=\"col-xs-12\">",
" <button id = \"getMessage\" class = \"btn btn-primary\">", " <button id=\"getMessage\" class=\"btn btn-primary\">",
" Get Message", " Get Message",
" </button>", " </button>",
" </div>", " </div>",
@ -293,7 +293,7 @@
"En primer lugar, vamos a declarar una variable llamada <code>html</code> con <code>var html = \"\";</code>.", "En primer lugar, vamos a declarar una variable llamada <code>html</code> con <code>var html = \"\";</code>.",
"Después, iteremos a traveś de nuestro JSON, añadiendo más HTML a esa variable. Cuando se termina el ciclo, vamos a presentarla. ", "Después, iteremos a traveś de nuestro JSON, añadiendo más HTML a esa variable. Cuando se termina el ciclo, vamos a presentarla. ",
"Aquí está el código que hace esto:", "Aquí está el código que hace esto:",
"<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"&lt;div class = 'cat'&gt;\";</br> keys.forEach(function(key) {</br> html += \"&lt;strong&gt;\" + key + \"&lt;/strong&gt;: \" + val[key] + \"&lt;br&gt;\";</br> });</br> html += \"&lt;/div&gt;&lt;br&gt;\";</br>});</blockquote>" "<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"&lt;div class='cat'&gt;\";</br> keys.forEach(function(key) {</br> html += \"&lt;strong&gt;\" + key + \"&lt;/strong&gt;: \" + val[key] + \"&lt;br&gt;\";</br> });</br> html += \"&lt;/div&gt;&lt;br&gt;\";</br>});</blockquote>"
] ]
}, },
"pt": { "pt": {
@ -304,7 +304,7 @@
"Em primeiro lugar, vamos declarar uma variável chamada <code>html</code> com <code>var html = \"\";</code>.", "Em primeiro lugar, vamos declarar uma variável chamada <code>html</code> com <code>var html = \"\";</code>.",
"Depois, vamos percorrer através do nosso JSON, adicionando mais HTML para a nossa variável. Quando essa iteração terminar, vamos apresentar o resultado.", "Depois, vamos percorrer através do nosso JSON, adicionando mais HTML para a nossa variável. Quando essa iteração terminar, vamos apresentar o resultado.",
"Aqui está o código que faz isso:", "Aqui está o código que faz isso:",
"<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"&lt;div class = 'cat'&gt;\";</br> keys.forEach(function(key) {</br> html += \"&lt;strong&gt;\" + key + \"&lt;/strong&gt;: \" + val[key] + \"&lt;br&gt;\";</br> });</br> html += \"&lt;/div&gt;&lt;br&gt;\";</br>});</blockquote>" "<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"&lt;div class='cat'&gt;\";</br> keys.forEach(function(key) {</br> html += \"&lt;strong&gt;\" + key + \"&lt;/strong&gt;: \" + val[key] + \"&lt;br&gt;\";</br> });</br> html += \"&lt;/div&gt;&lt;br&gt;\";</br>});</blockquote>"
] ]
} }
} }
@ -316,7 +316,7 @@
"We've seen from the last two lessons that each object in our JSON array contains an <code>imageLink</code> key with a value that is the URL of a cat's image.", "We've seen from the last two lessons that each object in our JSON array contains an <code>imageLink</code> key with a value that is the URL of a cat's image.",
"When we're looping through these objects, let's use this <code>imageLink</code> property to display this image in an <code>img</code> element.", "When we're looping through these objects, let's use this <code>imageLink</code> property to display this image in an <code>img</code> element.",
"Here's the code that does this:", "Here's the code that does this:",
"<code>html += \"&lt;img src = '\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'&gt;\";</code>" "<code>html += \"&lt;img src='\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'&gt;\";</code>"
], ],
"challengeSeed": [ "challengeSeed": [
"fccss", "fccss",
@ -329,7 +329,7 @@
"", "",
" json.forEach(function(val) {", " json.forEach(function(val) {",
"", "",
" html += \"<div class = 'cat'>\";", " html += \"<div class='cat'>\";",
"", "",
" // Only change code below this line.", " // Only change code below this line.",
" ", " ",
@ -349,17 +349,17 @@
"fcces", "fcces",
"", "",
"<div class=\"container-fluid\">", "<div class=\"container-fluid\">",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <h2>Cat Photo Finder</h2>", " <h2>Cat Photo Finder</h2>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12 well message\">", " <div class=\"col-xs-12 well message\">",
" The message will go here", " The message will go here",
" </div>", " </div>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12\">", " <div class=\"col-xs-12\">",
" <button id = \"getMessage\" class = \"btn btn-primary\">", " <button id=\"getMessage\" class=\"btn btn-primary\">",
" Get Message", " Get Message",
" </button>", " </button>",
" </div>", " </div>",
@ -378,7 +378,7 @@
"Hemos visto en las dos últimas lecciones que cada objeto en nuestro vector JSON contiene una llave <code>imageLink</code> con un valor que corresponde a la URL de la imagen de un gato.", "Hemos visto en las dos últimas lecciones que cada objeto en nuestro vector JSON contiene una llave <code>imageLink</code> con un valor que corresponde a la URL de la imagen de un gato.",
"Cuando estamos recorriendo estos objetos, usemos esta propiedad <code>imageLink</code> para visualizar la imagen en un elemento <code>img</code>.", "Cuando estamos recorriendo estos objetos, usemos esta propiedad <code>imageLink</code> para visualizar la imagen en un elemento <code>img</code>.",
"Aquí está el código que hace esto:", "Aquí está el código que hace esto:",
"<code>html += \"&lt;img src = '\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'&gt;\";</code>" "<code>html += \"&lt;img src='\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'&gt;\";</code>"
] ]
}, },
"pt": { "pt": {
@ -387,7 +387,7 @@
"Como temos visto nas ultimas lições, cada objeto em nosso array JSON contém a chave <code>imageLink</code> com um valor que corresponde a URL da imagem de um gato.", "Como temos visto nas ultimas lições, cada objeto em nosso array JSON contém a chave <code>imageLink</code> com um valor que corresponde a URL da imagem de um gato.",
"Quando estamos percorrendo por estes objetos, usamos a propriedade <code>imageLink</code> para visualizar a imagem em um elemento <code>img</code>.", "Quando estamos percorrendo por estes objetos, usamos a propriedade <code>imageLink</code> para visualizar a imagem em um elemento <code>img</code>.",
"Aqui está o código para fazer isso:", "Aqui está o código para fazer isso:",
"<code>html += \"&lt;img src = '\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'&gt;\";</code>" "<code>html += \"&lt;img src='\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'&gt;\";</code>"
] ]
} }
} }
@ -418,9 +418,9 @@
"", "",
" json.forEach(function(val) {", " json.forEach(function(val) {",
"", "",
" html += \"<div class = 'cat'>\"", " html += \"<div class='cat'>\"",
"", "",
" html += \"<img src = '\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'>\"", " html += \"<img src='\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'>\"",
"", "",
" html += \"</div>\"", " html += \"</div>\"",
"", "",
@ -434,17 +434,17 @@
"fcces", "fcces",
"", "",
"<div class=\"container-fluid\">", "<div class=\"container-fluid\">",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <h2>Cat Photo Finder</h2>", " <h2>Cat Photo Finder</h2>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12 well message\">", " <div class=\"col-xs-12 well message\">",
" The message will go here", " The message will go here",
" </div>", " </div>",
" </div>", " </div>",
" <div class = \"row text-center\">", " <div class=\"row text-center\">",
" <div class = \"col-xs-12\">", " <div class=\"col-xs-12\">",
" <button id = \"getMessage\" class = \"btn btn-primary\">", " <button id=\"getMessage\" class=\"btn btn-primary\">",
" Get Message", " Get Message",
" </button>", " </button>",
" </div>", " </div>",
@ -498,7 +498,7 @@
" // Only change code above this line.", " // Only change code above this line.",
"fcces", "fcces",
"<h4>You are here:</h4>", "<h4>You are here:</h4>",
"<div id = \"data\">", "<div id=\"data\">",
" ", " ",
"</div>" "</div>"
], ],