These are chat archives for FreeCodeCamp/Help

15th
Feb 2016
Tony
@Rogers187
Feb 15 2016 00:02 UTC
never mind i found the missing part
Aleksander Gębicki
@Takumar
Feb 15 2016 00:02 UTC
@Rogers187 sometimes it is easier to use "Reset" button and start from the scratch.
I looked at your code and couldn't find a bug.
Tony
@Rogers187
Feb 15 2016 00:02 UTC
true
i forgot} symbol
Aleksander Gębicki
@Takumar
Feb 15 2016 00:03 UTC
@Rogers187 oh after .gray-backgroundCSS class definition :-)
Tony
@Rogers187
Feb 15 2016 00:04 UTC
yep
Stephen
@RubyRed1
Feb 15 2016 00:28 UTC
@KevinStaufy <div class="row"> <div class="col-xs-4"> <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>Like</button> </div>
better that way
instead of repeating "fa fa-thumbs-up" twice
wobgirl03
@wobgirl03
Feb 15 2016 00:30 UTC
I just finished HTML and CSS after 2 days- I know it is not much compared to how far all of you amazing FCC coders are but I am very excited right now :sparkles: :smile:
Stephen
@RubyRed1
Feb 15 2016 00:30 UTC
you actually only need it in your i
Craig Banach
@CraigBanach
Feb 15 2016 00:30 UTC
This message was deleted
Stephen
@RubyRed1
Feb 15 2016 00:30 UTC
*tag
Craig Banach
@CraigBanach
Feb 15 2016 00:31 UTC

HI guys,
jQuery,

If I am calling multiple functions, can I make the next one wait until the previous one has finihsed?

Manish Giri
@Manish-Giri
Feb 15 2016 00:31 UTC
@cragsify I think you can use setTimeOut()
Craig Banach
@CraigBanach
Feb 15 2016 00:33 UTC
@Manish-Giri That's just a timer though, there's no guarantee that the first function will be finished.
Phong Pham
@phonghpham
Feb 15 2016 00:34 UTC
This message was deleted
CamperBot
@camperbot
Feb 15 2016 00:34 UTC
:bulb: to format code use backticks! ``` more info
Phong Pham
@phonghpham
Feb 15 2016 00:34 UTC
oops
function where(collection, source) {
  var arr = [];
  // What's in a name?

  // loop over collection of objects checking to see if any objects contain key: value pairs
  // in source object
  var sourceKeys = Object.keys(source);

  for (var i = 0; i < collection.length; i++) {
    if (Object.keys(collection[i]).length >= sourceKeys.length) {
      for (var key in source) {

          if (collection[i].hasOwnProperty(key)) {
            if (collection[i][key] === source[key]) {
              arr.push(collection[i]);
            }
          }

      }
    }
  }


  return arr;
}
for this test case console.log(where([{ "a": 1, "b": 2 }, { "a": 1 }, { "a": 1, "b": 2, "c": 2 }], { "a": 1, "b": 2 }));
I keept getting this out put
[ { a: 1, b: 2 },
  { a: 1, b: 2 },
  { a: 1, b: 2, c: 2 },
  { a: 1, b: 2, c: 2 } ]
It's pushing the current object into the array i want to return twice instead of once because it's checking to see if target object contains source key, it does. push it in. then it goes to next property which passes test again so it pushes it again. I don't know how to break out of it? I know with a regular loop I can use break or continue...how might i achieve this with a for in loop? Any help?
Phong Pham
@phonghpham
Feb 15 2016 00:41 UTC
This is for the Where Art Thou algorithm I'm looking for some assistance with.
Caleb
@mcgratcj
Feb 15 2016 00:42 UTC
hello everyone. I just started a couple days ago and I'm confused as to how to resize images using CSS. can anyone see whats wrong with the code?

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.smaller-image {
width: 100px;
}
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Craig Banach
@CraigBanach
Feb 15 2016 00:43 UTC
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.smaller-image {
width: 100px;
}
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Caleb
@mcgratcj
Feb 15 2016 00:43 UTC
thanks!
Craig Banach
@CraigBanach
Feb 15 2016 00:43 UTC
@mcgratcj You don't give you img element the class .smaller-image.
@mcgratcj <img class="smaller-image" src="">
Caleb
@mcgratcj
Feb 15 2016 00:44 UTC
how did you grab the screenshot of the code as well?
Craig Banach
@CraigBanach
Feb 15 2016 00:44 UTC
@cragsify I copy and pasted you code and then used this...
help format
CamperBot
@camperbot
Feb 15 2016 00:44 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

wpfpizicai
@wpfpizicai
Feb 15 2016 00:45 UTC
or you can put style on the omg attribute <img width=“100” src=“">
Craig Banach
@CraigBanach
Feb 15 2016 00:45 UTC
@wpfpizicai A better way to do this using css would be <img style="width:100px" src="">
wpfpizicai
@wpfpizicai
Feb 15 2016 00:46 UTC
yes
you are right
Craig Banach
@CraigBanach
Feb 15 2016 00:46 UTC
@mcgratcj Let us know if that fixes the problem.
Caleb
@mcgratcj
Feb 15 2016 00:46 UTC
ok giving it a shot
Phong Pham
@phonghpham
Feb 15 2016 00:47 UTC
anybody here solved Where Art Thou algorithm challenge yet ?
holla at me if you have
Caleb
@mcgratcj
Feb 15 2016 00:50 UTC
@cragsify the tips worked, thanks
CamperBot
@camperbot
Feb 15 2016 00:50 UTC
mcgratcj sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 292 | @cragsify | http://www.freecodecamp.com/cragsify
Michael Aubrey
@mca62511
Feb 15 2016 01:01 UTC
working on the Basic Front End Development Projects that got moved up earlier on the map.
Still on building a tribute page.
What's difficult about it for me is figuring out what bootstrap classes I should be using for things.
Especially since the tutorial stressed that they didn't use any custom CSS except for adding a margin to the top
I probably spent about an hour and a half trying to use .well to style the grey div, only realize just now that it is likely supposed to be a .jumbotron
Is there anything that can make figuring out the correct bootstrap classes easier?
Tony
@Rogers187
Feb 15 2016 01:10 UTC

what am i doing wrong? cant get the body element color green, or Your h1 element should inherit the color green from your body element. This is what i have so far. <style>
body {
background-color: green;
font-family: Monospace;
}
</style>

<h1 class="background-color">Hello World</h1>

Craig Banach
@CraigBanach
Feb 15 2016 01:10 UTC
@mca62511 You can right-click on the example webpage and click "inspect element" to see the markup.
body {
background-color: green;
font-family: Monospace;
}
</style>
<h1 class="background-color">Hello World</h1>
@Rogers187 remove the class from h1 and wrap it in <body></body>
@Rogers187 also it should be color: not background-color:
Michael Aubrey
@mca62511
Feb 15 2016 01:12 UTC
The rules specifically tell you not to look at the source.
Craig Banach
@CraigBanach
Feb 15 2016 01:12 UTC
@mca62511 Apart from that there is not a really good way. Only other suggestion I have is wading through the bootstrap docs.
Austin Thornley
@AustinThornley
Feb 15 2016 01:14 UTC
Could anyone help me with some HTML/CSS?
Craig Banach
@CraigBanach
Feb 15 2016 01:15 UTC
@AustinThornley Sure, what's up?
Austin Thornley
@AustinThornley
Feb 15 2016 01:16 UTC
@cragsify I have this codepen. Just kinda messing around, I was just wondering, the picture of the mountains, how can I get it to be 100% of the heighth of the window? So you don't see the blue div at the bottom until you scroll down a little farther? http://codepen.io/AustinThornley/pen/jWJNaX
Austin Thornley
@AustinThornley
Feb 15 2016 01:17 UTC
@qualitymanifest This isn't like the whole webpage, it could just be a div, correct?
DJ
@qualitymanifest
Feb 15 2016 01:17 UTC
ah, just noticed you said "height of the window" which might be a little different. haven't done any stacked background images yet
Craig Banach
@CraigBanach
Feb 15 2016 01:17 UTC
@AustinThornley I don't see the image, have you saved the code with the image?
Austin Thornley
@AustinThornley
Feb 15 2016 01:17 UTC
@qualitymanifest Yeah, that's what I need help with lol
@cragsify The image is in the CSS
.header {
   background: url("http://i.imgur.com/WYZt699.jpg") center center no-repeat;
   padding: 0;
   margin: 0;
   height: 500px;
}
The image is in this CSS code.
Craig Banach
@CraigBanach
Feb 15 2016 01:19 UTC
@AustinThornley I would experiment with the background-size: 100% 100% property
@AustinThornley And changed the height of the image/div.
DJ
@qualitymanifest
Feb 15 2016 01:20 UTC
@AustinThornley i think you could use vh maybe?
Austin Thornley
@AustinThornley
Feb 15 2016 01:20 UTC
@cragsify Wait, it shows up for me. If I paste the link in incognito it doesn't show up though. Weird
@cragsify I'll try that.
Craig Banach
@CraigBanach
Feb 15 2016 01:20 UTC
@AustinThornley I think you need to cache the image for it to show.
dayshin
@dayshin
Feb 15 2016 01:21 UTC
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<labeL>
<input type="radio" name="indoor-outdoor"> indoor
</label>
<label>
<input type="radio" name="indoor-outdoor"> outdoor
</label>
<button type="submit">Submit</button>
</form>
It says that my labels need a closing tag, even though both of them are closed?
Craig Banach
@CraigBanach
Feb 15 2016 01:21 UTC
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<labeL>
<input type="radio" name="indoor-outdoor"> indoor
</label>
<label>
<input type="radio" name="indoor-outdoor"> outdoor
</label>
<button type="submit">Submit</button>
</form>
Austin Thornley
@AustinThornley
Feb 15 2016 01:21 UTC
@cragsify How would I do that?
Craig Banach
@CraigBanach
Feb 15 2016 01:21 UTC
@dayshin your first label has a capital L.
dayshin
@dayshin
Feb 15 2016 01:22 UTC
Oh
thanks
Craig Banach
@CraigBanach
Feb 15 2016 01:22 UTC
@AustinThornley you need to go to webpage then refresh for something to be picked up from cache, personally, I would implement the image in the html.
Austin Thornley
@AustinThornley
Feb 15 2016 01:23 UTC
@cragsify I need to go the webpage of the image or the codepen?
Craig Banach
@CraigBanach
Feb 15 2016 01:23 UTC
@AustinThornley codepen, I seen the image once I refreshed.
@AustinThornley If you implement the image in the html, it should even show in incognito.
Austin Thornley
@AustinThornley
Feb 15 2016 01:24 UTC
@cragsify Oh, I see the image fine, I just am wondering how to make it so it can be the right height and you can't see the blue div unless you scroll down a little
Craig Banach
@CraigBanach
Feb 15 2016 01:25 UTC
@AustinThornley use background-size:100% 100%, and make the image/div height larger
Austin Thornley
@AustinThornley
Feb 15 2016 01:25 UTC
@cragsify Okay, I'll try that.
@cragsify So, I did that, but on Mobile, won't they have to scroll down a lot more?? And the background-size: 100% 100%; just changes which part of the image you can see
Craig Banach
@CraigBanach
Feb 15 2016 01:29 UTC
@AustinThornley ok, I would experiment with vh = viewport height in css.
@AustinThornley You will probably need to rewrite your html to get it how you want.
Austin Thornley
@AustinThornley
Feb 15 2016 01:30 UTC
@cragsify Okay.
Kermit Strachan
@Mertik
Feb 15 2016 01:57 UTC
hi all i could use some help here. I'm doing the Seek and Destroy Challenge, I seem to be getting the right output, but it's not validating. I'm assuming it has to with passing the arguments object.
function check(value){
  return value !== this;
}
function destroyer(arr) {
  // Remove all the values
  for(var i = 1; i < arguments.length; i++){
        arr = arr.filter(check, arguments[i]);
  }

  return arr;
}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);
CamperBot
@camperbot
Feb 15 2016 01:59 UTC
:bulb: to format code use backticks! ``` more info
Michael Aubrey
@mca62511
Feb 15 2016 01:59 UTC
Oh!
Wait, do I not need to copy the Tribute Page exactly?
Can I format things the way I'd like?
Craig Banach
@CraigBanach
Feb 15 2016 02:00 UTC
@mca62511 YEs, do what you wan
Michael Aubrey
@mca62511
Feb 15 2016 02:00 UTC
The video talked a lot about how the whole page was done with just bootstrap and no custom elements, so somehow I thought I'd need to do the same.
Craig Banach
@CraigBanach
Feb 15 2016 02:01 UTC
@mca62511 I'd recommend it, but you can do what you want, as long as you fulfill the user stories.,
Michael Aubrey
@mca62511
Feb 15 2016 02:03 UTC
But is this okay? Now I feel like I've made things too much like the original https://codepen.io/mca62511/full/WrmbzE/ I definitely didn't give it my "own personal style".
Craig Banach
@CraigBanach
Feb 15 2016 02:03 UTC
@mca62511 As long as you fulfill the user stories, you should pass. Alot of my FCC project have no CSS.
Sloth
@RMo-Sloth
Feb 15 2016 02:23 UTC
@mca62511 You are opening your text below the header with a <p> and closing it up with a </h2>
Raiden357
@raiden357
Feb 15 2016 02:24 UTC
need help with Target HTML Elements with Selectors Using jQuery plz
nvm
Michael Aubrey
@mca62511
Feb 15 2016 02:26 UTC
@RobMo Thanks for pointing that out.
CamperBot
@camperbot
Feb 15 2016 02:26 UTC
mca62511 sends brownie points to @robmo :sparkles: :thumbsup: :sparkles:
:star: 132 | @robmo | http://www.freecodecamp.com/robmo
Michael Aubrey
@mca62511
Feb 15 2016 02:26 UTC
I'm making changes to it right now.
cannelflow
@cannelflow
Feb 15 2016 02:27 UTC
@raiden357 tried something ?
Raiden357
@raiden357
Feb 15 2016 02:27 UTC
yea i still need help plz
cannelflow
@cannelflow
Feb 15 2016 02:27 UTC
@raiden357 tried anything ?
Raiden357
@raiden357
Feb 15 2016 02:28 UTC
yea i don't know what t odo
don't know what to put in the buttons
button is what you have to target
Raiden357
@raiden357
Feb 15 2016 02:32 UTC
yup still nothing
i'm skipping it
Sloth
@RMo-Sloth
Feb 15 2016 02:32 UTC
What is the problem?
cannelflow
@cannelflow
Feb 15 2016 02:32 UTC
@raiden357 what you tried can you paste code
or do you need answer
$(document).ready(function(){

        $("p").hide();<-------this how you target p tag

});
@raiden357
Raiden357
@raiden357
Feb 15 2016 02:35 UTC
Use the jQuery addClass() function to give the classes animated and bounce to your button elements.
don't know what that means
and thansk for your help
thanks
ySkilly
@ySkilly
Feb 15 2016 02:38 UTC
Hi, i'm at the "Build a tribute page" challenge and i'm having some troubles creating the "border like" thing, here is my pen (http://codepen.io/ySkilly/pen/rxRVWE), if you could help me it would be amazing
Michael Aubrey
@mca62511
Feb 15 2016 02:40 UTC
Which border-like thing do you mean?
Sloth
@RMo-Sloth
Feb 15 2016 02:42 UTC
@ySkilly Part of teh challenge is not to use css (that s also a hint as in how to solve it)
Raiden357
@raiden357
Feb 15 2016 02:45 UTC
whats the anwser
ySkilly
@ySkilly
Feb 15 2016 02:45 UTC
Oh yea, i'm gonna re start from scratches so !
So i guess it's jQuery, but i don't remember seeing how to make the "border like" thing, is it cheating if i go on another website to learn it ?
Raiden357
@raiden357
Feb 15 2016 02:45 UTC
because i'm lost
Sloth
@RMo-Sloth
Feb 15 2016 02:45 UTC
@ySkilly This is a big hint toward the solution: http://www.freecodecamp.com/challenges/create-bootstrap-wells
ySkilly
@ySkilly
Feb 15 2016 02:47 UTC
Oooh i suck so much haha, forgot what i just learned >.>
Well thanks man ! (understood the joke eh ? :smile: )
Manish Giri
@Manish-Giri
Feb 15 2016 02:48 UTC
@raiden357 what's your question
Sloth
@RMo-Sloth
Feb 15 2016 02:48 UTC
@ySkilly No problem I forgot half of it myself as well (i m finishing up the same challenge atm) ;)
Michael Aubrey
@mca62511
Feb 15 2016 02:49 UTC
The example doesn't use wells though.
Sloth
@RMo-Sloth
Feb 15 2016 02:50 UTC
I wouldn't know, I didn't look at it ;). But .well seems to do the trick @mca62511
Raiden357
@raiden357
Feb 15 2016 02:52 UTC
Target HTML Elements with Selectors Using jQuery im stuck on this and just want the anwser so i can move on
ySkilly
@ySkilly
Feb 15 2016 02:53 UTC
@raiden357 can't tell you the answer, but in your challenge you have to select the button element and ADD it the CLASS "animated bounce"
swissricola
@swissricola
Feb 15 2016 02:53 UTC
can anyone help me with the "Use Bracket Notation to Find the Nth Character in a String" part, having trouble
// Example
var firstName = "Ada";
var secondLetterOfFirstName = firstName[1];

