Remove extraneous attribute spaces
parent
cddc4fe837
commit
6193c1e820
|
@ -5850,31 +5850,31 @@
|
|||
"fcces",
|
||||
" ",
|
||||
"<div>",
|
||||
" <div class = \"container inset\">",
|
||||
" <div class = \"header inset\">",
|
||||
" <div class=\"container 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\">",
|
||||
" <h2>FCC Slot Machine</h2>",
|
||||
" </div>",
|
||||
" <div class = \"slots inset\">",
|
||||
" <div class = \"slot inset\">",
|
||||
" <div class=\"slots inset\">",
|
||||
" <div class=\"slot inset\">",
|
||||
" ",
|
||||
" </div>",
|
||||
" <div class = \"slot inset\">",
|
||||
" <div class=\"slot inset\">",
|
||||
" ",
|
||||
" </div>",
|
||||
" <div class = \"slot inset\">",
|
||||
" <div class=\"slot inset\">",
|
||||
" ",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <br/>",
|
||||
" <div class = \"outset\">",
|
||||
" <button class = \"go inset\">",
|
||||
" <div class=\"outset\">",
|
||||
" <button class=\"go inset\">",
|
||||
" Go",
|
||||
" </button>",
|
||||
" </div>",
|
||||
" <br/>",
|
||||
" <div class = \"foot inset\">",
|
||||
" <span class = \"logger\"></span>",
|
||||
" <div class=\"foot inset\">",
|
||||
" <span class=\"logger\"></span>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
"</div>",
|
||||
|
@ -6028,31 +6028,31 @@
|
|||
"fcces",
|
||||
" ",
|
||||
"<div>",
|
||||
" <div class = \"container inset\">",
|
||||
" <div class = \"header inset\">",
|
||||
" <div class=\"container 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\">",
|
||||
" <h2>FCC Slot Machine</h2>",
|
||||
" </div>",
|
||||
" <div class = \"slots inset\">",
|
||||
" <div class = \"slot inset\">",
|
||||
" <div class=\"slots inset\">",
|
||||
" <div class=\"slot inset\">",
|
||||
" ",
|
||||
" </div>",
|
||||
" <div class = \"slot inset\">",
|
||||
" <div class=\"slot inset\">",
|
||||
" ",
|
||||
" </div>",
|
||||
" <div class = \"slot inset\">",
|
||||
" <div class=\"slot inset\">",
|
||||
" ",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <br/>",
|
||||
" <div class = \"outset\">",
|
||||
" <button class = \"go inset\">",
|
||||
" <div class=\"outset\">",
|
||||
" <button class=\"go inset\">",
|
||||
" Go",
|
||||
" </button>",
|
||||
" </div>",
|
||||
" <br/>",
|
||||
" <div class = \"foot inset\">",
|
||||
" <span class = \"logger\"></span>",
|
||||
" <div class=\"foot inset\">",
|
||||
" <span class=\"logger\"></span>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
"</div>",
|
||||
|
@ -6210,31 +6210,31 @@
|
|||
"fcces",
|
||||
" ",
|
||||
"<div>",
|
||||
" <div class = \"container inset\">",
|
||||
" <div class = \"header inset\">",
|
||||
" <div class=\"container 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\">",
|
||||
" <h2>FCC Slot Machine</h2>",
|
||||
" </div>",
|
||||
" <div class = \"slots inset\">",
|
||||
" <div class = \"slot inset\">",
|
||||
" <div class=\"slots inset\">",
|
||||
" <div class=\"slot inset\">",
|
||||
" ",
|
||||
" </div>",
|
||||
" <div class = \"slot inset\">",
|
||||
" <div class=\"slot inset\">",
|
||||
" ",
|
||||
" </div>",
|
||||
" <div class = \"slot inset\">",
|
||||
" <div class=\"slot inset\">",
|
||||
" ",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <br/>",
|
||||
" <div class = \"outset\">",
|
||||
" <button class = \"go inset\">",
|
||||
" <div class=\"outset\">",
|
||||
" <button class=\"go inset\">",
|
||||
" Go",
|
||||
" </button>",
|
||||
" </div>",
|
||||
" <br/>",
|
||||
" <div class = \"foot inset\">",
|
||||
" <span class = \"logger\"></span>",
|
||||
" <div class=\"foot inset\">",
|
||||
" <span class=\"logger\"></span>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
"</div>",
|
||||
|
@ -6345,7 +6345,7 @@
|
|||
"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.",
|
||||
"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('<img src = \"' + images[slotOne-1] + '\">');</code>",
|
||||
"<code>$($('.slot')[0]).html('<img src=\"' + images[slotOne-1] + '\">');</code>",
|
||||
"Set up all three slots like this, then click the \"Go\" button to play the slot machine."
|
||||
],
|
||||
"challengeSeed": [
|
||||
|
@ -6390,31 +6390,31 @@
|
|||
"fcces",
|
||||
" ",
|
||||
"<div>",
|
||||
" <div class = 'container inset'>",
|
||||
" <div class = 'header inset'>",
|
||||
" <div class='container 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'>",
|
||||
" <h2>FCC Slot Machine</h2>",
|
||||
" </div>",
|
||||
" <div class = 'slots inset'>",
|
||||
" <div class = 'slot inset'>",
|
||||
" <div class='slots inset'>",
|
||||
" <div class='slot inset'>",
|
||||
" ",
|
||||
" </div>",
|
||||
" <div class = 'slot inset'>",
|
||||
" <div class='slot inset'>",
|
||||
" ",
|
||||
" </div>",
|
||||
" <div class = 'slot inset'>",
|
||||
" <div class='slot inset'>",
|
||||
" ",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <br/>",
|
||||
" <div class = 'outset'>",
|
||||
" <button class = 'go inset'>",
|
||||
" <div class='outset'>",
|
||||
" <button class='go inset'>",
|
||||
" Go",
|
||||
" </button>",
|
||||
" </div>",
|
||||
" <br/>",
|
||||
" <div class = 'foot inset'>",
|
||||
" <span class = 'logger'></span>",
|
||||
" <div class='foot inset'>",
|
||||
" <span class='logger'></span>",
|
||||
" </div>",
|
||||
" </div>",
|
||||
"</div>",
|
||||
|
@ -6521,7 +6521,7 @@
|
|||
"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. ",
|
||||
"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('<img src = \"' + images[slotOne-1] + '\">');</code>",
|
||||
"<code>$($('.slot')[0]).html('<img src=\"' + images[slotOne-1] + '\">');</code>",
|
||||
"Configura las tres casillas de manera análoga, a continuación, pulsa el botón \"Go\" para jugar con la máquina tragamonedas."
|
||||
]
|
||||
}
|
||||
|
|
|
@ -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.",
|
||||
"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:",
|
||||
"<code><p>Top 3 things cats <span class = \"text-danger\">hate:</span></p></code>"
|
||||
"<code><p>Top 3 things cats <span class=\"text-danger\">hate:</span></p></code>"
|
||||
],
|
||||
"challengeSeed": [
|
||||
"<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.",
|
||||
"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\":",
|
||||
"<code><p>Top 3 things cats <span class = \"text-danger\">hate:</span></p></code>"
|
||||
"<code><p>Top 3 things cats <span class=\"text-danger\">hate:</span></p></code>"
|
||||
]
|
||||
},
|
||||
"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",
|
||||
"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\":",
|
||||
"<code><p>Top 3 things cats <span class = \"text-danger\">hate:</span></p></code>"
|
||||
"<code><p>Top 3 things cats <span class=\"text-danger\">hate:</span></p></code>"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
|
@ -29,17 +29,17 @@
|
|||
"",
|
||||
"",
|
||||
"<div class=\"container-fluid\">",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <h2>Cat Photo Finder</h2>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12 well message\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12 well message\">",
|
||||
" The message will go here",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12\">",
|
||||
" <button id = \"getMessage\" class = \"btn btn-primary\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12\">",
|
||||
" <button id=\"getMessage\" class=\"btn btn-primary\">",
|
||||
" Get Message",
|
||||
" </button>",
|
||||
" </div>",
|
||||
|
@ -99,17 +99,17 @@
|
|||
"",
|
||||
"",
|
||||
"<div class=\"container-fluid\">",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <h2>Cat Photo Finder</h2>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12 well message\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12 well message\">",
|
||||
" The message will go here",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12\">",
|
||||
" <button id = \"getMessage\" class = \"btn btn-primary\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12\">",
|
||||
" <button id=\"getMessage\" class=\"btn btn-primary\">",
|
||||
" Get Message",
|
||||
" </button>",
|
||||
" </div>",
|
||||
|
@ -172,17 +172,17 @@
|
|||
"fcces",
|
||||
"",
|
||||
"<div class=\"container-fluid\">",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <h2>Cat Photo Finder</h2>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12 well message\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12 well message\">",
|
||||
" The message will go here",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12\">",
|
||||
" <button id = \"getMessage\" class = \"btn btn-primary\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12\">",
|
||||
" <button id=\"getMessage\" class=\"btn btn-primary\">",
|
||||
" Get Message",
|
||||
" </button>",
|
||||
" </div>",
|
||||
|
@ -238,7 +238,7 @@
|
|||
"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.",
|
||||
"Here's the code that does this:",
|
||||
"<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"<div class = 'cat'>\";</br> keys.forEach(function(key) {</br> html += \"<strong>\" + key + \"</strong>: \" + val[key] + \"<br>\";</br> });</br> html += \"</div><br>\";</br>});</blockquote>"
|
||||
"<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"<div class='cat'>\";</br> keys.forEach(function(key) {</br> html += \"<strong>\" + key + \"</strong>: \" + val[key] + \"<br>\";</br> });</br> html += \"</div><br>\";</br>});</blockquote>"
|
||||
],
|
||||
"challengeSeed": [
|
||||
"fccss",
|
||||
|
@ -262,17 +262,17 @@
|
|||
"fcces",
|
||||
"",
|
||||
"<div class=\"container-fluid\">",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <h2>Cat Photo Finder</h2>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12 well message\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12 well message\">",
|
||||
" The message will go here",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12\">",
|
||||
" <button id = \"getMessage\" class = \"btn btn-primary\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12\">",
|
||||
" <button id=\"getMessage\" class=\"btn btn-primary\">",
|
||||
" Get Message",
|
||||
" </button>",
|
||||
" </div>",
|
||||
|
@ -293,7 +293,7 @@
|
|||
"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. ",
|
||||
"Aquí está el código que hace esto:",
|
||||
"<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"<div class = 'cat'>\";</br> keys.forEach(function(key) {</br> html += \"<strong>\" + key + \"</strong>: \" + val[key] + \"<br>\";</br> });</br> html += \"</div><br>\";</br>});</blockquote>"
|
||||
"<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"<div class='cat'>\";</br> keys.forEach(function(key) {</br> html += \"<strong>\" + key + \"</strong>: \" + val[key] + \"<br>\";</br> });</br> html += \"</div><br>\";</br>});</blockquote>"
|
||||
]
|
||||
},
|
||||
"pt": {
|
||||
|
@ -304,7 +304,7 @@
|
|||
"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.",
|
||||
"Aqui está o código que faz isso:",
|
||||
"<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"<div class = 'cat'>\";</br> keys.forEach(function(key) {</br> html += \"<strong>\" + key + \"</strong>: \" + val[key] + \"<br>\";</br> });</br> html += \"</div><br>\";</br>});</blockquote>"
|
||||
"<blockquote>json.forEach(function(val) {</br> var keys = Object.keys(val);</br> html += \"<div class='cat'>\";</br> keys.forEach(function(key) {</br> html += \"<strong>\" + key + \"</strong>: \" + val[key] + \"<br>\";</br> });</br> html += \"</div><br>\";</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.",
|
||||
"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:",
|
||||
"<code>html += \"<img src = '\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'>\";</code>"
|
||||
"<code>html += \"<img src='\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'>\";</code>"
|
||||
],
|
||||
"challengeSeed": [
|
||||
"fccss",
|
||||
|
@ -329,7 +329,7 @@
|
|||
"",
|
||||
" json.forEach(function(val) {",
|
||||
"",
|
||||
" html += \"<div class = 'cat'>\";",
|
||||
" html += \"<div class='cat'>\";",
|
||||
"",
|
||||
" // Only change code below this line.",
|
||||
" ",
|
||||
|
@ -349,17 +349,17 @@
|
|||
"fcces",
|
||||
"",
|
||||
"<div class=\"container-fluid\">",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <h2>Cat Photo Finder</h2>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12 well message\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12 well message\">",
|
||||
" The message will go here",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12\">",
|
||||
" <button id = \"getMessage\" class = \"btn btn-primary\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12\">",
|
||||
" <button id=\"getMessage\" class=\"btn btn-primary\">",
|
||||
" Get Message",
|
||||
" </button>",
|
||||
" </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.",
|
||||
"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:",
|
||||
"<code>html += \"<img src = '\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'>\";</code>"
|
||||
"<code>html += \"<img src='\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'>\";</code>"
|
||||
]
|
||||
},
|
||||
"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.",
|
||||
"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:",
|
||||
"<code>html += \"<img src = '\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'>\";</code>"
|
||||
"<code>html += \"<img src='\" + val.imageLink + \"' \" + \"alt='\" + val.altText + \"'>\";</code>"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
@ -418,9 +418,9 @@
|
|||
"",
|
||||
" 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>\"",
|
||||
"",
|
||||
|
@ -434,17 +434,17 @@
|
|||
"fcces",
|
||||
"",
|
||||
"<div class=\"container-fluid\">",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <h2>Cat Photo Finder</h2>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12 well message\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12 well message\">",
|
||||
" The message will go here",
|
||||
" </div>",
|
||||
" </div>",
|
||||
" <div class = \"row text-center\">",
|
||||
" <div class = \"col-xs-12\">",
|
||||
" <button id = \"getMessage\" class = \"btn btn-primary\">",
|
||||
" <div class=\"row text-center\">",
|
||||
" <div class=\"col-xs-12\">",
|
||||
" <button id=\"getMessage\" class=\"btn btn-primary\">",
|
||||
" Get Message",
|
||||
" </button>",
|
||||
" </div>",
|
||||
|
@ -498,7 +498,7 @@
|
|||
" // Only change code above this line.",
|
||||
"fcces",
|
||||
"<h4>You are here:</h4>",
|
||||
"<div id = \"data\">",
|
||||
"<div id=\"data\">",
|
||||
" ",
|
||||
"</div>"
|
||||
],
|
||||
|
|
Loading…
Reference in New Issue