// Setup
var lastName = "Lovelace";

// Only change code below this line.

var thirdLetterOfLastName = "v";
var lastname = [3];
ySkilly
@ySkilly
Feb 15 2016 02:55 UTC
@raiden357 in fact the answer is given in the challenge, you just have to copy paste the code they gave you
swissricola
@swissricola
Feb 15 2016 02:57 UTC
nvm got it
Michael Aubrey
@mca62511
Feb 15 2016 02:59 UTC
@RobMo You can tell without looking http://codepen.io/mca62511/pen/eJXNXN A well has that darker grey border around it and different padding. The example page is more consistent with a jumbotron.

But... the rules say.

Give it your own personal style.

So perhaps it doesn't matter so much

ySkilly
@ySkilly
Feb 15 2016 03:02 UTC
@mca62511 thanks man !
well we couldn't know because no challenges told us about jumbotron, but now we know ! :tongue:
CamperBot
@camperbot
Feb 15 2016 03:02 UTC
yskilly sends brownie points to @mca62511 :sparkles: :thumbsup: :sparkles:
:star: 266 | @mca62511 | http://www.freecodecamp.com/mca62511
Travis
@TravisHi
Feb 15 2016 03:08 UTC
hey guys can I get some help with my logic?
Sloth
@RMo-Sloth
Feb 15 2016 03:20 UTC
@ySkilly that helps :) There is a lot more about bootstrap on http://www.w3schools.com/bootstrap/default.asp (even more than the bootstrap website itself)
Michael Aubrey
@mca62511
Feb 15 2016 03:24 UTC
Here's a link to the documentation on the bootstrap website: http://getbootstrap.com/css/
And you can also go here http://getbootstrap.com/getting-started/#examples check out on example, right click, and select "View page source"
to get some ideas about how to use stuff
Raiden357
@raiden357
Feb 15 2016 03:26 UTC
thx @RobMo this is for the points
CamperBot
@camperbot
Feb 15 2016 03:26 UTC
raiden357 sends brownie points to @robmo :sparkles: :thumbsup: :sparkles:
:star: 133 | @robmo | http://www.freecodecamp.com/robmo
Manish Giri
@Manish-Giri
Feb 15 2016 03:35 UTC
@TravisHi go ahead
Travis
@TravisHi
Feb 15 2016 03:35 UTC
It's cool I figured it out @Manish-Giri !
sereion
@sereion
Feb 15 2016 03:36 UTC

I'm just starting from scratch, and I am struggling to add borders to an image. This is what I've done so far: .smaller-image {
width: 100px;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;

}

</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image" "thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

Pradeep CE
@cepradeep
Feb 15 2016 03:40 UTC
@sereion You needn't seperate class names with quotes. Just a blank space is enough.
Try this:
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
sxWalle
@LDWX
Feb 15 2016 03:49 UTC
function rot13(str) { // LBH QVQ VG!

  var array = str.split(" ");
  var arrTemp =[];

  for (var i = 0; i < array.length; i++){

    for (var j = 0; j < array[i].length; j++){

      arrTemp.push(array[i][j].charCodeAt());

    }
    arrTemp.push(32);

  }

  var tempArray = [];
  var string = "";
  for (i = 0; i < arrTemp.length; i++){

    var temp = arrTemp[i];

    if (temp !== 32){
      if (temp >= 65 && temp <= 77){
        temp += 13;

      }else if(temp > 77 && temp <= 90){
        temp -= 13;
      }

      string +=String.fromCharCode(temp);    

    }else {
      string += " ";
    }

  }  

  return string;
}

// Change the inputs below to test
rot13("GUR DHVPX OEBJA QBT WHZCRQ BIRE GUR YNML SBK.");
I have got right answer, but still can't pass it!!!!!
Does anyone have the same problem?
Pradeep CE
@cepradeep
Feb 15 2016 04:01 UTC
@LDWX Specify an index for charCodeAt().
Dewayne
@sphinxlikewayne
Feb 15 2016 04:01 UTC
Hello again. Would one of you mind helping me out with challenge #23? I've been hung up on this for a while now.
sxWalle
@LDWX
Feb 15 2016 04:02 UTC
 arrTemp.push(array[i][j].charCodeAt(0));
Still can work
@sphinxlikewayne
@sphinxlikewayne show your code
@pradeepce Still can't work
Dewayne
@sphinxlikewayne
Feb 15 2016 04:03 UTC

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

img {
width: 100px;
}


</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

the img {
width: 100px;
} is the only edits ive made so far
Chase Childers
@d00mb0x
Feb 15 2016 04:03 UTC
I made a page with a div element, in my local browser I have managed to make my div take up the entire screen (like I want to) but when I upload it to my web server for some reason it has padding on the left?
Dewayne
@sphinxlikewayne
Feb 15 2016 04:04 UTC
i see the image is resized but im not sure whats hanging me up on this one
sxWalle
@LDWX
Feb 15 2016 04:04 UTC
@sphinxlikewayne Please show your title,I don't remember the problem
Dewayne
@sphinxlikewayne
Feb 15 2016 04:05 UTC
blob
@LDWX thanks by the way
CamperBot
@camperbot
Feb 15 2016 04:06 UTC
sphinxlikewayne sends brownie points to @ldwx :sparkles: :thumbsup: :sparkles:
:star: 266 | @ldwx | http://www.freecodecamp.com/ldwx
sxWalle
@LDWX
Feb 15 2016 04:07 UTC
@sphinxlikewayne
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
  .smaller-image{
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
This is my code
@camperbot
Dewayne
@sphinxlikewayne
Feb 15 2016 04:12 UTC
it works
but after doing this one i can see this coding thing getting more and more complicated
i really appreciate the help though
Elaine
@consultelaine
Feb 15 2016 04:14 UTC
I was just stuck at this exact place...this helped me as well. Thanks!
Pradeep CE
@cepradeep
Feb 15 2016 04:22 UTC

@LDWX Hint: With

arrTemp.push(array[i][j].charCodeAt(0));

you are referring to the value at index 0 throughout the loop. You should replace 0 with a variable.

Sloth
@RMo-Sloth
Feb 15 2016 04:24 UTC
Hey I finished my "Build a tribute page"-challenge. I would love to get some pointers on it. Also there is an issue where the white space on the right side of the screen gets bigger than that on the left, when you resize the screen. Anyone has an idea what causes this? http://codepen.io/RobMo/pen/yewyXp
Kevin Mulligan
@kmulligan
Feb 15 2016 04:25 UTC

@kmulligan Yes. Pure functions have no side effects: they receive a value and they return a value, without modifyng the entering value or, God forbid, variables from the outside scope. There are many benefits to programming in a functional style, including ease of testing, debugging and much, much, much better composability.

@marcusmonteiro thanks for this... will do my best to remember

CamperBot
@camperbot
Feb 15 2016 04:25 UTC
sorry kmulligan, you can't send brownie points to yourself! :sparkles: :sparkles:
:star: 92 | @marcusmonteiro | http://www.freecodecamp.com/marcusmonteiro
Rafael J. Rodriguez
@Rafase282
Feb 15 2016 04:31 UTC
which room is for front end stuff?
Kevin Mulligan
@kmulligan
Feb 15 2016 04:34 UTC
HelpFrontEnd
Rafael J. Rodriguez
@Rafase282
Feb 15 2016 04:35 UTC
thanks @kmulligan
CamperBot
@camperbot
Feb 15 2016 04:35 UTC
rafase282 sends brownie points to @kmulligan :sparkles: :thumbsup: :sparkles:
:star: 275 | @kmulligan | http://www.freecodecamp.com/kmulligan
Jon Selig
@JonSelig
Feb 15 2016 05:07 UTC
Anyone know how to get this background scrolling to work in mobile browsers? I think background: fix is disabled for them
sxWalle
@LDWX
Feb 15 2016 05:16 UTC
 for (var i = 0; i < array.length; i++){

    for (var j = 0; j < array[i].length; j++){

      arrTemp.push(array[i].charCodeAt(j));

    }
    arrTemp.push(32);

  }

That still doesn't work.

@pradeepce

Anthony J Letourneau
@lenerdo
Feb 15 2016 05:17 UTC
Hi guys, going through my first few challenges.
Jon Selig
@JonSelig
Feb 15 2016 05:20 UTC
is array a multidimensional array @LDWX ?
sxWalle
@LDWX
Feb 15 2016 05:20 UTC
yes @JonSelig
@JonSelig My result is right, but can't pass
Taurus Colvin
@colvint
Feb 15 2016 05:21 UTC
@lenerdo :+1:
sxWalle
@LDWX
Feb 15 2016 05:29 UTC
function rot13(str) { // LBH QVQ VG!

  var array = str.split(" ");
  var arrTemp =[];

  for (var i = 0; i < array.length; i++){

    for (var j = 0; j < array[i].length; j++){

      arrTemp.push(array[i].charCodeAt(j));

    }
    arrTemp.push(32);

  }

  var tempArray = [];
  var string = "";
  for (i = 0; i < arrTemp.length; i++){

    var temp = arrTemp[i];

    if (temp !== 32){
      if (temp >= 65 && temp <= 77){
        temp += 13;

      }else if(temp > 77 && temp <= 90){
        temp -= 13;
      }

      string +=String.fromCharCode(temp);    

    }else {
      string += " ";
    }

  }  

  return string;
}

// Change the inputs below to test
rot13("SERR PBQR PNZC");
I have right result , but can pass.Does anyone know how to solve it ?
Jon Selig
@JonSelig
Feb 15 2016 05:29 UTC
Which challenge is it?
sxWalle
@LDWX
Feb 15 2016 05:30 UTC
@JonSelig Caesars Cipher
Jon Selig
@JonSelig
Feb 15 2016 05:31 UTC
Can you use "array" as an array name? It's highlighted in your code
sxWalle
@LDWX
Feb 15 2016 05:32 UTC
@JonSelig It doesn't matter.
Jon Selig
@JonSelig
Feb 15 2016 05:32 UTC
You have a trailing space in the text output I think
sxWalle
@LDWX
Feb 15 2016 05:34 UTC
oH ! yes , I get it ! thank you @JonSelig
CamperBot
@camperbot
Feb 15 2016 05:34 UTC
ldwx sends brownie points to @jonselig :sparkles: :thumbsup: :sparkles:
:star: 135 | @jonselig | http://www.freecodecamp.com/jonselig
Jon Selig
@JonSelig
Feb 15 2016 05:34 UTC
@LDWX np, glad I could help even though I'm not to the javascript challenges haha
fefe-fiona
@fefe-fiona
Feb 15 2016 05:34 UTC
@JonSelig use responsive design with booth strap fluid containers. This was the challenge . I end up getting it right .
Jon Selig
@JonSelig
Feb 15 2016 05:36 UTC
@fefe-fiona add <div class="container-fluid"> at the top and close the div at the bottom
Oh missed the end
glad you figured it out
fefe-fiona
@fefe-fiona
Feb 15 2016 05:38 UTC
I was lost for a bit, I guess I was over thinking it.
Jon Selig
@JonSelig
Feb 15 2016 05:39 UTC
Anyone know why #id-name { font-size: 200% } applies to a <p> inside the div with id "id-name", but not to an <h1> in the same div?
Oh do headers have a fixed size?
Shams Jiwani
@sjiwani
Feb 15 2016 05:42 UTC
HELP!!
$(".target:nth-child(3)").addClass("animated bounce");
how to you utilize the target for an id?
fefe-fiona
@fefe-fiona
Feb 15 2016 05:44 UTC
@JonSelig thank you
CamperBot
@camperbot
Feb 15 2016 05:44 UTC
fefe-fiona sends brownie points to @jonselig :sparkles: :thumbsup: :sparkles:
:star: 136 | @jonselig | http://www.freecodecamp.com/jonselig
Liam Bang
@Liam345
Feb 15 2016 05:45 UTC
Hi please help I am trying to factorize a number (as a part of Javascript algorithms). This is my code which seems right to me but I am unable to pass the level.

var a=1;
function factorialize(num) {
for (var i=1; i<=num;i++)
{
a=a*i;
}
return a;

}

factorialize(5);

Jon Selig
@JonSelig
Feb 15 2016 05:48 UTC
@Liam345 move var a=1; into the function
Kirby Urner
@4dsolutions
Feb 15 2016 05:48 UTC
@Liam345 are you sure you want var a=1; outside the function? That means the function can't work unless there's an already existing a outside it first, right? If a =1 is inside... right @JonSelig said it.
Jon Selig
@JonSelig
Feb 15 2016 05:50 UTC
Dang I still have 12 hours of lessons + finishing my portfolio to get to those, they look fun
Liam Bang
@Liam345
Feb 15 2016 05:52 UTC
@JonSelig @4dsolutions Thanks got it
CamperBot
@camperbot
Feb 15 2016 05:52 UTC
liam345 sends brownie points to @jonselig and @4dsolutions :sparkles: :thumbsup: :sparkles:
:star: 12 | @4dsolutions | http://www.freecodecamp.com/4dsolutions
:star: 137 | @jonselig | http://www.freecodecamp.com/jonselig
Tony
@Rogers187
Feb 15 2016 05:55 UTC
am i doing this right/ <button class="btn btn-info">Like></button>
Taurus Colvin
@colvint
Feb 15 2016 05:55 UTC
<button class="btn btn-info">Like</button>
(remove that extra < after the Like)
Tony
@Rogers187
Feb 15 2016 05:57 UTC
@colvint still not working
Taurus Colvin
@colvint
Feb 15 2016 05:59 UTC
@Rogers187 you mean the button isn’t working?
which challenge?
Tony
@Rogers187
Feb 15 2016 06:00 UTC
yeah its just putting text on the app. not a button
@colvint Create a Bootstrap Button
Taurus Colvin
@colvint
Feb 15 2016 06:03 UTC
hmm <button class="btn btn-info">Like</button> works for me
must be some other issue preventing you from passing...
trying resetting the challenge and trying again with that button markup
Create a new button element below your large kitten photo. Give it the class btn and the text of "Like”.
also, perhaps it needs to be below the large kitten photo to pass...
Tony
@Rogers187
Feb 15 2016 06:07 UTC
@colvint resetting worked thanks
CamperBot
@camperbot
Feb 15 2016 06:07 UTC
rogers187 sends brownie points to @colvint :sparkles: :thumbsup: :sparkles:
:star: 47 | @colvint | http://www.freecodecamp.com/colvint
Taurus Colvin
@colvint
Feb 15 2016 06:07 UTC
@Rogers187 :+1:
Collin
@collinferry
Feb 15 2016 06:19 UTC
Anyone completed the weather app gig? I'm having a tough time confirming that any data is getting through the API pull. Tried getJSON and loadJSON and I feel like i'm missing something obvious.
$.getJSON("http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=2bfb9a60bdbdfd4d690c66b602546943"), function(weather) {
  var temp = weather.main.temp;

  console.log(temp);
  };
LoLRabbit
@KevinStaufy
Feb 15 2016 06:24 UTC
how do you make a element again?
an h3 element to be exact
nvm got it :)
idietmoran
@idietmoran
Feb 15 2016 06:25 UTC

@collinferry

$.getJSON("http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=2bfb9a60bdbdfd4d690c66b602546943", function(weather) {
  var temp = weather.main.temp;

  console.log(temp);
  });

try this

Collin
@collinferry
Feb 15 2016 06:27 UTC
@idietmoran thanks my friend
CamperBot
@camperbot
Feb 15 2016 06:27 UTC
collinferry sends brownie points to @idietmoran :sparkles: :thumbsup: :sparkles:
:star: 295 | @idietmoran | http://www.freecodecamp.com/idietmoran
idietmoran
@idietmoran
Feb 15 2016 06:27 UTC
@collinferry just a parentesis in the wrong place xD
Collin
@collinferry
Feb 15 2016 06:28 UTC
@idietmoran it's always something simple like that. Sometimes I dig around for hours only to find I should have looked at the basics...
LoLRabbit
@KevinStaufy
Feb 15 2016 06:28 UTC
@collinferry thats me every day haha
Collin
@collinferry
Feb 15 2016 06:30 UTC
@KevinStaufy :P
Yuvraj Adagale
@Yuvraj1989
Feb 15 2016 06:36 UTC
can anyone please help me with Counting cards challenge?
LoLRabbit
@KevinStaufy
Feb 15 2016 06:40 UTC
how do you make button elements for use in a <div>
i forgot
nvm
Brandon
@Brandondoescode
Feb 15 2016 06:49 UTC
Is anyone willing to walk me through Basic Javascript -> record collection? I'm very confused and very stuck
Liam Bang
@Liam345
Feb 15 2016 06:49 UTC
hi how can i exit out of the loop if the function returns false even once, and keeep on continuing the loop if the result is true in the code below:
for(var i=0;i<(len/2);i++);
{
if (b[i]!=b[len-i-1])
{return false;
}
else
{
return true;
}
}
LoLRabbit
@KevinStaufy
Feb 15 2016 06:53 UTC
@Liam345 @Brandondoescode hate to say it guys but the chat is pretty dead at the moment and i cant really help either of you :(
Brandon
@Brandondoescode
Feb 15 2016 06:53 UTC
@KevinStaufy yikes! Keep plugging I guess haha
LoLRabbit
@KevinStaufy
Feb 15 2016 06:53 UTC
@Brandondoescode yup good luck man!
Raunaq Jain
@Raunaq-Jain
Feb 15 2016 06:54 UTC
@Liam345 replace return true with "continue";
or just remove the else statement, that will work too.
Liam Bang
@Liam345
Feb 15 2016 06:59 UTC
@Raunaq-Jain I have tried both. In case of continue it shows an error saying continue is only a valid inside a loop statement. While if I remove else statement I cannot display true when the loop is never false.
Ryan Hutchison
@rhutchison
Feb 15 2016 07:00 UTC
@Liam345 "break;"
Raunaq Jain
@Raunaq-Jain
Feb 15 2016 07:01 UTC
@rhutchison he doesn't want to exit the loop at the true condition.
Ryan Hutchison
@rhutchison
Feb 15 2016 07:01 UTC
he said at the false
Raunaq Jain
@Raunaq-Jain
Feb 15 2016 07:02 UTC
at false, he will automatically exit the loop as it is a return statement. He will get out of the function itself
sxWalle
@LDWX
Feb 15 2016 07:02 UTC
Anybody solve "Get Geolocation Data" ?
Raunaq Jain
@Raunaq-Jain
Feb 15 2016 07:02 UTC
@LDWX In json - ajax one?
Ryan Hutchison
@rhutchison
Feb 15 2016 07:02 UTC
I think he doesn't want to return false, but instead break out
@Liam345 can you provide the full method/problem you are trying to solve
Mohit Garg
@mohitgarg
Feb 15 2016 07:04 UTC
Hii @/all Can anyone recommend a good blog name for javascript? I want to start a blog to help the beginners get started on JS
Ryan Hutchison
@rhutchison
Feb 15 2016 07:04 UTC
JS for noobs
:D
Taurus Colvin
@colvint
Feb 15 2016 07:05 UTC
@4mohit consider writing your blog on http://www.medium.com
that’s where the cool kids write stuff these days...
Liam Bang
@Liam345
Feb 15 2016 07:06 UTC
@rhutchison I am trying to solve the Palindrome problem. So when I enter “eye" in the function , it returns true, but when I enter “eyys” in the function it still returns true as it is not exiting when e!=s but shows the value true as y=y
Brandon
@Brandondoescode
Feb 15 2016 07:08 UTC
Hey guys, still very stuck on basic javascript -> record collection could really use some help :/
LoLRabbit
@KevinStaufy
Feb 15 2016 07:13 UTC
@Brandondoescode have you tried posting in the other section of the chat yet?
Brandon
@Brandondoescode
Feb 15 2016 07:13 UTC
nah I thought questions were specifically for this subchat?
Taurus Colvin
@colvint
Feb 15 2016 07:14 UTC
@Brandondoescode
Brandon
@Brandondoescode
Feb 15 2016 07:14 UTC
@colvint heya
LoLRabbit
@KevinStaufy
Feb 15 2016 07:14 UTC
@Brandondoescode yea but this one is like hella dead
Taurus Colvin
@colvint
Feb 15 2016 07:14 UTC
need help?
Brandon
@Brandondoescode
Feb 15 2016 07:14 UTC
I do!
Taurus Colvin
@colvint
Feb 15 2016 07:15 UTC
fire away
...
Brandon
@Brandondoescode
Feb 15 2016 07:15 UTC
try not to laugh but this is what I have...
LoLRabbit
@KevinStaufy
Feb 15 2016 07:15 UTC
@colvint is pretty damn good at solving problems ive seen him fix a few!
Brandon
@Brandondoescode
Feb 15 2016 07:15 UTC
// Setup
var collection = {
    2548: {
      album: "Slippery When Wet",
      artist: "Bon Jovi",
      tracks: [ 
        "Let It Rock", 
        "You Give Love a Bad Name" 
      ]
    },
    2468: {
      album: "1999",
      artist: "Prince",
      tracks: [ 
        "1999", 
        "Little Red Corvette" 
      ]
    },
    1245: {
      artist: "Robert Palmer",
      tracks: [ ]
    },
    5439: {
      album: "ABBA Gold"
    }
};
// Keep a copy of the collection for tests
var collectionCopy = JSON.parse(JSON.stringify(collection));

// Only change code below this line
function update(id, prop, value) {
   if (id[prop] !== "" && id[prop] !== "tracks"){
     id[prop] = "new prop";
   }
  else if (id[prop] == "tracks" && id[prop].value === ""){
    id[prop].value.push();
  }
  else {
    id[prop].delete();
  }

  return collection;
}

// Alter values below to test your code
update(5439, "artist", "ABBA");
Ryan Hutchison
@rhutchison
Feb 15 2016 07:15 UTC
@Liam345 can you just do return str == str.split('').reverse().join('');?
or does it need to be in a loop?
Taurus Colvin
@colvint
Feb 15 2016 07:16 UTC
@Brandondoescode which challenge?
Ryan Hutchison
@rhutchison
Feb 15 2016 07:16 UTC
I haven't done it, so not familiar
Brandon
@Brandondoescode
Feb 15 2016 07:16 UTC
@colvint basic javascript -> record collection
Taurus Colvin
@colvint
Feb 15 2016 07:16 UTC
oh right sorry
Brandon
@Brandondoescode
Feb 15 2016 07:16 UTC
@colvint its super confusing (to me)
Taurus Colvin
@colvint
Feb 15 2016 07:16 UTC
sec
reading it..
ah ok
so
the first bit: After update(5439, "artist", "ABBA"), artist should be “ABBA"
your update function would have to do two things
Indra Nugraha
@indrango
Feb 15 2016 07:18 UTC
wiki
CamperBot
@camperbot
Feb 15 2016 07:18 UTC
usage:
wiki $topic info on that topic
Indra Nugraha
@indrango
Feb 15 2016 07:18 UTC
wiki Target the same element with multiple jQuery Selectors
CamperBot
@camperbot
Feb 15 2016 07:18 UTC

:point_right: challenge target the same element with multiple jquery selectors [wiki]

Target the same element with multiple jQuery Selectors

The multiple jQuery selectors are:

  1. By type: $("button")
  2. By class: $(".btn")
  3. By id: $("#target1")
<script>
  $(document).ready(function() {
    $("button").addClass("animated");
    $(".btn").addClass("shake");
    $("#target1").addClass("btn-primary");
  });
</script>

:pencil: read more about challenge target the same element with multiple jquery selectors on the FCC Wiki

Taurus Colvin
@colvint
Feb 15 2016 07:18 UTC
1) find the record
2) change (update) the record
LoLRabbit
@KevinStaufy
Feb 15 2016 07:18 UTC
wiki create a script
CamperBot
@camperbot
Feb 15 2016 07:18 UTC
no wiki entry for: create a script
LoLRabbit
@KevinStaufy
Feb 15 2016 07:18 UTC
wiki script element
CamperBot
@camperbot
Feb 15 2016 07:18 UTC
no wiki entry for: script element
Taurus Colvin
@colvint
Feb 15 2016 07:18 UTC
to find the record, we’re in luck
Indra Nugraha
@indrango
Feb 15 2016 07:18 UTC
some one can help me with jquery
Taurus Colvin
@colvint
Feb 15 2016 07:19 UTC
@Brandondoescode i’m going to PM you
Indra Nugraha
@indrango
Feb 15 2016 07:19 UTC
i've some problem with
Target the same element with multiple jQuery Selectors
Taurus Colvin
@colvint
Feb 15 2016 07:19 UTC
hard to see the exchange...
Brandon
@Brandondoescode
Feb 15 2016 07:19 UTC
ok
LoLRabbit
@KevinStaufy
Feb 15 2016 07:19 UTC
@colvint sorry for blowing up chat haha
Brandon
@Brandondoescode
Feb 15 2016 07:19 UTC
I'm decent with jquery whats the question @indrango
Taurus Colvin
@colvint
Feb 15 2016 07:19 UTC
@KevinStaufy no worries
LoLRabbit
@KevinStaufy
Feb 15 2016 07:20 UTC
@colvint so before you slide into his Dm's can you explain to me how to make a script element?
Indra Nugraha
@indrango
Feb 15 2016 07:20 UTC

<script>=
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
});
</script>

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>

LoLRabbit
@KevinStaufy
Feb 15 2016 07:20 UTC
is it like a normal element?
Indra Nugraha
@indrango
Feb 15 2016 07:20 UTC
That's my code
Ryan Hutchison
@rhutchison
Feb 15 2016 07:20 UTC
<script>=
Indra Nugraha
@indrango
Feb 15 2016 07:20 UTC
but dont' pass the challenge
Ryan Hutchison
@rhutchison
Feb 15 2016 07:20 UTC
why is there an equals sign
LoLRabbit
@KevinStaufy
Feb 15 2016 07:20 UTC
@rhutchison well now i feel dumb xD
Indra Nugraha
@indrango
Feb 15 2016 07:21 UTC
Hahaha @rhutchison it work
Thanks
Ryan Hutchison
@rhutchison
Feb 15 2016 07:21 UTC
@KevinStaufy <script type="text/javascript">..</script>
LoLRabbit
@KevinStaufy
Feb 15 2016 07:22 UTC
@rhutchison interesting thank you!
CamperBot
@camperbot
Feb 15 2016 07:22 UTC
kevinstaufy sends brownie points to @rhutchison :sparkles: :thumbsup: :sparkles:
:star: 15 | @rhutchison | http://www.freecodecamp.com/rhutchison
LoLRabbit
@KevinStaufy
Feb 15 2016 07:24 UTC
can someone help me with my code please
<!-- Only change code above this line. -->
<script>=
  $(document).ready(function() {
});


<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
its an issue with my script
Ryan Hutchison
@rhutchison
Feb 15 2016 07:24 UTC
remove the =
you're also missing the closing </script>
LoLRabbit
@KevinStaufy
Feb 15 2016 07:25 UTC
@rhutchison >.> thank you again haha
CamperBot
@camperbot
Feb 15 2016 07:25 UTC
kevinstaufy sends brownie points to @rhutchison :sparkles: :thumbsup: :sparkles:
:warning: kevinstaufy already gave rhutchison points
LoLRabbit
@KevinStaufy
Feb 15 2016 07:25 UTC
yea i caught the closer when i posted it here
Taurus Colvin
@colvint
Feb 15 2016 07:25 UTC
@KevinStaufy did you get it?
LoLRabbit
@KevinStaufy
Feb 15 2016 07:25 UTC
@colvint yup thanks anyways :)
CamperBot
@camperbot
Feb 15 2016 07:25 UTC
kevinstaufy sends brownie points to @colvint :sparkles: :thumbsup: :sparkles:
:star: 52 | @colvint | http://www.freecodecamp.com/colvint
Taurus Colvin
@colvint
Feb 15 2016 07:25 UTC
<script>
alert("Hey I’m in javascript");
</script>
LoLRabbit
@KevinStaufy
Feb 15 2016 07:25 UTC
@colvint yea i dont remeber it teaching me that but i think thats just basic element
LoLRabbit
@KevinStaufy
Feb 15 2016 07:31 UTC
i hate when i write a line of code it doesn't work i rewrite the same thing and it works
Pauras Swami
@pswami
Feb 15 2016 07:33 UTC
what is the best method to add header to every page on website?
LoLRabbit
@KevinStaufy
Feb 15 2016 07:34 UTC
@pswami not sure
Neeraj Lad
@neeraj-lad
Feb 15 2016 07:37 UTC
Hi there!
I am doing the weather api project now.
Open weather only serves http requests for free. Since I am calling open weather api (http) from codepen (https), chrome is giving me a Mixed Content warning.
I found a complicated way to handle it using background pages.
Did you guys use any other technique to handle this issue?
Ademola Adegbuyi
@ooade
Feb 15 2016 07:38 UTC
@neeraj-lad your pen link?
Ademola Adegbuyi
@ooade
Feb 15 2016 07:41 UTC
@neeraj-lad No warning here, but what you need to do is to specify the use of http:// so add http:// before the site url
Aleksei Loginov
@x-lexx
Feb 15 2016 07:42 UTC
Hi guys!
completed task in basic algorithms, doesn't seem right though :

function bouncer(arr) {
// Don't show a false ID to this bouncer.
var boun=[];
var l=0;
boun =arr.filter(function(n){
return n !== null && n != "";
});
if (boun[0] !== boun[0]) { //fix me!
return [];
}
return boun;
}

bouncer([7, "ate", "", false, 9]);

agus21
@agus21
Feb 15 2016 07:42 UTC
blob
Aleksei Loginov
@x-lexx
Feb 15 2016 07:42 UTC
how to avoid if statement?
Ademola Adegbuyi
@ooade
Feb 15 2016 07:42 UTC
WoW! The error is still there, a minute
LoLRabbit
@KevinStaufy
Feb 15 2016 07:42 UTC
@agus21 i see your issue
@agus21 you need to add a class to your <img src> line on the end
@agus21 and you have another style set
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .smaller-image {
    width: 100px;
  }

  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
agus21
@agus21
Feb 15 2016 07:44 UTC
hay,, plse hpl me..
how to give image should be 100 pixels wide????
it my scrit any wrong

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat">

<style>
.larger-image {
width: 100px;
}
</style>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

LoLRabbit
@KevinStaufy
Feb 15 2016 07:44 UTC
. @agus21 look at what i just typed
@KevinStaufy above what you just put
Neeraj Lad
@neeraj-lad
Feb 15 2016 07:44 UTC
@marhyorh adding http won't help, because codepen (https) needs https calls.
See the error which I get:
http://picpaste.com/pics/weatherAppMixedContent-QTDX4vgi.1455522209.png
Brandon
@Brandondoescode
Feb 15 2016 07:45 UTC
@colvint Thanks!
CamperBot
@camperbot
Feb 15 2016 07:45 UTC
brandondoescode sends brownie points to @colvint :sparkles: :thumbsup: :sparkles:
:star: 53 | @colvint | http://www.freecodecamp.com/colvint
Ademola Adegbuyi
@ooade
Feb 15 2016 07:45 UTC
@neeraj-lad yeah i just saw the error while trying to console.log the data
LoLRabbit
@KevinStaufy
Feb 15 2016 07:45 UTC
@Brandondoescode yall got it figured out?
Brandon
@Brandondoescode
Feb 15 2016 07:46 UTC
@KevinStaufy I'll have to study the code to really understand what I was getting wrong so that I can be sure to "learn" but he helped a bunch yea :D
LoLRabbit
@KevinStaufy
Feb 15 2016 07:46 UTC
@Brandondoescode ahh sweet i was gonna ask what you had wrong but im not that far yet so i dont think id fully understand it either haha
Taurus Colvin
@colvint
Feb 15 2016 07:47 UTC
@Brandondoescode welcome
Ademola Adegbuyi
@ooade
Feb 15 2016 07:48 UTC
@neeraj-lad maybe you should be make use of codepen (http)
Tony
@Rogers187
Feb 15 2016 07:48 UTC
` </div>
    <input type="form control" placeholder="cat photo URL" required>
    <button class="submit btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
  </form>
</div>`
Ademola Adegbuyi
@ooade
Feb 15 2016 07:48 UTC
Cos an https won't load http
LoLRabbit
@KevinStaufy
Feb 15 2016 07:48 UTC
@Rogers187 ?
Tony
@Rogers187
Feb 15 2016 07:48 UTC
what am i doing wrong for Style Text Inputs as Form Controls
agus21
@agus21
Feb 15 2016 07:49 UTC
@marhyorh @KevinStaufy
what wrong in my script??
Neeraj Lad
@neeraj-lad
Feb 15 2016 07:49 UTC
@marhyorh I can't control it I guess. I am accessing codepen using http. But it seems to modify links internally, and switches over to https.
LoLRabbit
@KevinStaufy
Feb 15 2016 07:49 UTC
@agus21 i will link my script so you can compare them ok?
Taurus Colvin
@colvint
Feb 15 2016 07:49 UTC
bottom line is: [1, 2, 3].push(4) appends the array & delete person.firstNameunsets the firstname
push (for arrays ) and delete (for objects) are handy
Ryan Hutchison
@rhutchison
Feb 15 2016 07:49 UTC
@Rogers187 <input type="text" class="form-control" placeholder="cat photo URL" required>
LoLRabbit
@KevinStaufy
Feb 15 2016 07:50 UTC
```
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .smaller-image {
    width: 100px;
  }

  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
```
@agus21 compare yours to that
Ademola Adegbuyi
@ooade
Feb 15 2016 07:50 UTC
@agus21 remove the second style element, merge it to the first and add the class (larger-image) to your image
LoLRabbit
@KevinStaufy
Feb 15 2016 07:51 UTC
@marhyorh yea i tried telling him that earlier but i dont think he read it so i just linked him my code
Ademola Adegbuyi
@ooade
Feb 15 2016 07:51 UTC
@KevinStaufy Okay
Madlyn Ward
@mmward19
Feb 15 2016 07:51 UTC
How do i add the google comment
Ademola Adegbuyi
@ooade
Feb 15 2016 07:51 UTC
@neeraj-lad Wow! Codepen always open on http here
Tony
@Rogers187
Feb 15 2016 07:52 UTC
@rhutchison Thank you works
CamperBot
@camperbot
Feb 15 2016 07:52 UTC
rogers187 sends brownie points to @rhutchison :sparkles: :thumbsup: :sparkles:
:star: 16 | @rhutchison | http://www.freecodecamp.com/rhutchison
Neeraj Lad
@neeraj-lad
Feb 15 2016 07:52 UTC
@marhyorh mine too. But it generates a linke /s.codepen... and serves it over https
LoLRabbit
@KevinStaufy
Feb 15 2016 07:53 UTC
can someone help me with my multiple jquery selectors?
<script>
  $(document).ready(function() {
    $("button").addClass("animated");
    $(".btn").addClasss("shake");
    $("#target1").addClass("animated shake btn-primary");


  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
Ademola Adegbuyi
@ooade
Feb 15 2016 07:53 UTC
That's new
Ryan Hutchison
@rhutchison
Feb 15 2016 07:53 UTC
@KevinStaufy what is the goal
LoLRabbit
@KevinStaufy
Feb 15 2016 07:54 UTC
@rhutchison Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
Only use jQuery to add these classes to the element.
the first and last are the only ones checked
Ryan Hutchison
@rhutchison
Feb 15 2016 07:54 UTC
change this
$("#target1").addClass("animated shake btn-primary");
to $("#target1").addClass("btn-primary");
Ademola Adegbuyi
@ooade
Feb 15 2016 07:55 UTC
@KevinStaufy $(".btn").addClasss("shake"); Spelling error in addClass :wink:
LoLRabbit
@KevinStaufy
Feb 15 2016 07:55 UTC
wow
i feel stupid
Ryan Hutchison
@rhutchison
Feb 15 2016 07:55 UTC
and that
LoLRabbit
@KevinStaufy
Feb 15 2016 07:55 UTC
@marhyorh @rhutchison thanks guys
CamperBot
@camperbot
Feb 15 2016 07:55 UTC
kevinstaufy sends brownie points to @marhyorh and @rhutchison :sparkles: :thumbsup: :sparkles:
:warning: kevinstaufy already gave rhutchison points
:star: 610 | @marhyorh | http://www.freecodecamp.com/marhyorh
Tony
@Rogers187
Feb 15 2016 07:56 UTC
Thanks everyone for the help tonight. Starting to get a little faster..I know it will all come in time.. so Thanks again.
Ryan Hutchison
@rhutchison
Feb 15 2016 07:56 UTC
np
Indra Nugraha
@indrango
Feb 15 2016 08:03 UTC
i've some problem with Basic Front End Development Projects
In build a tribute page
In page The server refused the connection.
Ryan Hutchison
@rhutchison
Feb 15 2016 08:03 UTC
?
&sleep
Aravind
@dexter123233
Feb 15 2016 08:13 UTC
hi
i want some help with a challenge

<style>
h2 {
{color: blue};
}
</style>

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
this is the html code but iam unable to change color of h2 ellement

yeah color of h2 isnot changing..
DavinaTaylor
@lilvina
Feb 15 2016 08:20 UTC
Hi, I was wondering how do you change the text inside an element using jQuery? I'm stuck on what to do.
JohnJet222
@JohnJet222
Feb 15 2016 08:21 UTC
@dexter123233 change {color: blue}; to {color: blue;}
Blaze
@Blazephoenix
Feb 15 2016 08:26 UTC
Hello, I've been practicing using css transforms and perspective, here's my code - http://codepen.io/Blazephoenix_/full/dGrMbY/
I want to add a navigation panel when the div rotates to show the parent element, I tried it, but the rotating div ends up shifting lower
How do I do it?
Elaine
@consultelaine
Feb 15 2016 08:28 UTC
@dexter123233 try removing the bracket that is in front of the word color
@dexter123233 ...and the bracket following the word blue...hope this helps
alburkerk
@alburkerk
Feb 15 2016 08:35 UTC

Hi everybody, I'm starting the freeCodeCamp program and I'm doing the Bootstrap part. In one exercise they ask me to nest some button in a div element to apply some col-xs class. I have pretty much done it before and don't see what I can change, here is my code :

<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>

alburkerk
@alburkerk
Feb 15 2016 08:40 UTC
Nevermind guys it was just a little miscomprehension from me, sorry for the spam. Have a good day everyone !
Heidi Gay
@heidigay
Feb 15 2016 08:54 UTC
quick question. any reason why i keep getting this message "oops! something when wrong. please try again later" when i've finished a challenge and i'm moving onto the next one?
Blaze
@Blazephoenix
Feb 15 2016 08:55 UTC
@heidigay Just reload your page, that should fix it
Iv Nen
@IvMNen
Feb 15 2016 08:55 UTC
@heidigay I keep getting them, but then just get on the enxt challenge and it all works
Heidi Gay
@heidigay
Feb 15 2016 08:56 UTC
cool thanks
Nahid Muzammil
@NahidRM
Feb 15 2016 09:16 UTC
hello, I seem to be having an issue with "style text inputs as form controls"
Even though it seems like i've done everything correct I still am unable to proceed
<input type="text form-control" placeholder="cat photo URL" required>
<button type="submit btn btn-primary">Submit<i class="fa fa-paper-plane"></i></button>
this is basically the solution to it correct?
Brandyn Lucinsky
@appbeza
Feb 15 2016 09:23 UTC
Are (fixed) containers mentioned?
Brandon
@Brandondoescode
Feb 15 2016 09:24 UTC
Can someone elaborate on zero based numbering in javascript, specifically why the last index of and array is length =1
length -1*
Brandon
@Brandondoescode
Feb 15 2016 09:26 UTC
@appbeza thank you sir
CamperBot
@camperbot
Feb 15 2016 09:26 UTC
brandondoescode sends brownie points to @appbeza :sparkles: :thumbsup: :sparkles:
:star: 190 | @appbeza | http://www.freecodecamp.com/appbeza
Brandon
@Brandondoescode
Feb 15 2016 09:28 UTC
@appbeza this doesn't explain why length-1 is the last index >_>
ooooooooooooooooooooooooooh
god im dumb
Brandyn Lucinsky
@appbeza
Feb 15 2016 09:28 UTC
@Brandondoescode Basically, it leads to mistakes in the long run.
Again, that didn't answer that question :P
Brandon
@Brandondoescode
Feb 15 2016 09:30 UTC
@appbeza dont worry, I had a "ah ha!" moment about length vs index(position) number and now I feel dumb
length-1 is the last position because the length is the position of the final value +1
or whateever >_>
Naveen
@naveenm60
Feb 15 2016 09:46 UTC
i have a small doubt. anyone online?
i am doing this "tribute page" project from freecodecamp.
how do i arrange all my elements within a border as shown in the example page.
i want to arrange my page like this: http://codepen.io/FreeCodeCamp/full/wMQrXV
Alexx916
@Alexx916
Feb 15 2016 09:50 UTC
Hey all, I'm a little confused with creating a bootstrap button
long story short, is it along the lines of using a label element with the input type radio?
Blaze
@Blazephoenix
Feb 15 2016 09:50 UTC
@naveenm60 Send a link of your own code
@Alexx916 What code are you using to make a button?
Alexx916
@Alexx916
Feb 15 2016 09:51 UTC
Oh I think I got it maybe
<button type="button" class="btn">Like</button>
That's what I have rn
Naveen
@naveenm60
Feb 15 2016 09:52 UTC
wait i ll send my code pen.
Alexx916
@Alexx916
Feb 15 2016 09:52 UTC
Yeah it worked
Thanks!
Blaze
@Blazephoenix
Feb 15 2016 09:53 UTC
@Alexx916 that code will show the default button add another class called btn-primary to get the blue color
Adam Snetiker
@ajsnetiker
Feb 15 2016 09:54 UTC
@naveenm60 looks like you should probably put everything in a <div> with set margins and a background color
Alexx916
@Alexx916
Feb 15 2016 09:55 UTC
Got'cha, thanks @Blazephoenix ^^
CamperBot
@camperbot
Feb 15 2016 09:55 UTC
alexx916 sends brownie points to @blazephoenix :sparkles: :thumbsup: :sparkles:
:star: 296 | @blazephoenix | http://www.freecodecamp.com/blazephoenix
Alexx916
@Alexx916
Feb 15 2016 09:55 UTC
oh wow so when I say thanks it sends brownie points? How else can I do that?
Blaze
@Blazephoenix
Feb 15 2016 09:55 UTC
@Alexx916 You're welcome! :)
Thats the only way to send brownie points
Adam Snetiker
@ajsnetiker
Feb 15 2016 09:56 UTC
@naveenm60 set the BG color to a light gray, and a border radius for the rounded comers
@Brandondoescode it's because the index always starts at 0. So yes, length is actually the last index + 1
Naveen
@naveenm60
Feb 15 2016 10:01 UTC
thanks @ajsnetiker
CamperBot
@camperbot
Feb 15 2016 10:01 UTC
naveenm60 sends brownie points to @ajsnetiker :sparkles: :thumbsup: :sparkles:
:star: 293 | @ajsnetiker | http://www.freecodecamp.com/ajsnetiker
for the random quote generator, can we choose random quotes from one author or does it have to be just random quotes?
Neeraj Lad
@neeraj-lad
Feb 15 2016 10:12 UTC
@lpix anything you like!
sweet thanks @neeraj-lad
CamperBot
@camperbot
Feb 15 2016 10:13 UTC
lpix sends brownie points to @neeraj-lad :sparkles: :thumbsup: :sparkles:
:star: 295 | @neeraj-lad | http://www.freecodecamp.com/neeraj-lad
CamperBot
@camperbot
Feb 15 2016 10:13 UTC
no wiki entry for: freecodecampcomchallengesprofile-lookup
Neeraj Lad
@neeraj-lad
Feb 15 2016 10:14 UTC
@budimanfix what help do you need?
budimanfix
@budimanfix
Feb 15 2016 10:16 UTC
@neeraj-lad What I missing here to succes Run Test : function lookUp(firstName, prop){
// Only change code below this line
for (var i = 0; i < contact.length; i++){
if (contacts[i].firstName === firstName)
{
if (contacts[i][prop]){
return contacts[i][prop];
}
else{
return "No such property";}
}
return "no such contact";
}
Neeraj Lad
@neeraj-lad
Feb 15 2016 10:17 UTC
@budimanfix sorry.. I am stuck on this challenge too.
Blauelf
@Blauelf
Feb 15 2016 10:19 UTC
@budimanfix I don't know if it makes a difference here, but the test on a property should be if (contacts[i].hasOwnProperty(prop)), not if (contacts[i][prop]) (this is a difference if contacts[i][prop] exists but has a falsy value).
The mistake that most probably creates an issue for you is the placement of return "No such contact". Move that one line down (behind the next }, so it is outside the for-loop), and check the correct spelling.
Gerhard van Wijk
@Gerhard29046
Feb 15 2016 10:33 UTC
good day i am a newbie here at free code camp can anyone assist me please
Change the Font Size of an Element
lovewiththeit
@lovewiththeit
Feb 15 2016 10:45 UTC
Hello Guys What is an Form element? I can't understand the english example cause im from Germany. Can somebody explain it more understandable? Greetings
Rishabh
@rishabh7977
Feb 15 2016 10:50 UTC
i have built my first tribute page plz provide feedback http://codepen.io/rishabh797/pen/MKLdQN
Michael Aubrey
@mca62511
Feb 15 2016 10:52 UTC
@lovewithheit An element is anything like <p> or <div> or <span>, a "form element" is <form>
Ignacio Villanueva
@IgnaciodeNuevo
Feb 15 2016 10:55 UTC
Can anyone helpme targeting something via jQuery?
I should add the class bounce to every 2nd child of the .well class

<script>
$(document).ready(function() {
$(".target:nth-child(2)").addClass("bounce");
});
</script>

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>

Hemei de Wreede
@HemeiW
Feb 15 2016 11:09 UTC
@IgnaciodeNuevo which waypoint are you?
if you're not helped yet i can help you
Ignacio Villanueva
@IgnaciodeNuevo
Feb 15 2016 11:10 UTC
127 (jQuery) - Target a Specific Child of an Element Using jQuery
Hemei de Wreede
@HemeiW
Feb 15 2016 11:13 UTC
okey
did you delete some codes?
you are almost there
just look how the example is given and compare to your answer
$(".target:nth-child(3)").addClass("animated bounce");
Ignacio Villanueva
@IgnaciodeNuevo
Feb 15 2016 11:15 UTC
They said "The second element in your target elements should bounce." so as the first time I've used jQuery I did the following $(".target:nth-child(2)").addClass("bounce");
Hemei de Wreede
@HemeiW
Feb 15 2016 11:15 UTC
yes, but still if you compare it to the example which is given, there is a specific word missing
Ignacio Villanueva
@IgnaciodeNuevo
Feb 15 2016 11:15 UTC
But I should have written $(".target:nth-child(2)").addClass("animated bounce");
Hemei de Wreede
@HemeiW
Feb 15 2016 11:15 UTC
yes!
correct
Ignacio Villanueva
@IgnaciodeNuevo
Feb 15 2016 11:16 UTC
I feel so stupid right now
Thanks
Hemei de Wreede
@HemeiW
Feb 15 2016 11:16 UTC
no problem!
Ignacio Villanueva
@IgnaciodeNuevo
Feb 15 2016 11:18 UTC
I undertood to addClass bounce, but i seems you always need to add "animated" befor the specific kind of animation
Hemei de Wreede
@HemeiW
Feb 15 2016 11:23 UTC
@Gerhard29046 are you already helped?
@IgnaciodeNuevo I can't explain why certain codes runs, than you should ask the developer of the programmer self ;), but once you look again/or do the excersises again you won't make the same fault. How long are you busy now?
help this plz
CamperBot
@camperbot
Feb 15 2016 11:30 UTC
no wiki entry for: this plz
Ignacio Villanueva
@IgnaciodeNuevo
Feb 15 2016 11:31 UTC
I finished the jQuery path, Im now starting "Build a Tribute Page Incomplete "
Medha Bobbili
@medhatrinky
Feb 15 2016 11:32 UTC
how to do that one @IgnaciodeNuevo
Ignacio Villanueva
@IgnaciodeNuevo
Feb 15 2016 11:32 UTC
Im starting this one now, dont know :)
Medha Bobbili
@medhatrinky
Feb 15 2016 11:33 UTC
@prusso can u help with jquery
Raunaq Jain
@Raunaq-Jain
Feb 15 2016 11:34 UTC
@medhatrinky just copy-paste the code from the ledt hand side
left*
Medha Bobbili
@medhatrinky
Feb 15 2016 11:35 UTC
Create a script element making sure it is valid and has a closing tag.
You should add $(document).ready(function() { to the beginning of your script element.
Close your $(document).ready(function() { function with }) @Raunaq-Jain
Hemei de Wreede
@HemeiW
Feb 15 2016 11:35 UTC
@medhatrinky look at your previous jQuery path how the example looks like
so first you make a script opening and closing element @medhatrinky
<> </>
Medha Bobbili
@medhatrinky
Feb 15 2016 11:36 UTC
okay then
Hemei de Wreede
@HemeiW
Feb 15 2016 11:37 UTC
what do you have so far?
Medha Bobbili
@medhatrinky
Feb 15 2016 11:38 UTC
<script>..</script>
Hemei de Wreede
@HemeiW
Feb 15 2016 11:38 UTC
very good
and as read in the discription in red
you can have to put that code between <script> the code which is red given in the description </script>
Medha Bobbili
@medhatrinky
Feb 15 2016 11:39 UTC
oh thanks got it
@HemeiW
Hemei de Wreede
@HemeiW
Feb 15 2016 11:40 UTC
no problem
timeToStart
@myCodeLongJourney
Feb 15 2016 11:43 UTC

can someone tell me why it is not working

var contacts = [
{
"firstName": "Akira",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"likes": ["Hogwarts", "Magic", "Hagrid"]
}];

var prop1 = "firstName";
var prop2 = "likes";

console.log( contacts[0].prop1 );
console.log( contacts[0].prop2 );

Thomas Bartels
@tbartels
Feb 15 2016 11:47 UTC
@myCodeLongJourney first things first, what exactly are you trying to do? What do you expect your code to achieve?
timeToStart
@myCodeLongJourney
Feb 15 2016 11:48 UTC
I would like to print value of property
Thomas Bartels
@tbartels
Feb 15 2016 11:49 UTC
so you want to use the prop1 and prop2 values as keys to access the contacts objects?
timeToStart
@myCodeLongJourney
Feb 15 2016 11:49 UTC
yes
Thomas Bartels
@tbartels
Feb 15 2016 11:52 UTC

at the moment you are accessing the properties named prop1 and prop1, you need to dereference them to use the string/value stored in them, the dot notation looks only for a property that is exactly the name you supply, you need to use square brackets to dereference

contacts[0][prop1] for example

Neel
@CoderNeel
Feb 15 2016 11:55 UTC
Hello World
CamperBot
@camperbot
Feb 15 2016 11:55 UTC

welcome to FreeCodeCamp @CoderNeel!

Neel
@CoderNeel
Feb 15 2016 11:55 UTC
Hi guys!
Thomas Bartels
@tbartels
Feb 15 2016 11:55 UTC
howdy @CoderNeel
Neel
@CoderNeel
Feb 15 2016 11:55 UTC
I need help...
Can anyone help me?
Can anyone create a basic web chat program for me in which you type your name and can start chatting?
Medha Bobbili
@medhatrinky
Feb 15 2016 11:59 UTC
<script>
  $(document).ready(function() {
    $("button").addClass("animated bounce");

  $(".class").addclass()("animated shake");
  });
</script>
Thomas Bartels
@tbartels
Feb 15 2016 11:59 UTC
common etiquette in chats is to go ahead and ask your questions @CoderNeel, if someone is available and knows the answer they will offer an answer, if nobody is around that can help you'll probably have to ask again later (hopefully not too soon so you don't come across as spammy or desperate)
Medha Bobbili
@medhatrinky
Feb 15 2016 11:59 UTC
what is wrong in this
can any one help me..??Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.
Hemei de Wreede
@HemeiW
Feb 15 2016 11:59 UTC
which waypoint is that?
Thomas Bartels
@tbartels
Feb 15 2016 11:59 UTC
@medhatrinky capitalization of addClass on the .class call
Medha Bobbili
@medhatrinky
Feb 15 2016 12:00 UTC
Target Elements by Class Using jQuery
@tbartels did not understand
Maulik Darji
@maulikdarji
Feb 15 2016 12:00 UTC
@medhatrinky .addClass instead .addclass
Neel
@CoderNeel
Feb 15 2016 12:01 UTC
make that .addclass to .addClass
Thomas Bartels
@tbartels
Feb 15 2016 12:01 UTC
oh, actually it's more than that, 2 things:
  1. addClass
  2. you have an extra set of parentheses after the addclass
$(".class").addclass()("animated shake"); should be $(".class").addClass("animated shake");
Medha Bobbili
@medhatrinky
Feb 15 2016 12:02 UTC
Still not coming @tbartels
i have changed
Neel
@CoderNeel
Feb 15 2016 12:03 UTC
on the top, it should be <script language="jQuery">
timeToStart
@myCodeLongJourney
Feb 15 2016 12:03 UTC
thanks @tbartels
CamperBot
@camperbot
Feb 15 2016 12:03 UTC
mycodelongjourney sends brownie points to @tbartels :sparkles: :thumbsup: :sparkles:
:star: 115 | @tbartels | http://www.freecodecamp.com/tbartels
Thomas Bartels
@tbartels
Feb 15 2016 12:03 UTC
based on the challenge you'll need to use the correct class too, I believe it's .well not .class
$(".well").addClass("animated shake");
Neel
@CoderNeel
Feb 15 2016 12:04 UTC
I need help...
Can anyone help me?
Can anyone create a basic web chat program for me in which you type your name and can start chatting?
Thomas Bartels
@tbartels
Feb 15 2016 12:04 UTC
@CoderNeel this is not the place to look for developers
Neel
@CoderNeel
Feb 15 2016 12:05 UTC
I just want to learn
Medha Bobbili
@medhatrinky
Feb 15 2016 12:05 UTC
thanks @tbartels
CamperBot
@camperbot
Feb 15 2016 12:05 UTC
medhatrinky sends brownie points to @tbartels :sparkles: :thumbsup: :sparkles:
:star: 116 | @tbartels | http://www.freecodecamp.com/tbartels
Thomas Bartels
@tbartels
Feb 15 2016 12:07 UTC
@CoderNeel you'll be able to create that basic web chat program yourself if you get through the Free Code Camp challenges
Neel
@CoderNeel
Feb 15 2016 12:07 UTC
I'm not...
idietmoran
@idietmoran
Feb 15 2016 12:15 UTC
@CoderNeel i don't know how far you are into the program but i suggest looking into socket.io if you want to make that
Neel
@CoderNeel
Feb 15 2016 12:19 UTC
Ok
vmolmans
@vmolmans
Feb 15 2016 12:22 UTC
hello, can someone help me with creating a set of checkboxes within labels? I have no idea how and where to put them. Thanks
Michael Aubrey
@mca62511
Feb 15 2016 12:24 UTC
Context? What lesson are you working on?
vmolmans
@vmolmans
Feb 15 2016 12:25 UTC
I have two labels: indoor and outdoor, but need to create three checkboxes. @mca htlm/css
Blauelf
@Blauelf
Feb 15 2016 12:26 UTC
Indoor/outdoor is not checkbox, but mutually exclusive ("radio buttons", I think).
Maulik Darji
@maulikdarji
Feb 15 2016 12:29 UTC
@vmolmans See the description, it shows example of same kind
Blauelf
@Blauelf
Feb 15 2016 12:31 UTC

@vmolmans From the description:

Here's an example of a checkbox:

<label><input type="checkbox" name="personality"> Loving</label>

Add to your form a set of three checkboxes. Each checkbox should be nested within its own label element. All three should share the name attribute of personality.

budimanfix
@budimanfix
Feb 15 2016 12:32 UTC
@Blauelf Said "contact not define" on Run test: for (var i = 0; i < contact.length; i++){
if (contacts[i].firstName === firstName)
{
if (contacts[i].hasOwnProperty(prop)){
return contacts[i][prop];}
{
return "No such contact";}
}
vmolmans
@vmolmans
Feb 15 2016 12:32 UTC
@Blauelf ok, yes, but i have two label codes and must nest in them three checkboxes. I don't see how
Blauelf
@Blauelf
Feb 15 2016 12:33 UTC
@vmolmans Those are additional buttons. I think in the end there should be two radio buttons and three checkboxes, each with their own label element.
Maulik Darji
@maulikdarji
Feb 15 2016 12:33 UTC
@budimanfix contacts.length instead of contact
Blauelf
@Blauelf
Feb 15 2016 12:34 UTC
@budimanfix Where is your "No such property" return statement? And return "No such contact"; should be after the loop, when you have checked all contacts for a name match.
vmolmans
@vmolmans
Feb 15 2016 12:35 UTC
@Blauelf ok, i think that is how it must look. But where to put the code? Under labels in the form or within labels ?
Blauelf
@Blauelf
Feb 15 2016 12:37 UTC
@vmolmans Inside the form, just like the radio buttons, but probably either above or below those. They are not that different.
budimanfix
@budimanfix
Feb 15 2016 12:40 UTC
@Blauelf Thank you
CamperBot
@camperbot
Feb 15 2016 12:40 UTC
budimanfix sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 1185 | @blauelf | http://www.freecodecamp.com/blauelf
budimanfix
@budimanfix
Feb 15 2016 12:40 UTC
@maulikdarji Thank you
vmolmans
@vmolmans
Feb 15 2016 12:40 UTC
@Blauelf thanks. and everyone for the help. The code was good when i put it under radio button codes
CamperBot
@camperbot
Feb 15 2016 12:40 UTC
vmolmans sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 1186 | @blauelf | http://www.freecodecamp.com/blauelf
Vamsidhar Reddy Bada
@vamsidharBada
Feb 15 2016 12:51 UTC
Hey i got stuck in this section. "Build a Personal Portfolio Webpage"
How to keep the background image still while we are scrolling the page?
Manikanta Hari Somayajula
@harimanikanta
Feb 15 2016 12:54 UTC
As part of the portfolio page project, I am able to create a page with required content. But it doesn't look so good. What should I do? How can I make the pages beautiful?
Juliano Rafael
@thefrontendwizard
Feb 15 2016 12:54 UTC
@vamsidhar2mp you need a div with absolute position in the background with full height and width
then you put ``` background-size: cover
Vamsidhar Reddy Bada
@vamsidharBada
Feb 15 2016 12:55 UTC
@julianorafael so by making the image postion absolute, will i achieve that ?
@julianorafael Thnq bro. I’ll try that out.
Juliano Rafael
@thefrontendwizard
Feb 15 2016 12:57 UTC
there's also the background: fixed
I guess this one is even easier
take a look at this
@vamsidhar2mp this is the effect you are looking for
Ashish Acharya
@anarchyrucks
Feb 15 2016 13:08 UTC
Hello World!
CamperBot
@camperbot
Feb 15 2016 13:08 UTC

welcome to FreeCodeCamp @anarchyrucks!

Roger Skeie
@rogerskeie
Feb 15 2016 13:09 UTC
I just started the Random Quote Machine challenge, but I'm having a bit of a problem with the $.getJSON, it's not entering the callback function.
idietmoran
@idietmoran
Feb 15 2016 13:14 UTC
@rogerskeie the probelm is that's not a valid json / api
This message was deleted
use this instead
http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&_=14 55542014951
it will generate a random quote everytime it's rolled
Roger Skeie
@rogerskeie
Feb 15 2016 13:17 UTC
Cool, thanks @idietmoran
CamperBot
@camperbot
Feb 15 2016 13:17 UTC
rogerskeie sends brownie points to @idietmoran :sparkles: :thumbsup: :sparkles:
:star: 296 | @idietmoran | http://www.freecodecamp.com/idietmoran
Roger Skeie
@rogerskeie
Feb 15 2016 13:19 UTC

@idietmoran It gives this json string every time I click the button:
[{"ID":161,"title":"Pablo Picasso","content":"
I am always doing that which I can not do, in order that I may learn how to do it.

\n","link":"http://quotesondesign.com/pablo-picasso/","custom_meta":{"Source":"website"}}]

@idietmoran It doesn't seem to randomize
idietmoran
@idietmoran
Feb 15 2016 13:20 UTC
@rogerskeie right, you need to pull the information from the json properly and it is randomized
Roger Skeie
@rogerskeie
Feb 15 2016 13:21 UTC
@idietmoran but I am using the link you gave me. $.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&_=14 55542014951",
idietmoran
@idietmoran
Feb 15 2016 13:22 UTC
@rogerskeie pull to information propely by calling json[0].content
@rogerskeie the json is an array / object
@rogerskeie you need to pull the data you need from it
Roger Skeie
@rogerskeie
Feb 15 2016 13:23 UTC
I know, that's not the problem
The problem is it's sending me the exact same json every time
idietmoran
@idietmoran
Feb 15 2016 13:24 UTC
it should be randomizing every time a get request is made
Roger Skeie
@rogerskeie
Feb 15 2016 13:24 UTC
@idietmoran The exact same quote every time
idietmoran
@idietmoran
Feb 15 2016 13:24 UTC
did you refresh?
Roger Skeie
@rogerskeie
Feb 15 2016 13:25 UTC
@idietmoran I just reloaded the codepen page and clicked the button. Got the same result again
Samanvay Malagar
@SamanvayM
Feb 15 2016 13:25 UTC
hey. need help with the following :
idietmoran
@idietmoran
Feb 15 2016 13:26 UTC
@rogerskeie your codepen looks the same to me
Samanvay Malagar
@SamanvayM
Feb 15 2016 13:26 UTC

<style>
.red-text {color : red ;}
h2 {

}
</style>

<h2 class ="red-text">CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
error says stylesheet should declare red-text class

Roger Skeie
@rogerskeie
Feb 15 2016 13:28 UTC
@idietmoran with json[0].content I get the quote "I am always doing that which I can not do, in order that I may learn how to do it." every time.
Nicolas Accetta
@niconiahi
Feb 15 2016 13:29 UTC
@SamanvayM close the style tag
Samanvay Malagar
@SamanvayM
Feb 15 2016 13:30 UTC
@niconiahi i have closed it using </style>
idietmoran
@idietmoran
Feb 15 2016 13:30 UTC
@rogerskeie can you send your updated codepen, it is still the same as before
Robert Uivarosi
@URobert
Feb 15 2016 13:30 UTC
@SamanvayM send the link to your code
Nicolas Accetta
@niconiahi
Feb 15 2016 13:32 UTC
@SamanvayM try by deleting the empty h2
Robert Uivarosi
@URobert
Feb 15 2016 13:32 UTC
@SamanvayM your code is fine. try deleting h2 and refresh the page
  .red-text{
    color:red;
  }
Samanvay Malagar
@SamanvayM
Feb 15 2016 13:34 UTC
@URobert @niconiahi : thanks a lot, that helped :smile:
CamperBot
@camperbot
Feb 15 2016 13:34 UTC
samanvaym sends brownie points to @urobert and @niconiahi :sparkles: :thumbsup: :sparkles:
:star: 587 | @urobert | http://www.freecodecamp.com/urobert
:star: 27 | @niconiahi | http://www.freecodecamp.com/niconiahi
Robert Uivarosi
@URobert
Feb 15 2016 13:36 UTC
@SamanvayM yw
Roger Skeie
@rogerskeie
Feb 15 2016 13:36 UTC
Lol, this random quote api seems to be messed up. Even in the live demo at the bottom of this page, it gives the quote "No, Watson, this was not done by accident, but by design. — Sherlock Holmes" every time.
http://quotesondesign.com/api-v4-0/
Can anyone recommend a better quote API?
idietmoran
@idietmoran
Feb 15 2016 13:38 UTC

@rogerskeie here's another solution:: load 10 results (you can change the results loaded in the url GET request)
point your browser here

quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=10&_=14 55542014951

then make a function to get a random number every time you click and pull that position in the array

sorry this is the link quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=10&_=14 55542014951
Roger Skeie
@rogerskeie
Feb 15 2016 13:40 UTC
@idietmoran I'll consider it, thanks
CamperBot
@camperbot
Feb 15 2016 13:40 UTC
rogerskeie sends brownie points to @idietmoran :sparkles: :thumbsup: :sparkles:
:warning: rogerskeie already gave idietmoran points
Roger Skeie
@rogerskeie
Feb 15 2016 13:50 UTC
@idietmoran I found a solution to get random quotes from it :)
http://codepen.io/rogerskeie/pen/EPMNBy?editors=1111
idietmoran
@idietmoran
Feb 15 2016 13:50 UTC
@rogerskeie nice, just have to make it look pretty now
Roger Skeie
@rogerskeie
Feb 15 2016 13:51 UTC
@idietmoran Yes, first function then design
dmoyal
@dmoyal
Feb 15 2016 14:07 UTC
Can anyone help with 86?
Blauelf
@Blauelf
Feb 15 2016 14:11 UTC
86 is not a helpful number (those are your "brownie points"). Provide a name instead. And it is probably best to give us your question instead of asking if there is anybody who can help (I call that a meta-question). If there is, you get help, if not, then not.
dmoyal
@dmoyal
Feb 15 2016 14:12 UTC
lol my bad. Create a custom header
Blauelf
@Blauelf
Feb 15 2016 14:13 UTC
So what is your question/problem?
dmoyal
@dmoyal
Feb 15 2016 14:14 UTC
I have been stuck with it since yesterday. just unsure how to complete it at this point
Marsel
@marselcode
Feb 15 2016 14:16 UTC
hello. i got a stuck with Stand in Line. Anybody help me?
?
Blauelf
@Blauelf
Feb 15 2016 14:19 UTC
@dmoyal You see how row/col works in the code, use that as a guide. Here, you just have to create a structure of not 3x col-xs-4 but of 1x col-xs-8 and 1x col-xs-4, and place those reasonably around your caption and first image.
dmoyal
@dmoyal
Feb 15 2016 14:20 UTC
I need more than that.. not 3x?
Blauelf
@Blauelf
Feb 15 2016 14:20 UTC
The code features a row with three elements of col-xs-4. You need to define an additional row with two elements, one of class col-xs-8, one of col-xs-4. First element should contain the caption, the second should contain the cat. So copy the style used there, but adapt it to your situation.
dmoyal
@dmoyal
Feb 15 2016 14:22 UTC
This message was deleted
This message was deleted
Blauelf
@Blauelf
Feb 15 2016 14:23 UTC
The three backticks need to be on their own lines (use Shift+Return to insert a line break, and Ctrl+Return for sending the message)
And you can edit/delete your posts within 10 minutes.
dmoyal
@dmoyal
Feb 15 2016 14:23 UTC
This message was deleted
This message was deleted
Blauelf
@Blauelf
Feb 15 2016 14:24 UTC
Three backticks, no space between.
dmoyal
@dmoyal
Feb 15 2016 14:25 UTC
<div class="container-fluid">
  <h2 class="text-primary text-center">CatPhotoApp</h2>

  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>

  <img src="http://bit.ly/fcc-running-cats" class="img-responsive">
  <div class="row">
    <div class="col-xs-4">
Marsel
@marselcode
Feb 15 2016 14:25 UTC
Whi can help me>
?
Blauelf
@Blauelf
Feb 15 2016 14:26 UTC
Copy that structure with a div of class row containing divs of class col-xs-..., and put the caption (h2 element) inside the first of col-xs-8, the link and img inside the second of col-xs-4.
@marselcode First, add item to arr, for example using arr.push(item);. Then, remove the first element and return it, for example using arr.shift().
Marsel
@marselcode
Feb 15 2016 14:28 UTC

@Blauelf I did so.

function queue(arr, item) {
var queue = [arr,item]; // Your code here
var addFirst = queue.push([1,2,3,4,5]);
var removeQueue = queue.shift();
return item; // Change this line
}

dmoyal
@dmoyal
Feb 15 2016 14:28 UTC
@Blauelf I dont know why I just cant comprehend this
Blauelf
@Blauelf
Feb 15 2016 14:31 UTC
@marselcode Your first line sets the local variable queue to something like [[4,8,15,16,23],42], which is not an array of numbers. And what does that [1,2,3,4,5] mean? Why do you return the item you were supposed to put at the end, and not the removed one? BTW, you are using shift on the wrong array, arr should be changed.
Grippler
@Grippler
Feb 15 2016 14:32 UTC
Hi guys, I'm on the "personal portfolio" challenge, and I can't really figure out how to make several pages that change as i scroll down and can be linked to individually from a navigation bar??
Blauelf
@Blauelf
Feb 15 2016 14:33 UTC
@dmoyal
<div class="container-fluid">
  <div class="row">
    <div class="col-xs-8">
      <h2 class="text-primary text-center">CatPhotoApp</h2>
    </div>
  <!-- do the same to the link/image, using col-xs-4 instead -->
  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
  </div>

  <img src="http://bit.ly/fcc-running-cats" class="img-responsive">
  <div class="row">
    <div class="col-xs-4">
dmoyal
@dmoyal
Feb 15 2016 14:34 UTC
Wow, okay. That was too simple..
Marsel
@marselcode
Feb 15 2016 14:35 UTC
@Blauelf i can't understand that i should do. can you show example for me? it's hard for me understand task on english
Not hard, but sometimes awkwardly
Blauelf
@Blauelf
Feb 15 2016 14:36 UTC
@marselcode You are supposed to operate directly on arr. So first line should be arr.push(item);, to add item to the end of arr.
Then, use arr.shift() to return the first element while removing it. You can either store it into a variable, or return it right away, using return arr.shift();.
A queue is a FIFO (First In First Out) structure, where you add items to one end and remove at the other. (unlike a stack, which is LIFO, where you add and remove at the same end)
Lena
@Vivelena
Feb 15 2016 14:39 UTC

Hi guys, i cant understand how to return a property's value. It's from Testing Objects for Properties JS challenge.
`
var myObj = {
gift: "pony",
pet: "kitten",
bed: "sleigh"
};

function checkObj(checkProp) {

if (myObj.hasOwnProperty("checkProp") === true){
return myObj[checkProp];
}
return "Not Found";
}

checkObj("gift");
`
For now it returns Not found.

Marsel
@marselcode
Feb 15 2016 14:39 UTC
@Blauelf ok i will try to do it
Moisés Man
@moigithub
Feb 15 2016 14:40 UTC
@Vivelena checkProp is a variable.. (not a string) so no quotes if (myObj.hasOwnProperty("checkProp") === true){
Blauelf
@Blauelf
Feb 15 2016 14:40 UTC
@Vivelena Don't check for property "checkProp" (that would look for myObj.checkProp, which is a static name), but for checkProp, meaning the variable.
Moisés Man
@moigithub
Feb 15 2016 14:42 UTC
@Vivelena also on boolean evaluations the true is implicit.. so u can omit the === true part if u like...
Bhavesh
@bbhavesh
Feb 15 2016 14:45 UTC

Hi
Need help with this little project

function convert(celsius) {
// Only change code below this line

// Only change code above this line
if ( typeof fahrenheit !== 'undefined' ) {
return fahrenheit;
} else {
return 'fahrenheit not defined';
}
}

// Change the inputs below to test your code
convert(30);

Lena
@Vivelena
Feb 15 2016 14:47 UTC
@moigithub , @Blauelf , @moigithub thank you so much))
CamperBot
@camperbot
Feb 15 2016 14:47 UTC
vivelena sends brownie points to @moigithub and @blauelf and @moigithub :sparkles: :thumbsup: :sparkles:
:star: 1189 | @blauelf | http://www.freecodecamp.com/blauelf
:star: 601 | @moigithub | http://www.freecodecamp.com/moigithub
:star: 601 | @moigithub | http://www.freecodecamp.com/moigithub
Alex N.
@N0bl3
Feb 15 2016 14:47 UTC
Hi everyone. i'm at the randome quote generator, shouldn"t be a problem but i'm wondering if there an existing library fortune-style ssuch as i don't have to look at quotes by myself? ye i know that's about being lazy!!!
Maulik Darji
@maulikdarji
Feb 15 2016 14:49 UTC
@bbhavesh You need to convert the temperature provided in Celsius to Fahrenheit, and the conversion formula is given in the description on the left!
jnorton00
@jnorton00
Feb 15 2016 14:52 UTC
how do you give elements with p tag a font size
Anand Kumar
@anandjha1806
Feb 15 2016 14:52 UTC
@anandjha1806
how to "nested all HTML elements in .container-fluid."??
Maulik Darji
@maulikdarji
Feb 15 2016 14:54 UTC
@jnorton00 put this in your style tag:
p {
font-size:16px;
}
Moisés Man
@moigithub
Feb 15 2016 14:55 UTC
@anandjha1806 u can put all ur elements in a div with a class ".container-fluid"
batilc1
@batilc1
Feb 15 2016 14:55 UTC
how to get twitch zipline from @camperbot ???
help twitch
CamperBot
@camperbot
Feb 15 2016 14:56 UTC

:point_right: front end project use the twitchtv json api [wiki]

If you're trying to tackle this challenge with jQuery's $.getJSON() method, chances are you'll get an error message concerning Cross-Origin Resource Sharing (CORS).

The easiest way to resolve this is to use jQuery's JSONP capabilities. From the Twitch API's readme page:

All API methods support JSON-P by providing a callback parameter with the request.

Also the jQuery documentation states:

If the URL includes the string "callback=?" (or similar, as defined by the server-side API), the request is treated as JSONP instead.

Here's an example call to fetch Free Code Camp's Twitch channel data:

$.getJSON('https://api.twitch.tv/kraken/streams/freecodecamp?callback=?', function(data) {
  console.log(data);
});

JSONP is considered insecure according to Wikipedia, but should be sufficient for our purposes. For a detailed discussion on Twitch's CORS restriction, please read justintv/Twitch-API#133 on the Twitch-API repository.
:pencil: read more about front end project use the twitchtv json api on the FCC Wiki

Pranav Doshi
@pranavdoshi
Feb 15 2016 14:57 UTC
wassup guys
:)
Alex N.
@N0bl3
Feb 15 2016 14:59 UTC
help random quote
CamperBot
@camperbot
Feb 15 2016 14:59 UTC
no wiki entry for: random quote
George Thanasiadis
@GeorgeThanasiadis
Feb 15 2016 14:59 UTC
Hello Everyone!
There seems to be a problem with the website.
Pranav Doshi
@pranavdoshi
Feb 15 2016 15:00 UTC
wat haapen?
@GeorgeThanasiadis
George Thanasiadis
@GeorgeThanasiadis
Feb 15 2016 15:00 UTC
Every time I hit "go to the next challenge" it goes back to the map page and there is an error message saying "Oops! Something went wrong. Please try again later"
Alex N.
@N0bl3
Feb 15 2016 15:00 UTC
If i want to call an external API from codepen, it doesnt allow access. How to overcome this issue?
Pranav Doshi
@pranavdoshi
Feb 15 2016 15:00 UTC
try on different browser or device
Alex N.
@N0bl3
Feb 15 2016 15:00 UTC
@GeorgeThanasiadis clear browser cache?
George Thanasiadis
@GeorgeThanasiadis
Feb 15 2016 15:01 UTC
I haven't tried that yet. Will do and let you know. Thanks!
Alex N.
@N0bl3
Feb 15 2016 15:02 UTC
@pranavdoshi should have looked at this in the first place..... thanks though
CamperBot
@camperbot
Feb 15 2016 15:02 UTC
n0bl3 sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 296 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
Pranav Doshi
@pranavdoshi
Feb 15 2016 15:03 UTC
no prob
dude even i did google search
Alex N.
@N0bl3
Feb 15 2016 15:05 UTC
@pranavdoshi i came here first because i like to talk with people when coding haha
Blake
@bicabone
Feb 15 2016 15:06 UTC
If I assign a style attribute to a class of html elements (for example, make all the h2 elements have green font) and then designate one of my h2 elements with an id (say id=id1 just for one particular h2 element), and THEN assign a conflicting style attribute (for example make the id1 element blue) will the style for the id always override the style for the h2 element class?
Anand Kumar
@anandjha1806
Feb 15 2016 15:06 UTC

```<div class=".container-fluid">

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>```this is my code i have to nest all HTML elements in .container-fluid.

Maulik Darji
@maulikdarji
Feb 15 2016 15:08 UTC
@anandjha1806 You don't need . in class name i.e: <div class="container-fluid">
Blake
@bicabone
Feb 15 2016 15:09 UTC
shouldnt you define the class .container-fluid before you use it ?
like your very first line sets the div class to container fluid, but as far as I can see, that class doesnt even exist yet.
also, what Maul said ^.
Maulik Darji
@maulikdarji
Feb 15 2016 15:12 UTC
@bicabone container-fluid is a bootstrap class, its already defined in the bootstrap's style file, linked externally.
Blake
@bicabone
Feb 15 2016 15:13 UTC
ah okay
thank you
Maulik Darji
@maulikdarji
Feb 15 2016 15:13 UTC
@bicabone no problem!
Rob
@robvon86
Feb 15 2016 15:14 UTC
haha I am just now at same task :] hey all
Blake
@bicabone
Feb 15 2016 15:16 UTC
Is bootstrap a piece of software ?
Shivam sharma
@Shivams334
Feb 15 2016 15:17 UTC
no
Rob
@robvon86
Feb 15 2016 15:17 UTC
I think its more like framwork that you can use
framework
Shivam sharma
@Shivams334
Feb 15 2016 15:17 UTC
its just a bunch of css and javascript
Blake
@bicabone
Feb 15 2016 15:17 UTC
like a library of definitions?
Rob
@robvon86
Feb 15 2016 15:18 UTC
more like predefined styles and classes I guess?
Blake
@bicabone
Feb 15 2016 15:18 UTC
okay cool that clarifies things
Shivam sharma
@Shivams334
Feb 15 2016 15:18 UTC
Rob
@robvon86
Feb 15 2016 15:18 UTC
:)
Blake
@bicabone
Feb 15 2016 15:19 UTC
I did but I wasnt sure what "framework" meant. So are these bootstrap styles stored on a server somewhere?
Shivam sharma
@Shivams334
Feb 15 2016 15:19 UTC
no
Maulik Darji
@maulikdarji
Feb 15 2016 15:20 UTC
yes, they are available on CDNs, @bicabone
Shivam sharma
@Shivams334
Feb 15 2016 15:20 UTC
these are codes of css and js with predefined classes which can be used to make ur website better
Bhavesh
@bbhavesh
Feb 15 2016 15:20 UTC
Thanks Maulik. If you could pls show how we actually put it in code. It will give me better understanding to code further such statements
Rob
@robvon86
Feb 15 2016 15:22 UTC
I am just doing and its all bootstrap
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">

</div>
<div class="col-xs-6">

</div>
</div>
</div>
those classes
Maulik Darji
@maulikdarji
Feb 15 2016 15:22 UTC
@bbhavesh fahrenheit = celcius *9/5 +32;
Blake
@bicabone
Feb 15 2016 15:23 UTC
so if I use a predefined bootstrap class, will it always work or do I need to "have" the bootstrap.css file on ym hard drive?
my
Rob
@robvon86
Feb 15 2016 15:23 UTC
you need to link to it in ur code at the beginning
with this one: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
Maulik Darji
@maulikdarji
Feb 15 2016 15:24 UTC
@bicabone You link it from one of the CDNs , so that you always get latest css and js, but You can download and store it on your hard drive too!
in case you want to practice it offline
Blake
@bicabone
Feb 15 2016 15:27 UTC
thanks @maulikdarji
CamperBot
@camperbot
Feb 15 2016 15:27 UTC
bicabone sends brownie points to @maulikdarji :sparkles: :thumbsup: :sparkles:
api offline
Rob
@robvon86
Feb 15 2016 15:28 UTC
good to know
Maulik Darji
@maulikdarji
Feb 15 2016 15:29 UTC
:+1:
Blake
@bicabone
Feb 15 2016 15:29 UTC
does anyone know if there are websites similar to freecodecamp but geared towards C++ or C# ?
Rob
@robvon86
Feb 15 2016 15:30 UTC
I know just paid version, but they got some courses for free also: udemy.com
Neeraj Lad
@neeraj-lad
Feb 15 2016 15:32 UTC
@bicabone do you want to practice coding skills or do you want to develop projects?
Blake
@bicabone
Feb 15 2016 15:33 UTC
practice
Vamsidhar Reddy Bada
@vamsidharBada
Feb 15 2016 15:33 UTC
@julianorafael Thank you :smile:
CamperBot
@camperbot
Feb 15 2016 15:33 UTC
vamsidhar2mp sends brownie points to @julianorafael :sparkles: :thumbsup: :sparkles:
:star: 351 | @julianorafael | http://www.freecodecamp.com/julianorafael
Neeraj Lad
@neeraj-lad
Feb 15 2016 15:34 UTC
@bicabone you can try CodingBat (Java, Python).. Java syantax is quite similar to C++ syntax. It has a large number of algorithmic challenges similar to FCC.
Blake
@bicabone
Feb 15 2016 15:35 UTC
thanks @neeraj-lad
CamperBot
@camperbot
Feb 15 2016 15:35 UTC
bicabone sends brownie points to @neeraj-lad :sparkles: :thumbsup: :sparkles:
:star: 296 | @neeraj-lad | http://www.freecodecamp.com/neeraj-lad
Neeraj Lad
@neeraj-lad
Feb 15 2016 15:35 UTC
YW
Vamsidhar Reddy Bada
@vamsidharBada
Feb 15 2016 15:40 UTC
Here is my work..Yet to be completed. My problem is with the left div in about section. When browser is minimized text is overflowing into next div.
Build a Portfolio page section
MladenLo
@MladenLo
Feb 15 2016 15:43 UTC
If you dont want things from one div to go to another
u must try it with overflow property
Vamsidhar Reddy Bada
@vamsidharBada
Feb 15 2016 15:44 UTC
i have tried it but not worked
Pranav0212
@Pranav0212
Feb 15 2016 15:44 UTC
hey, I have a question regarding div elements
when we're assigning a color to the div elements
MladenLo
@MladenLo
Feb 15 2016 15:45 UTC
if you do overflow: hidden; there is no way that it will go to another div under it
Pranav0212
@Pranav0212
Feb 15 2016 15:45 UTC
how do we do it?
for example, <div> insert color here </div>
MladenLo
@MladenLo
Feb 15 2016 15:45 UTC
@Pranav0212 u can do it like this background-color:red;
Maulik Darji
@maulikdarji
Feb 15 2016 15:45 UTC
@vamsidhar2mp you have col divs only, wrap them with row it works.
Pranav0212
@Pranav0212
Feb 15 2016 15:45 UTC
Oh okay, so we don't have to create a new class then?
Neeraj Lad
@neeraj-lad
Feb 15 2016 15:46 UTC
@Pranav0212 give the div a class name or id, then style it using background-color
Vamsidhar Reddy Bada
@vamsidharBada
Feb 15 2016 15:46 UTC
@maulikdarji i’ll look into that :)
MladenLo
@MladenLo
Feb 15 2016 15:46 UTC
@Pranav0212 u can give class or id to the div, and then select that class or id and give it color
most of the times, u will add some class or id :)
Maulik Darji
@maulikdarji
Feb 15 2016 15:46 UTC
@vamsidhar2mp :+1:
Neeraj Lad
@neeraj-lad
Feb 15 2016 15:46 UTC
@Pranav0212 depends.. if you use inline style, then you don't need name. It is not a good coding practice though. Try to put all the styles, in a css file.
Pranav0212
@Pranav0212
Feb 15 2016 15:46 UTC
oh okay, when you say give class or id to it
you mean like if I have a class .bluebackground
in my div element, I should be calling bluebackground?
MladenLo
@MladenLo
Feb 15 2016 15:48 UTC
<div class="bluebackground"> some text here </div> then in CSS u select it with class selector .bluebackground{ background-color:blue; }
Blake
@bicabone
Feb 15 2016 15:48 UTC
yes
Vamsidhar Reddy Bada
@vamsidharBada
Feb 15 2016 15:48 UTC
@maulikdarji Thanks bro. It worked :smile:
CamperBot
@camperbot
Feb 15 2016 15:48 UTC
vamsidhar2mp sends brownie points to @maulikdarji :sparkles: :thumbsup: :sparkles:
:star: 459 | @maulikdarji | http://www.freecodecamp.com/maulikdarji
MladenLo
@MladenLo
Feb 15 2016 15:48 UTC
@Pranav0212 u can call your class whatever u want
Pranav0212
@Pranav0212
Feb 15 2016 15:48 UTC
Oh okay
Maulik Darji
@maulikdarji
Feb 15 2016 15:48 UTC
@vamsidhar2mp YW
Bhavesh
@bbhavesh
Feb 15 2016 15:48 UTC

@maulikdarji Hey it worked
Can you pls help with How to get these right ?
14

convert(0) should return a number
convert(-30) should return a value of -22
convert(-10) should return a value of 14
convert(0) should return a value of 32
convert(20) should return a value of 68
convert(30) should return a value of 86

Debashis
@debashisrath
Feb 15 2016 15:48 UTC
correct
Pranav0212
@Pranav0212
Feb 15 2016 15:48 UTC
so whenever we have a class that we want to use, it always has to be called using the class= feature
Thanks a lot :)
aaronK
@aaronk73
Feb 15 2016 15:49 UTC
may i ask a question. where did people start thier learning of programs?
MladenLo
@MladenLo
Feb 15 2016 15:49 UTC
<div class = "my-stupid-class"></div> .my-stupid-class{ background-color:blue; }
Pranav0212
@Pranav0212
Feb 15 2016 15:49 UTC
Thanks a lot :D
Maulik Darji
@maulikdarji
Feb 15 2016 15:49 UTC
@bbhavesh what does your code look like now?
Bhavesh
@bbhavesh
Feb 15 2016 15:50 UTC

@maulikdarji
function convert(celsius) {
// Only change code below this line

fahrenheit = celcius *9/5 + 32;

// Only change code above this line
if ( typeof fahrenheit !== 'undefined' ) {
return fahrenheit;
} else {
return 'fahrenheit not defined';
}
}

// Change the inputs below to test your code
convert(30);

Maulik Darji
@maulikdarji
Feb 15 2016 15:51 UTC
@bbhavesh change fahrenheit = celcius *9/5 + 32; to fahrenheit = celsius *9/5 + 32; :smile:
celcius to celsius
Bhavesh
@bbhavesh
Feb 15 2016 15:52 UTC
@maulikdarji
Ohh ooopss
It worked amazing Bro.. Thanks
CamperBot
@camperbot
Feb 15 2016 15:52 UTC
bbhavesh sends brownie points to @maulikdarji :sparkles: :thumbsup: :sparkles:
:star: 460 | @maulikdarji | http://www.freecodecamp.com/maulikdarji
Maulik Darji
@maulikdarji
Feb 15 2016 15:53 UTC
@bbhavesh no problem!
:smile:
Blake
@bicabone
Feb 15 2016 15:53 UTC
it seems to me that classes and id's do somewhat similar things. When is one preferable over the other?
Bhavesh
@bbhavesh
Feb 15 2016 15:54 UTC
@maulikdarji
Dude you if you dont mind me asking
You live in Mumbai ?
Blake
@bicabone
Feb 15 2016 15:54 UTC
like one of the exercises says id always takes precedence. Is that the main difference?
Maulik Darji
@maulikdarji
Feb 15 2016 15:54 UTC
@bbhavesh No, I am from Gujarat
Bhavesh
@bbhavesh
Feb 15 2016 15:55 UTC
@maulikdarji
Cool
Any chance we can connect on some other medium
Like have a call sometime
Maulik Darji
@maulikdarji
Feb 15 2016 15:58 UTC
@bicabone Id is more specific, whereas same class can be assigned to number of elements.
Rob
@robvon86
Feb 15 2016 15:59 UTC
@maulikdarji is pro :]
Roger Skeie
@rogerskeie
Feb 15 2016 16:05 UTC
I've just about finished the Random Quote Machine project, but the twitter button doesn't seem to be working properly. It tries to tweet the url of the codepen project instead of the quote. Could anyone take a look please?
Blake
@bicabone
Feb 15 2016 16:05 UTC
with hex code for colors, how many possible colors are there? I count that there are 3^(256) colors
16*16 = 256 choices for each of the R G B values.
mjqblade
@mjqblade
Feb 15 2016 16:06 UTC
<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
</style>
<h1>Hello World!</h1>

it says give your h1 element the pink text help

Blake
@bicabone
Feb 15 2016 16:07 UTC
so make a pink-text class, and then assign that class to the h1 tag you have
mjqblade
@mjqblade
Feb 15 2016 16:07 UTC

how

Blake
@bicabone
Feb 15 2016 16:08 UTC

put

.pink-text { color: pink; }

in your style tags

mjqblade
@mjqblade
Feb 15 2016 16:08 UTC

oh ok thx

Blake
@bicabone
Feb 15 2016 16:08 UTC
and then in the <h1> tag you're gonna want to change it to <h1 class="pink-text">
Blauelf
@Blauelf
Feb 15 2016 16:08 UTC

Or

  h1 {
    color: pink;
  }

(depending on the exact task description)

Brendan Kinahan
@BKinahan
Feb 15 2016 16:09 UTC
@bicabone 256^3 = 16777216.
3^256 = 1.39008452377145 * 10^122
How many colors can humans distinguish? :P
Blake
@bicabone
Feb 15 2016 16:09 UTC
oh yeah you're totally right.
mjqblade
@mjqblade
Feb 15 2016 16:09 UTC

thx

Blake
@bicabone
Feb 15 2016 16:09 UTC
it would be (256)^3 whoops. But yeah, how many rods and cones are even in our eyes
probably less than that number.
mjqblade
@mjqblade
Feb 15 2016 16:10 UTC

can u do it plz i dont get it @bicabone

Blauelf
@Blauelf
Feb 15 2016 16:10 UTC
@mjqblade Don't shout. We can read your text even if you don't use captions for it.
Brendan Kinahan
@BKinahan
Feb 15 2016 16:10 UTC
@bicabone well, the number of cones and rods (and more directly relevant their density) moreso effects resolution than color differentiation.
Blake
@bicabone
Feb 15 2016 16:11 UTC
im guessing you're on "Override styles in subsequent CSS" ?
Brendan Kinahan
@BKinahan
Feb 15 2016 16:11 UTC
@bicabone it has more to do with the proportions of the signals received by different color receptors
Blake
@bicabone
Feb 15 2016 16:13 UTC
yeah that makes sense. i remember learning about this stuff in a psychobiology class once upon a time.

@mjqblade

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}

.pink-text{
color: pink;
}
</style>

<h1 class="pink-text">Hello World!</h1>

mjqblade
@mjqblade
Feb 15 2016 16:14 UTC
thx
Ignacio Villanueva
@IgnaciodeNuevo
Feb 15 2016 16:14 UTC
Did anyone use Sass in your project? - Build a Personal Portfolio Webpage?
mjqblade
@mjqblade
Feb 15 2016 16:17 UTC
@bicabone now it says your h1 element should be pink

@bicabone now it says your h1 element should be pink

Blake
@bicabone
Feb 15 2016 16:18 UTC
@mjqblade well what exercise are you on..?
mjqblade
@mjqblade
Feb 15 2016 16:19 UTC
54
Blake
@bicabone
Feb 15 2016 16:20 UTC
hmmmm the code i sent you works for me on that exercise
Marsel
@marselcode
Feb 15 2016 16:20 UTC

// Setup
var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};

// Only change code below this line;

var playerNumber = 16; // Change this Line
var player = testObj[16]; // Change this Line

You should use bracket notation to access testObj. Where should i use it?

help me
CamperBot
@camperbot
Feb 15 2016 16:20 UTC

:point_right: adding environment variables [wiki]

In Windows

Via GUI

  1. Download Varpanel.
  2. Open Varpanel.
  3. In PATH variable, add the relevant path (for example).

:pencil: read more about adding environment variables on the FCC Wiki

mjqblade
@mjqblade
Feb 15 2016 16:20 UTC
Prioritize One Style Over Another

Prioritize One Style Over Another

Blake
@bicabone
Feb 15 2016 16:21 UTC
are you sure you have class="pink-text" written in your h1 tag
mjqblade
@mjqblade
Feb 15 2016 16:22 UTC
<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
   }
.pink-text{
color: pink;
}
</style>
<h1 class="pink-text">Hello World!</h1>
Blake
@bicabone
Feb 15 2016 16:22 UTC
check your curly brackets
mjqblade
@mjqblade
Feb 15 2016 16:22 UTC

what

Blake
@bicabone
Feb 15 2016 16:22 UTC
your curly brackets
mjqblade
@mjqblade
Feb 15 2016 16:22 UTC
whick ones
Blake
@bicabone
Feb 15 2016 16:23 UTC
the ones that are curly?
mjqblade
@mjqblade
Feb 15 2016 16:23 UTC
i dpnt suppose theres something wrong with it
Blake
@bicabone
Feb 15 2016 16:23 UTC
yes there is
mjqblade
@mjqblade
Feb 15 2016 16:24 UTC
what wrong
Blake
@bicabone
Feb 15 2016 16:24 UTC
you have two of these }}
and you should only have one.
mjqblade
@mjqblade
Feb 15 2016 16:24 UTC
oh yea

THX IT WORKED

UHH
can u help me on 55
Blake
@bicabone
Feb 15 2016 16:26 UTC
Its good manners to say "thanks @username" rather than just "thx" so that you give your helpers points
CamperBot
@camperbot
Feb 15 2016 16:26 UTC
bicabone sends brownie points to @username :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for username
Marsel
@marselcode
Feb 15 2016 16:27 UTC
Help me PLEASE
CamperBot
@camperbot
Feb 15 2016 16:27 UTC
no wiki entry for: me please
Marsel
@marselcode
Feb 15 2016 16:27 UTC

// Setup
var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};

// Only change code below this line;

var playerNumber = 16; // Change this Line
var player = testObj[16]; // Change this Line

You should use bracket notation to access testObj. Where should i use it?

George Thanasiadis
@GeorgeThanasiadis
Feb 15 2016 16:29 UTC
Hello! I could use some help. Can someone please explain why am I getting this error message? "Oops! Something went wrong. Please try again later?
Blake
@bicabone
Feb 15 2016 16:30 UTC
what is the objective of your exercise @marselcode ?
use bracket notation ... to do what ? what are you trying to do?
Marsel
@marselcode
Feb 15 2016 16:32 UTC
@bicabone Accessing Objects Properties with Variables

@bicabone Instructions

Use the playerNumber variable to lookup player 16 in testObj using bracket notation.

Moisés Man
@moigithub
Feb 15 2016 16:38 UTC
instead of the num.. u should use the variable it says
Blake
@bicabone
Feb 15 2016 16:38 UTC

// Setup
var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};

// Only change code below this line;

var playerNumber=16; // Change this Line
var player = testObj[playerNumber]; // Change this Line

Marsel
@marselcode
Feb 15 2016 16:40 UTC
@bicabone i have same code but i get this text: You should use bracket notation to access testObj
Moisés Man
@moigithub
Feb 15 2016 16:40 UTC
@GeorgeThanasiadis refresh browser.. FCC was making changes those past days, so probably they still working on the exercises
Marsel
@marselcode
Feb 15 2016 16:40 UTC
@bicabone thanks
CamperBot
@camperbot
Feb 15 2016 16:40 UTC
marselcode sends brownie points to @bicabone :sparkles: :thumbsup: :sparkles:
:star: 62 | @bicabone | http://www.freecodecamp.com/bicabone
Blake
@bicabone
Feb 15 2016 16:41 UTC
are you sure your testObj[ STUFF IN HERE ] is a variable not a number?
@marselcode yw
does anyone in here use vim or emacs or something fancy like that?
Blauelf
@Blauelf
Feb 15 2016 16:54 UTC
I used emacs about 15 years ago, but switched to a real operating system instead.
faqro
@faqro
Feb 15 2016 16:54 UTC

how do you replace href with #. i tried but said I did wrong.<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Blauelf
@Blauelf
Feb 15 2016 16:54 UTC
@faqro Set the value to #, like href="#"
Varun Kumar
@sirens
Feb 15 2016 16:55 UTC
How to target the children of element with the target class?
$(".target:nth-child(2)").addClass("animated-bounce"); 
is this correct
Blauelf
@Blauelf
Feb 15 2016 16:57 UTC
You target any element of class "target" that is the second child. But shouldn't it be "animated bounce", and not "animated-bounce"?
Varun Kumar
@sirens
Feb 15 2016 16:58 UTC
Thanks @Blauelf <3
CamperBot
@camperbot
Feb 15 2016 16:58 UTC
sirens sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 1195 | @blauelf | http://www.freecodecamp.com/blauelf
Elaine
@consultelaine
Feb 15 2016 16:59 UTC
Hello, working on Add Borders Around your Elements...what is not correct on line 28? I would appreciate the help.

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.smaller-image {
width: 100px;
}
.thick-green-border {
border-color: thick-green;
border-width: 10px;
border-style: solid;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image" class="thick-green-border" class="border-width 10px" class="style-solid"src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

actually the <img class
Elliott Champault
@Eliott-Champo
Feb 15 2016 17:01 UTC
Hello everyone
I could need a little help...
I am stuck at this challenge
@consultelaine <img class="smaller-image" class="thick-green-border style-solid" style="border-width 10px" src="https://bit.ly/fcc-relaxing-cat">
you had multiple classes and you you nested the style in one of them
Pranay Berry
@pranayberry
Feb 15 2016 17:05 UTC
@consultelaine you should remove the style attribute of the img tag as you have already used thick-green-border class
srinivas
@srinivasdasu
Feb 15 2016 17:08 UTC
@Eliott-Champo
for (var i=0;i<arr.length;i++)
{
for(var j=0;j<arr[i].length;j++)
{
product*=arr[i][j];
}
}
Blake
@bicabone
Feb 15 2016 17:09 UTC
@Blauelf emacs is a text editor not an operating system, so I'm not even sure what you mean.
Matko Hromin
@Dayfiri
Feb 15 2016 17:11 UTC
Hello. Does someone has an idea how to combine whole Object instances in 1 search for what I need ? My counter gets to 1 and if it doesn't find match because the match is for example in number 2, the code doesn't work like it should.
var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName": "Holmes",
        "number": "0487345643",
        "likes": ["Intriguing Cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "unknown",
        "likes": ["Javascript", "Gaming", "Foxes"]
    }
];


function lookUp(firstName, prop){
// Only change code below this line
      for(var i = 0; i <= Object.keys(contacts).length; i ++){
        if(firstName === contacts[i].firstName && contacts[i].hasOwnProperty(prop)){
          return contacts[i][prop];
        }
        else if(firstName != contacts[i].firstName){
        return "No such contact";
        }
        else {
        return "No such property";
        }
      }
// Only change code above this line
}

// Change these values to test your function
lookUp("Kristian", "lastName");
srinivas
@srinivasdasu
Feb 15 2016 17:13 UTC
@Dayfiri
you can try this logic
if (contacts[i].firstName===firstName)
{
if(contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
Elliott Champault
@Eliott-Champo
Feb 15 2016 17:13 UTC
@srinivasdasu thanks
CamperBot
@camperbot
Feb 15 2016 17:13 UTC
eliott-champo sends brownie points to @srinivasdasu :sparkles: :thumbsup: :sparkles:
:star: 391 | @srinivasdasu | http://www.freecodecamp.com/srinivasdasu
Matko Hromin
@Dayfiri
Feb 15 2016 17:14 UTC
@srinivasdasu But how does computer knows what i is ?
srinivas
@srinivasdasu
Feb 15 2016 17:15 UTC
@Dayfiri
that logic inside the for loop
for(var i=0;i<contacts.length;i++)
Elaine
@consultelaine
Feb 15 2016 17:16 UTC
@pranayberry I'm still stuck <img class="smaller-image" class="thick-green-border style-solid" "border-width 10px" src="https://bit.ly/fcc-relaxing-cat">....something is till missing here. Thanks for your help
CamperBot
@camperbot
Feb 15 2016 17:16 UTC
consultelaine sends brownie points to @pranayberry :sparkles: :thumbsup: :sparkles:
:star: 106 | @pranayberry | http://www.freecodecamp.com/pranayberry
Thomas Bartels
@tbartels
Feb 15 2016 17:16 UTC
@Dayfiri your conditions are using return statements, this means that the loop will exit whenever a return is reached, the conditions you set up mean you will call a return on the first time and never get to the 2nd item
Matko Hromin
@Dayfiri
Feb 15 2016 17:18 UTC
@srinivasdasu both statements must be true to return the value
@tbartels I must return the value, not print it out
Thomas Bartels
@tbartels
Feb 15 2016 17:19 UTC
@consultelaine you need a style property before the styles, and you only need one class property, combine them; you also need a colon between the border-width and it's value:
<img class="smaller-image thick-green-border style-solid" style="border-width:10px" src="https://bit.ly/fcc-relaxing-cat">
srinivas
@srinivasdasu
Feb 15 2016 17:19 UTC
@Dayfiri
yeah i did same, checking both statements one after other
Thomas Bartels
@tbartels
Feb 15 2016 17:19 UTC
@Dayfiri that's fine, but you can't return where you are, at the moment some of your return statements are used much too early
srinivas
@srinivasdasu
Feb 15 2016 17:20 UTC
@Dayfiri
for(i=0;i<contacts.length;i++)
{
if (contacts[i].firstName===firstName)
{
if(contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
}
return "No such contact";
Craig Banach
@CraigBanach
Feb 15 2016 17:20 UTC
help format
CamperBot
@camperbot
Feb 15 2016 17:20 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Thomas Bartels
@tbartels
Feb 15 2016 17:20 UTC
thanks @cragsify
CamperBot
@camperbot
Feb 15 2016 17:20 UTC
tbartels sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 294 | @cragsify | http://www.freecodecamp.com/cragsify
Thomas Bartels
@tbartels
Feb 15 2016 17:20 UTC
;)
srinivas
@srinivasdasu
Feb 15 2016 17:21 UTC
'''
for(i=0;i<contacts.length;i++)
{
if (contacts[i].firstName===firstName)
{
if(contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
}
return "No such contact";
'''
CamperBot
@camperbot
Feb 15 2016 17:21 UTC
:bulb: to format code use backticks! ``` more info
srinivas
@srinivasdasu
Feb 15 2016 17:21 UTC
ok
Craig Banach
@CraigBanach
Feb 15 2016 17:21 UTC
@srinivasdasu the key next to 1.
Thomas Bartels
@tbartels
Feb 15 2016 17:22 UTC
for(i=0;i<contacts.length;i++)
{
  if (contacts[i].firstName===firstName)
  {
    if(contacts[i].hasOwnProperty(prop))
    {
      return contacts[i][prop];
    }
    else
    {
      return "No such property";
    }
  }
}
return "No such contact";
it's a the tilde key ~ without pressing shift
Matko Hromin
@Dayfiri
Feb 15 2016 17:31 UTC
@srinivasdasu @tbartels thanks
CamperBot
@camperbot
Feb 15 2016 17:31 UTC
dayfiri sends brownie points to @srinivasdasu and @tbartels :sparkles: :thumbsup: :sparkles:
:star: 392 | @srinivasdasu | http://www.freecodecamp.com/srinivasdasu
:star: 137 | @tbartels | http://www.freecodecamp.com/tbartels
Elaine
@consultelaine
Feb 15 2016 17:35 UTC
@tbartels I truly appreciate your help...all is well except that i'm still getting the error img element should be green....<img class="smaller-image thick-green-border style-solid" style="border-width:10px" src="https://bit.ly/fcc-relaxing-cat">
Craig Banach
@CraigBanach
Feb 15 2016 17:35 UTC
@consultelaine Can you post all of you code please using the formatter:
help format
CamperBot
@camperbot
Feb 15 2016 17:35 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Thomas Bartels
@tbartels
Feb 15 2016 17:37 UTC
@consultelaine the amount of code and context you supplied isn't really enough to diagnose your problem, which challenge are you working on?
Elaine
@consultelaine
Feb 15 2016 17:37 UTC
@cragsify where might I find that? Thank you
CamperBot
@camperbot
Feb 15 2016 17:37 UTC
consultelaine sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 295 | @cragsify | http://www.freecodecamp.com/cragsify
Craig Banach
@CraigBanach
Feb 15 2016 17:37 UTC
@consultelaine use the instructions here:
help format
CamperBot
@camperbot
Feb 15 2016 17:37 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Andy Wu
@fobuli
Feb 15 2016 17:38 UTC
'''
CamperBot
@camperbot
Feb 15 2016 17:38 UTC
:bulb: to format code use backticks! ``` more info
Thomas Bartels
@tbartels
Feb 15 2016 17:39 UTC
@fobuli its the key to the left of the number 1, also the tilde (~) key, but without pressing shift
Andy Wu
@fobuli
Feb 15 2016 17:39 UTC
thank you boss =)
Rob
@robvon86
Feb 15 2016 17:42 UTC
its pretty laggy for me today
Elaine
@consultelaine
Feb 15 2016 17:42 UTC

@tbartels I'm working on Add Borders Around Your Elements..here is all I have <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.smaller-image {
width: 100px;
}
.thick-green-border {
border-color: thick-green;
border-width: 10px;
border-style: solid;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image thick-green-border style-solid" style="border-width:10px" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@cragsify I have copy pasted what I have...hope this helps...thanks

CamperBot
@camperbot
Feb 15 2016 17:42 UTC
consultelaine sends brownie points to @tbartels and @cragsify :sparkles: :thumbsup: :sparkles:
:warning: consultelaine already gave cragsify points
:star: 138 | @tbartels | http://www.freecodecamp.com/tbartels
Craig Banach
@CraigBanach
Feb 15 2016 17:43 UTC
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.smaller-image {
width: 100px;
}
.thick-green-border {
border-color: thick-green;
border-width: 10px;
border-style: solid;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img class="smaller-image thick-green-border style-solid" style="border-width:10px" src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@consultelaine What is the rror message?
Elaine
@consultelaine
Feb 15 2016 17:44 UTC
@cragsify that the border should be green..it looks grey
Craig Banach
@CraigBanach
Feb 15 2016 17:44 UTC
@consultelaine your thick-green-border class needs a valid colour. You can also remove the style attibute from the img element.
@consultelaine make the border-color: green;
Elaine
@consultelaine
Feb 15 2016 17:52 UTC
@cragsify ...still working on it....thanks for your help
CamperBot
@camperbot
Feb 15 2016 17:52 UTC
consultelaine sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:warning: consultelaine already gave cragsify points
Roger Skeie
@rogerskeie
Feb 15 2016 17:52 UTC
I'm having trouble getting text added to the tweet. I've tried both $("#tweet").attr("data-text", tweet); and also tried changing the href attribute, but it doesn't take
I just end up with a blank tweet in the tweet editor when I click the button.
http://codepen.io/rogerskeie/pen/EPMNBy
Mahdir Kabir
@mahdirkabir
Feb 15 2016 17:59 UTC
blob
someone please explain this to me
Maulik Darji
@maulikdarji
Feb 15 2016 18:04 UTC
@rogerskeie you need to assign tweet-text to the text value in your url i.e. tweet?text='tweet_text_here'
Roger Skeie
@rogerskeie
Feb 15 2016 18:04 UTC
@maulikdarji I tried that as well, same problem
@maulikdarji I tried that first actually
Maulik Darji
@maulikdarji
Feb 15 2016 18:05 UTC
Roger Skeie
@rogerskeie
Feb 15 2016 18:06 UTC
It only works when I set it directly in the html, not when I try to set it dynamically with jquery (which is what I need it to do).
Rob
@robvon86
Feb 15 2016 18:08 UTC
@mahdirkabir there is good explanation video within the lesson :)
greg
@wearenotgroot
Feb 15 2016 18:09 UTC
@rogerskeie well the explanation is that the actual twitter button from twitter
Mahdir Kabir
@mahdirkabir
Feb 15 2016 18:09 UTC
thanks @robvon86
CamperBot
@camperbot
Feb 15 2016 18:09 UTC
mahdirkabir sends brownie points to @robvon86 :sparkles: :thumbsup: :sparkles:
:star: 132 | @robvon86 | http://www.freecodecamp.com/robvon86
greg
@wearenotgroot
Feb 15 2016 18:09 UTC
@rogerskeie is converted to iframe
@rogerskeie that is why you cannot access the properties of th a tag
Ademola Adegbuyi
@ooade
Feb 15 2016 18:10 UTC
hello
greg
@wearenotgroot
Feb 15 2016 18:10 UTC
@rogerskeie you have to destroy and recreated it everytime you update the href
@rogerskeie the most simpliest solution is to just make your own twitter button using font-awesome
@rogerskeie so you can edit the href in your code
Roger Skeie
@rogerskeie
Feb 15 2016 18:11 UTC
@wearenotgroot Thanks