These are chat archives for FreeCodeCamp/Help

27th
Jan 2016
yaxy
@yaxy
Jan 27 2016 00:00
@Patvhdez , the exercise is to illustrate that a variable declared anywhere, even inside a function, is global if not preceeded by "var"
Note they want you to use the variable name oopsGlobal, not myGlobal
Patrick Valenzuela
@Patvhdez
Jan 27 2016 00:01
ok
thanks! :)
yaxy
@yaxy
Jan 27 2016 00:01
kind of scary. Mind your vars!
Brett
@BLayman
Jan 27 2016 00:02
@trueskawka Ok, yeah it seemed like the most logical explanation, but it's all just implied in the structure of the code, so I was pretty confused at first as to how it actually went through the possibilities. Thanks.
CamperBot
@camperbot
Jan 27 2016 00:02
blayman sends brownie points to @trueskawka :sparkles: :thumbsup: :sparkles:
:star: 408 | @trueskawka | http://www.freecodecamp.com/trueskawka
Gbemi Emmanuel
@bobs95
Jan 27 2016 00:03
@trueskawka
function update(id, prop, value) {
  if (value !=="" && prop !== "tracks") {
    collection[id][prop] = value;
  }else if(prop !=="tracks" && value !==""){
     collection[id].tracks.push(value);
  }else if(value ==="") {
        delete collection[id][prop];
    }

 return collection;
}
Alicja Raszkowska
@trueskawka
Jan 27 2016 00:03
@BLayman doesn’t hurt to ask :) glad I could be your rubber duck
Aaron Stites
@aaron019
Jan 27 2016 00:03
ok, I am a little stuck creating my first script in jQuery. It appears that my element is invalid, here is my code: <script $(document) .ready(function(){>
$(document).ready(function(){ function with });
</script>
Alicja Raszkowska
@trueskawka
Jan 27 2016 00:03
@bobs95 the first else if
Brian
@sludge256
Jan 27 2016 00:03
<script>code</script>
not
<script code></script>
Alicja Raszkowska
@trueskawka
Jan 27 2016 00:03
@bobs95 you should check if prop equals ‘tracks'
@bobs95 because you want to push value to tracks only when the property is tracks
Gbemi Emmanuel
@bobs95
Jan 27 2016 00:05
@trueskawka ooops
Aaron Stites
@aaron019
Jan 27 2016 00:05
thanks, that is how I had it at first, I switched it back and still get a syntax error
Gbemi Emmanuel
@bobs95
Jan 27 2016 00:05
wow that was almost frustrating
@trueskawka 'we' did it, big THANKS
CamperBot
@camperbot
Jan 27 2016 00:06
bobs95 sends brownie points to @trueskawka :sparkles: :thumbsup: :sparkles:
:star: 409 | @trueskawka | http://www.freecodecamp.com/trueskawka
Alicja Raszkowska
@trueskawka
Jan 27 2016 00:06
@bobs95 woohoo! ^^
Brian
@sludge256
Jan 27 2016 00:06
@aaron019 what do you have right now?
Alicja Raszkowska
@trueskawka
Jan 27 2016 00:06
@bobs95 now I can go to sleep :)
Aaron Stites
@aaron019
Jan 27 2016 00:06
<script> $(document) .ready(function(){
$(document).ready(function(){ function with });
</script>
Gbemi Emmanuel
@bobs95
Jan 27 2016 00:06
of course
u did it already
Alicja Raszkowska
@trueskawka
Jan 27 2016 00:07
@bobs95 be sure to go through it in a few days, check if you understand everything
@bobs95 should you have any questions, you can always PM me
@bobs95 have fun :)
nighty night
Gbemi Emmanuel
@bobs95
Jan 27 2016 00:07
wud b glad
and u too
p0wermilk
@p0wermilk
Jan 27 2016 00:09
good night everybody tomorrow more
heatherwerner15
@heatherwerner15
Jan 27 2016 00:13
var myVar = 87;

// Only change code below this line
myVar = myVar++;
says that its only equaling 87 not 88.... im confused
is it a bug?
Gbemi Emmanuel
@bobs95
Jan 27 2016 00:15
This message was deleted
Aleksander Gębicki
@Takumar
Jan 27 2016 00:15
@heatherwerner15 not its not a bug. myVar++ makes post increment, it means that incrementing is delayed. So first myVar = myVar and than previous variable should be incremented, but myVar already has value 87
Gbemi Emmanuel
@bobs95
Jan 27 2016 00:16
@heatherwerner15 what is d name of the exercise
heatherwerner15
@heatherwerner15
Jan 27 2016 00:16
@Takumar Increment a Number with Javascript is the name of the exersise
Aleksander Gębicki
@Takumar
Jan 27 2016 00:17

@heatherwerner15 when you try:

var myVar = 87;

// Only change code below this line
var myVar2 = myVar++;
console.log(myVar);
console.log(myVar2);

You should see values: 88 and 87 in your console.

soccerpreston11
@soccerpreston11
Jan 27 2016 00:18

it says

Your a element should be a dead link with a href attribute set to #.

here is my code

<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><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"> </a>

<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>
Aleksander Gębicki
@Takumar
Jan 27 2016 00:18
@heatherwerner15 in your waypoint you should just write: myVar++ because it changes value of variable in place.
It is equivalent of: myVar = myVar + 1;
Aaron Stites
@aaron019
Jan 27 2016 00:18
@sludge256 I figured it out. The instructions had me confused.
Alexander Køpke
@alexanderkopke
Jan 27 2016 00:18
This message was deleted
soccerpreston11
@soccerpreston11
Jan 27 2016 00:19
rooms
CamperBot
@camperbot
Jan 27 2016 00:19

rooms

See all the FreeCodeCamp rooms at gitter.im/FreeCodeCamp/rooms
Or check this wiki article for a shortlist
Aleksander Gębicki
@Takumar
Jan 27 2016 00:19
@soccerpreston11 are you sure there should be paragraph <p>Click here for around your link? Maybe there should be only dead link: <a href="#">cat photos</a>?
Which waypoint is it?
Richard
@RichardGTech
Jan 27 2016 00:22
I am SO close to finishing Nest an Anchor Element within a Paragraph! I'm missing one thing
<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>

<a href="http://www.freecatphotoapp.com">cat photos</a>

<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>

<p> View more <a href='http://www.freecatphotoapp.com'> cat photos</a> here </p>
The thing I need is your p element should have the text "View more " (with a space after it)
Brian
@sludge256
Jan 27 2016 00:23
@aaron019 cool. Sorry I was leaving work and wasn't able to reply
Aleksander Gębicki
@Takumar
Jan 27 2016 00:24
@ProfessorMagus modify existing link (after <h2> heading), don't add new one at the end of your code :-)
Richard
@RichardGTech
Jan 27 2016 00:25
@Takumar ...? I only made a new line
Gbemi Emmanuel
@bobs95
Jan 27 2016 00:26
// Only change code below this line
  for (var i = 0; i < arr.length; i++) {
    for (var j = 0; j < arr[i].length; j++){
      console.log(arr[i][j]);
    }
  }
  // Only change code above this line
  return product;
}
Aleksander Gębicki
@Takumar
Jan 27 2016 00:26

@ProfessorMagus you have two lines:

<a href="http://www.freecatphotoapp.com">cat photos</a>
<p> View more <a href='http://www.freecatphotoapp.com'> cat photos</a> here </p>

please modify first one, remove last, and I think "here" is not needed, but you have to check the string.

Richard
@RichardGTech
Jan 27 2016 00:26
@Takumar that's all part of line 37 from what I see
@Takumar I am still completely new to this
Aleksander Gębicki
@Takumar
Jan 27 2016 00:27
@ProfessorMagus I think you see differences, double versus single quotation marks. You have added line at the end, but you should modify the first one.
Gbemi Emmanuel
@bobs95
Jan 27 2016 00:28
Modify function multiplyAll so that it multiplies the product variable by each number in the sub-arrays of arr
Richard
@RichardGTech
Jan 27 2016 00:28
@Takumar so what you're saying is that I should do double quotation
Aleksander Gębicki
@Takumar
Jan 27 2016 00:29
@ProfessorMagus that's not so important I just wanted to show you that you have two lines. Remove last and nest existing one <a href="http://www.freecatphotoapp.com">cat photos</a> in paragraph of text.
Add: <p>View moreat the beginning and </p> at the end of this line
Richard
@RichardGTech
Jan 27 2016 00:30
@Takumar that screwed up my code
Aleksander Gębicki
@Takumar
Jan 27 2016 00:30
This message was deleted
Jonathan
@jonathantimm
Jan 27 2016 00:35
hey everybody, have you ever gotten a weird error from codepen in your console?
Richard
@RichardGTech
Jan 27 2016 00:35
@jonathantimm no I haven't
Jonathan
@jonathantimm
Jan 27 2016 00:36
Screen Shot 2016-01-26 at 7.35.53 PM.png
Kevan Slyngstad
@Arkine
Jan 27 2016 00:36
@jonathantimm nope
Richard
@RichardGTech
Jan 27 2016 00:37
@jonathantimm I'm just trying to fix this one error that I am having right now
Kevan Slyngstad
@Arkine
Jan 27 2016 00:37
@ProfessorMagus I can try and help you if you need it
Richard
@RichardGTech
Jan 27 2016 00:37
Please @Arkine I am SO close in getting it right!
<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>

<a href="http://www.freecatphotoapp.com">cat photos</a>

<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>

<p> View more <a href="http://www.freecatphotoapp.com">cat photos</a> here</p>
Kevan Slyngstad
@Arkine
Jan 27 2016 00:38
@ProfessorMagus what's the task?
Richard
@RichardGTech
Jan 27 2016 00:38
Nest an Anchor Element within a paragraph... And my last line is all in one line
it's not two
Aleksander Gębicki
@Takumar
Jan 27 2016 00:38
@ProfessorMagus You have almost entire code, but I told you that you have two links :-(
Maybe even removing first is enough, because the last is good.
Richard
@RichardGTech
Jan 27 2016 00:39
@Takumar Oh! So I have to remove the FIRST!? D:
@Takumar Wow I can really be delusional sometimes, I'm sorry...
Aleksander Gębicki
@Takumar
Jan 27 2016 00:39
@ProfessorMagus I wanted you to remove last and put it in place of first (or modify first).
Kevan Slyngstad
@Arkine
Jan 27 2016 00:41
'''<p> View more <a href="http://www.freecatphotoapp.com">cat photos</a> here</p>
CamperBot
@camperbot
Jan 27 2016 00:41
:bulb: to format code use backticks! ``` more info
Richard
@RichardGTech
Jan 27 2016 00:41
@Takumar Ok! I really didn't understand... I really apologize... I'm just not used to coding normally yet... I'm working two jobs and it does get exhausting... But it's not going to stop me from doing this
Kevan Slyngstad
@Arkine
Jan 27 2016 00:41
@ProfessorMagus oops, I was going to say that that line of code is the proper nesting of the tag within a paragraph tag
Richard
@RichardGTech
Jan 27 2016 00:42
@Arkine so it was from what I've seen now! :D
Kevan Slyngstad
@Arkine
Jan 27 2016 00:42

'''

<p> View more <a href="http://www.freecatphotoapp.com">cat photos</a> here</p>
'''

This is correct, perhaps you can try @Takumar 's suggestion and remove any previous code that you may have left in to test

CamperBot
@camperbot
Jan 27 2016 00:42
:bulb: to format code use backticks! ``` more info
Richard
@RichardGTech
Jan 27 2016 00:42
now I'm on using a # to kill al ink
Aleksander Gębicki
@Takumar
Jan 27 2016 00:42
@ProfessorMagus I am not native English speaker, so I may explain something not fully correct, but I wanted you to see that you created new line at the end (and you made it good) but you should modify existing link.
Kevan Slyngstad
@Arkine
Jan 27 2016 00:42
lol, I still need to figure out how to use this chat
Richard
@RichardGTech
Jan 27 2016 00:42
@Arkine I did and it worked
@Takumar It's ok
So my next objective requires the use of jQuery... Do I need to download it?
Kevan Slyngstad
@Arkine
Jan 27 2016 00:43
nope, it's included via a link tag in your markup
Richard
@RichardGTech
Jan 27 2016 00:43
Or wait.... It just says Make Dead links using the #
Kevan Slyngstad
@Arkine
Jan 27 2016 00:44
not to be confused with an <a> tag
correction, a <script> tag
it's included via a script tag
Richard
@RichardGTech
Jan 27 2016 00:45
So where I want my # is withing the <a> tag?
Kevan Slyngstad
@Arkine
Jan 27 2016 00:45
correct
Richard
@RichardGTech
Jan 27 2016 00:45
and do I put it in FRONT of my href or at the end next to </a>
Kevan Slyngstad
@Arkine
Jan 27 2016 00:46
basically it acts as a placeholder for links so it goes in your href="#"
when clicked, it performs no action except adding a # to your url in your address bar
Richard
@RichardGTech
Jan 27 2016 00:47
I done it again! But unfortunately, I need to head to work... luckily I was in a coffee shop next to my job
Kevan Slyngstad
@Arkine
Jan 27 2016 00:48
It can also act as a reference to an id link on the page and jump to that id.
Richard
@RichardGTech
Jan 27 2016 00:48
So I really need quick advice. How would I be able to memorize all that I've done without looking back at what I've done as a reference
Kevan Slyngstad
@Arkine
Jan 27 2016 00:49
practice. lol. I haven't done the levels on this site yet
I'm not sure what facilities it offersr
Richard
@RichardGTech
Jan 27 2016 00:49
Oh! ok... My cousin said to also start writing my own cod
code*
Kevan Slyngstad
@Arkine
Jan 27 2016 00:49
that works best. It just comes down to working on it daily and getting used to seeing it and knowing what goes where
Richard
@RichardGTech
Jan 27 2016 00:50
Yeah, working two jobs gets in the way, but I do my best
Kevan Slyngstad
@Arkine
Jan 27 2016 00:50
lol, that'll definitely do it
it's hard to make time for this sometimes
Richard
@RichardGTech
Jan 27 2016 00:50
lol yeah. But I'm determined to get my certificate
Kevan Slyngstad
@Arkine
Jan 27 2016 00:50
Are they accredited certs?
Brian
@sludge256
Jan 27 2016 00:51
As far as I know they're not accredited
Kevan Slyngstad
@Arkine
Jan 27 2016 00:52
ah, still good to have I would guess to show employers.
Brian
@sludge256
Jan 27 2016 00:52
but they're a good way to pique interest
and create opportunity to prove your skill
Richard
@RichardGTech
Jan 27 2016 00:52
Yeah... and on top of volunteering for the non profits help as well
Brian
@sludge256
Jan 27 2016 00:52
ideally you would link to your portfolio also
Kevan Slyngstad
@Arkine
Jan 27 2016 00:52
I like sites like these. They're a really good place to start
Richard
@RichardGTech
Jan 27 2016 00:52
anyway guys, I'm gonna head out... I don't know why all the progress I have done hasn't gone to my github yet
Brian
@sludge256
Jan 27 2016 00:52
@ProfessorMagus FCC doesn't post to your Github
Richard
@RichardGTech
Jan 27 2016 00:53
ohh ok
Brian
@sludge256
Jan 27 2016 00:53
you can do it manually if you wish though
Kevan Slyngstad
@Arkine
Jan 27 2016 00:53
@ProfessorMagus have a good night and good luck to you on the rest!
Richard
@RichardGTech
Jan 27 2016 00:53
thanks!
Kevan Slyngstad
@Arkine
Jan 27 2016 00:54

'''

<p>test para</p>
'''

CamperBot
@camperbot
Jan 27 2016 00:54
:bulb: to format code use backticks! ``` more info
Kevan Slyngstad
@Arkine
Jan 27 2016 00:54
is there spaces between them?
Aaron Stites
@aaron019
Jan 27 2016 00:54
@sludge256 no worries, thanks for chiming in
CamperBot
@camperbot
Jan 27 2016 00:54
aaron019 sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1059 | @sludge256 | http://www.freecodecamp.com/sludge256
Kevan Slyngstad
@Arkine
Jan 27 2016 00:54
' ' '
var hello = 'hello';
' ' '
CamperBot
@camperbot
Jan 27 2016 00:54
:bulb: to format code use backticks! ``` more info
Franco Zapata
@Francozt01
Jan 27 2016 00:55
@Arkine its Adele she is wondering if...
Kevan Slyngstad
@Arkine
Jan 27 2016 00:55
@Francozt01 ?
Franco Zapata
@Francozt01
Jan 27 2016 00:55
var hello = 'hello';
its Adele
Kevan Slyngstad
@Arkine
Jan 27 2016 00:56
@Francozt01 I was just trying to use the markdown for displaying code
Franco Zapata
@Francozt01
Jan 27 2016 00:56
and i just wrote its Adelen wondering if
Kevan Slyngstad
@Arkine
Jan 27 2016 00:56
hmm, not sure what that is
Franco Zapata
@Francozt01
Jan 27 2016 00:57
lol
nice web btw
Brian
@sludge256
Jan 27 2016 00:57
use ` not '
it's on the ~ key
Kevan Slyngstad
@Arkine
Jan 27 2016 00:57
thanks! @sludge256 ahhhhhhhh!
CamperBot
@camperbot
Jan 27 2016 00:57
arkine sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1060 | @sludge256 | http://www.freecodecamp.com/sludge256
Franco Zapata
@Francozt01
Jan 27 2016 00:57
xd
Brian
@sludge256
Jan 27 2016 00:58
the bot did try to help you
:P
Kevan Slyngstad
@Arkine
Jan 27 2016 00:58
haha, I assume that the ` is an adelen
I even googled it like "wtf is an adele?"
alert('thanks!');
sweet stuff
Dustin Clay
@dcofjapan
Jan 27 2016 01:00
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat"> why was there no </"something"> at the end why is this the answer
Kevan Slyngstad
@Arkine
Jan 27 2016 01:01
@dcofjapan what is the question?
Dustin Clay
@dcofjapan
Jan 27 2016 01:01
the size your images part
I was able to:Your image should be 100 pixels wide. Browser zoom should be at 100%.
but couldn't do the :Your img element should have the class smaller-image.
Kevan Slyngstad
@Arkine
Jan 27 2016 01:02
oh, why is there no closing tag?
Dustin Clay
@dcofjapan
Jan 27 2016 01:02
idk but that is apparently the answer
Kevan Slyngstad
@Arkine
Jan 27 2016 01:02
oh, well it's a self closing tag. lol
Franco Zapata
@Francozt01
Jan 27 2016 01:03
@dcofjapan inside the <img> tag you need to asign the class smaller-image
Dustin Clay
@dcofjapan
Jan 27 2016 01:03
oh you meant my question heh. sorry.
Franco Zapata
@Francozt01
Jan 27 2016 01:03
<img class="smaller-image" src="link of image goes here"/>
Dustin Clay
@dcofjapan
Jan 27 2016 01:03
self closing tag..oh it did say something about that
Kevan Slyngstad
@Arkine
Jan 27 2016 01:03
img, br, and input tags are self closing tags which means they do not require a closing </tagname> tag
Franco Zapata
@Francozt01
Jan 27 2016 01:04
some people use <img /> but is not needed just write <img class="ClassName" src="link">
Kevan Slyngstad
@Arkine
Jan 27 2016 01:05
The / is only required for XHTML & XML.
HTML5 doesn't require it
Dustin Clay
@dcofjapan
Jan 27 2016 01:06
thanks@ Arkine
thanks@ Francotz01
Mafalda
@otmeek
Jan 27 2016 01:06
anyone know how to remove the blue border that appears when holding down / releasing a button with bootstrap? http://codepen.io/meek/pen/zrWmpO
Kevan Slyngstad
@Arkine
Jan 27 2016 01:07
that's border is called the :focus border and is for accessibility reasons for screen-readers
to disable, assign border: none; on :focus to the applicable container
Mafalda
@otmeek
Jan 27 2016 01:09
I'm trying this:
.btn-primary:focus {
  color: #fff;
  background-color: #739ea0;
  border-color: #739ea0;
  border: none !important;
}
but it's not really working
actually it's not the thin border around the button that I mean
just the one that appears when holding down (active?) and after it's been released (focus?)
Kevan Slyngstad
@Arkine
Jan 27 2016 01:11
you can also add the :active pseudo selector to that line
or just do
:focus, :active {
 border: none
}
but bootstraps a pain and will whine and say that it's method is better so you might need the !important override on it to force it
like you have it above
Mafalda
@otmeek
Jan 27 2016 01:13
I'm trying that, but it's not working, even with !important
Kevan Slyngstad
@Arkine
Jan 27 2016 01:14
hmmm, lemme try something
oops sorry, set outline to none
so
:focus {
outline: none
}
I forgot is not actually a border
Mafalda
@otmeek
Jan 27 2016 01:16
@Arkine that does it! thanks :)
CamperBot
@camperbot
Jan 27 2016 01:16
otmeek sends brownie points to @arkine :sparkles: :thumbsup: :sparkles:
:star: 5 | @arkine | http://www.freecodecamp.com/arkine
Kevan Slyngstad
@Arkine
Jan 27 2016 01:16
no prob
brb
Franco Zapata
@Francozt01
Jan 27 2016 01:22
@dcofjapan lol np :+1: didn't realized u thanks me because u used the @ after the name xd
CamperBot
@camperbot
Jan 27 2016 01:22
francozt01 sends brownie points to @dcofjapan :sparkles: :thumbsup: :sparkles:
:star: 24 | @dcofjapan | http://www.freecodecamp.com/dcofjapan
Dustin Clay
@dcofjapan
Jan 27 2016 01:25
"thanks @Francozt01
CamperBot
@camperbot
Jan 27 2016 01:25
dcofjapan sends brownie points to @francozt01 :sparkles: :thumbsup: :sparkles:
:star: 502 | @francozt01 | http://www.freecodecamp.com/francozt01
Dustin Clay
@dcofjapan
Jan 27 2016 01:26
"thanks @arknine"
CamperBot
@camperbot
Jan 27 2016 01:26
dcofjapan sends brownie points to @arknine :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for arknine
Dustin Clay
@dcofjapan
Jan 27 2016 01:26
woops heh
Franco Zapata
@Francozt01
Jan 27 2016 01:26
hahah :D :+1:
Kevan Slyngstad
@Arkine
Jan 27 2016 01:26
lol, it happens
Dustin Clay
@dcofjapan
Jan 27 2016 01:26
hm oh
Franco Zapata
@Francozt01
Jan 27 2016 01:26
yeah
Dustin Clay
@dcofjapan
Jan 27 2016 01:26
"thanks @Arkine"
CamperBot
@camperbot
Jan 27 2016 01:26
dcofjapan sends brownie points to @arkine :sparkles: :thumbsup: :sparkles:
:star: 6 | @arkine | http://www.freecodecamp.com/arkine
Kevan Slyngstad
@Arkine
Jan 27 2016 01:26
thanks @dcofjapan
CamperBot
@camperbot
Jan 27 2016 01:26
arkine sends brownie points to @dcofjapan :sparkles: :thumbsup: :sparkles:
:star: 25 | @dcofjapan | http://www.freecodecamp.com/dcofjapan
Thequadehunter
@Thequadehunter
Jan 27 2016 01:34
I have a question about the portfolio zipline. How do you link to separate pages within CodePen? Do you have to make another pen for each page?
Eric Yohansa
@eyohansa
Jan 27 2016 01:39
Yeah if they page is in separate pen.
Evan Aubry
@evanAubry
Jan 27 2016 01:40
for random quote machine , it wants you to tweet out the quotes you use, but my quotes are too long, any suggestions?
Boris
@boris-in-london
Jan 27 2016 01:42
@evanAubry pick shorter quotes?
Evan Aubry
@evanAubry
Jan 27 2016 01:42
i guess so
Boris
@boris-in-london
Jan 27 2016 01:42
or you can use multiple tweets...
thats more to do with twitters tweeting limit than your code right?
Evan Aubry
@evanAubry
Jan 27 2016 01:43
yea, was hoping i wouldnt have to repick all my quotes
yea
M. Matthews
@mmatthews1981
Jan 27 2016 01:44
hey guys, can anyone help me with a scope issue?
Boris
@boris-in-london
Jan 27 2016 01:45
wont be a problem for long though... http://recode.net/2016/01/05/twitter-considering-10000-character-limit-for-tweets/
twitter is considering increasing their tweet limits.
@meredithmatthews shoot
M. Matthews
@mmatthews1981
Jan 27 2016 01:45
function sumFibs(num) {
  var orig = num;

  function theFunc(){
    return orig;
  }

theFunc();

}

sumFibs(4);
Brian
@sludge256
Jan 27 2016 01:45
@evanAubry I guess you could just go with tweeting a truncated string
or truncate and link to the full quote
M. Matthews
@mmatthews1981
Jan 27 2016 01:46
@boris-in-london why isn't this returning a 4?
Eric Yohansa
@eyohansa
Jan 27 2016 01:48
How if you do return theFunc()?
clifrockh
@clifrockh
Jan 27 2016 01:48
hi -I'm working on the "give a background color to a div element" challenge and my code is wrong. I hate to post the whole code on chat but I would appreciate any 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;
}

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

.smaller-image {
width: 100px;
}
<div class="gray-background"></div>
.gray-background {
background-color: gray;
}
</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" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<div>
<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>
</div>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

Boris
@boris-in-london
Jan 27 2016 01:49
@meredithmatthews my guess is that theFunc is called before orig variable can be executed. javascript puts function declarations like theFunc infront of variable declarations.
Eric Yohansa
@eyohansa
Jan 27 2016 01:49
@clifrockh That div class="gray-background" is supposed to be outside of style tag.
@meredithmatthews Have you tried return theFunc() instead of just theFunc()?
clifrockh
@clifrockh
Jan 27 2016 01:51
oh ok thank you @eyohansa
CamperBot
@camperbot
Jan 27 2016 01:51
clifrockh sends brownie points to @eyohansa :sparkles: :thumbsup: :sparkles:
:star: 270 | @eyohansa | http://www.freecodecamp.com/eyohansa
M. Matthews
@mmatthews1981
Jan 27 2016 01:51
@boris-in-london that's weird, since all the documentation I've read says that the var should act as a global variable to all following functions.
@eyohansa I haven't, I'll give it a try.
@boris-in-london @eyohansa returning the function worked, but I don't understand why. why doesn't calling the function return the value by itself?
Eric Yohansa
@eyohansa
Jan 27 2016 01:53
It returns to sumFibs() then you need to return it again to pass it to FCC console.
Assuming you're using FCC console.
M. Matthews
@mmatthews1981
Jan 27 2016 01:54
I am. So it's an eccentricity?
Eric Yohansa
@eyohansa
Jan 27 2016 01:55
No, here's the scope global > sumsFib() > theFunc. since you call theFunc inside of sumsFib then theFunc returns value to sumsFib first, and sumsFib then needs to return it back to global
M. Matthews
@mmatthews1981
Jan 27 2016 01:55
thanks @eyohansa and @boris-in-london
CamperBot
@camperbot
Jan 27 2016 01:55
meredithmatthews sends brownie points to @eyohansa and @boris-in-london :sparkles: :thumbsup: :sparkles:
:star: 222 | @boris-in-london | http://www.freecodecamp.com/boris-in-london
:star: 271 | @eyohansa | http://www.freecodecamp.com/eyohansa
Boris
@boris-in-london
Jan 27 2016 01:56
@meredithmatthews your logic is sound and youre right, a function declared in another fuction has access to the parent functions vars. but javascript chooses an order when declaring vars/functions then executing them after.
Eric Yohansa
@eyohansa
Jan 27 2016 01:56
You can do console.log(theFunc) inside of sumsFib() and it will show 4 in console. :smile:
I hope that makes sense. Apparently I'm bad at constructing words.
Delante Lee Bess
@dbess1
Jan 27 2016 02:02
Hi All
I'm not quite clear on this Using Objects for Lookups
Tony Miri
@TonyMiri
Jan 27 2016 02:05
Guys I accidentally created an infinite loop and now I can't open the page :worried: What do?
Brian
@sludge256
Jan 27 2016 02:07
wiki auto
CamperBot
@camperbot
Jan 27 2016 02:07

:point_right: disable code auto run [wiki]

By default, the Free Code Camp site automatically loads and runs your last recorded solution. If you have accidentally created an infinite loop or other irrecoverable error or simply don't trust the code, you can disable code auto-run by putting the following in your URL:
run=disabled

Example:

URL: http://www.freecodecamp.com/challenges/bonfire-meet-bonfire#?solution=function%20meetBonfire(argument)

No-Run URL: http://www.freecodecamp.com/challenges/bonfire-meet-bonfire#?run=disabled&solution=function%20meetBonfire(argument)

:pencil: read more about disable code auto run on the FCC Wiki

Brian
@sludge256
Jan 27 2016 02:10
@dbess1 anything specific you don't get?
Eric Yohansa
@eyohansa
Jan 27 2016 02:12
@FatTone225 Try refreshing the page.
Tony Miri
@TonyMiri
Jan 27 2016 02:12
@sludge256 @eyohansa All taken care of. Thanks guys.
CamperBot
@camperbot
Jan 27 2016 02:12
fattone225 sends brownie points to @sludge256 and @eyohansa :sparkles: :thumbsup: :sparkles:
:star: 272 | @eyohansa | http://www.freecodecamp.com/eyohansa
:star: 1066 | @sludge256 | http://www.freecodecamp.com/sludge256
Delante Lee Bess
@dbess1
Jan 27 2016 02:13
@sludge256 I'm a bit confused on the logic here. And, this problem seems fairly simple.
@sludge256 I have converted everything to a lookup list
by saying var lookup = {...}
Brian
@sludge256
Jan 27 2016 02:14
mhm
Delante Lee Bess
@dbess1
Jan 27 2016 02:14
then, "alpha":"Adams", "bravo": "Boston", etc.
Brian
@sludge256
Jan 27 2016 02:15
so the things to the left of : are the property names
so for example if you wanted to get the value of Adams
you could access it by using lookup["alpha"]
lookup being the object name and alpha being the property name
however you want to use a variable instead of hard coding the property name
and make sure to assign the value that you're accessing to the result variable
Off to eat hopefully you that's enough for you to make some progress
Delante Lee Bess
@dbess1
Jan 27 2016 02:17
@sludge256 thanks!
CamperBot
@camperbot
Jan 27 2016 02:17
dbess1 sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1067 | @sludge256 | http://www.freecodecamp.com/sludge256
Benny
@kronengold
Jan 27 2016 02:18
Going to start the Data Visualization
... Going to start Data Visualization but it starts with the projects. The intro for SASS & REACT is still not there (coming soon...). Should I wait for it to be available?
GiovannyJean
@GiovannyJean
Jan 27 2016 02:22

```js
var count = 0;

function cc(card) {
// Only change code below this line

switch (card){
case 2:
case 3:
case 4:
case 5:
case 6:
count+=1;
break;
case 7:
case 8:
case 9:
count+=0;
break;
case 10:
case 'J':
case 'Q':
case 'K':
case 'A':
count-= 1;
break;
}

if (count > 0) {
count = count + " Hold";
}

if (count <= 0) {
count = count + " Bet";
}

return count;
// Only change code above this line
}
``` Help Please. Returns null.

var count = 0;
function cc(card) {
// Only change code below this line
switch (card){
case 2:
case 3:
case 4:
case 5:
case 6:
count+=1;
break;
case 7:
case 8:
case 9:
count+=0;
break;
case 10:
case 'J':
case 'Q':
case 'K':
case 'A':
count-= 1;
break;
}
if (count > 0) {
count = count + " Hold";
}
if (count <= 0) {
count = count + " Bet";
}
return count;
// Only change code above this line
}
Greg D
@mosaic-greg
Jan 27 2016 02:25
@GiovannyJean personally i'd use pure if statements , no cases
GiovannyJean
@GiovannyJean
Jan 27 2016 02:26
@mosaic-greg why does it return null? It should work regardless
Kevan Slyngstad
@Arkine
Jan 27 2016 02:26
@GiovannyJean are you passing a value to cc()?
Gary Morris
@fattox
Jan 27 2016 02:27
you should tell it to return count + " Bet"
otherwise he can't return anything, i assume
GiovannyJean
@GiovannyJean
Jan 27 2016 02:28
@Arkine Yes its under the code I quoted
@fattox I did in the if statement
Kevan Slyngstad
@Arkine
Jan 27 2016 02:28
@GiovannyJean Mind if I see the rest?
DJ
@qualitymanifest
Jan 27 2016 02:28
@GiovannyJean can you paste the link to the waypoint (full link)?
Gary Morris
@fattox
Jan 27 2016 02:28
if (count <= 0) {
return count + " Hold";
}
if (count > 0) {
return count + " Bet";
}
return count;
sorry, remove the last line of "return"
GiovannyJean
@GiovannyJean
Jan 27 2016 02:29
var count = 0;
function cc(card) {
// Only change code below this line
switch (card){
case 2:
case 3:
case 4:
case 5:
case 6:
count+=1;
break;
case 7:
case 8:
case 9:
count+=0;
break;
case 10:
case 'J':
case 'Q':
case 'K':
case 'A':
count-= 1;
break;
}
if (count > 0) {
count = count + " Hold";
}
if (count <= 0) {
count = count + " Bet";
}
return count;
// Only change code above this line
}
Gary Morris
@fattox
Jan 27 2016 02:29
that was my method, i also used "count ++" in the switch statements, and made sure to "break" after them
Jason
@Jauble
Jan 27 2016 02:30
This message was deleted
Gary Morris
@fattox
Jan 27 2016 02:30
yes but within the "if", if it catches it as TRUE, then you are telling it that "count" should be changed to 'count + "Bet"'
instead of saying to return count + "Bet"
so he doesn't return anything
Kevan Slyngstad
@Arkine
Jan 27 2016 02:30
@GiovannyJean are you assigning the function to a variable? how are you logging the return?
you would do
console.log(cc(2));
Gary Morris
@fattox
Jan 27 2016 02:31
it does that in the background i believe @Arkine but there's also a line at the bottom for testing purposes
Kevan Slyngstad
@Arkine
Jan 27 2016 02:31
ah
Gary Morris
@fattox
Jan 27 2016 02:31
i did this one yesterday, just looking at my own code
but trying to help without pasting it outright :D
Kevan Slyngstad
@Arkine
Jan 27 2016 02:32
It's looking for count within the same scope I believe because you're returning a variable that's outside of the func
GiovannyJean
@GiovannyJean
Jan 27 2016 02:32
var count = 0;

function cc(card) {
  // Only change code below this line

  switch (card){
    case 2:
    case 3:
    case 4:
    case 5:
    case 6:
      count+=1;
      break;
    case 7:
    case 8:
    case 9:
      count+=0;
      break;
    case 10:
    case 'J':
    case 'Q':
    case 'K':
    case 'A':
      count-= 1;
      break;
  }

  if (count > 0) {
    return count + " Hold";
  }

  if (count <= 0) {
    return count + " Bet";
  }



  return count;
  // Only change code above this line
}
Still not working
Gary Morris
@fattox
Jan 27 2016 02:32
well i think he's getting "null" because he's not having the IF provide a return in any way
clifrockh
@clifrockh
Jan 27 2016 02:33
@eyohansa I moved my div class outside of the style tag as instructed and I got credit for creating the class but I can't get the actual background to switch to gray. I have also moved it inside the style tag -incorrectly most likely:

<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>

<div class="gray-background"></div>

<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" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<div>
.gray-background {
background-color: gray;
}
<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>
</div>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

GiovannyJean
@GiovannyJean
Jan 27 2016 02:33
Its returning but now it doesnt have the correct count
Gary Morris
@fattox
Jan 27 2016 02:34
@GiovannyJean change 2nd if to an else
Eric Yohansa
@eyohansa
Jan 27 2016 02:34
@clifrockh the .gray-background itself needs to be inside style tag.
It's a css selector.
Gary Morris
@fattox
Jan 27 2016 02:34
and you also don't need that final "return" at the bottom since it should only be returning "Hold" or "Bet"
rob007git
@rob007git
Jan 27 2016 02:34
Hi am having problem with font size
Gary Morris
@fattox
Jan 27 2016 02:34
also returns the "count" when it does this anyway
Kevan Slyngstad
@Arkine
Jan 27 2016 02:35
@rob007git ok what seems to be the problem?
Eric Yohansa
@eyohansa
Jan 27 2016 02:35
<style>
.gray-background {
    background: gray;
}
</style>
<div class='gray-background'>
Put everything with gray background here
</div>
GiovannyJean
@GiovannyJean
Jan 27 2016 02:36
@fattox still not working
clifrockh
@clifrockh
Jan 27 2016 02:36
@eyohansa thanks! I realize, now, what I did wrong when I tried that before
CamperBot
@camperbot
Jan 27 2016 02:36
clifrockh sends brownie points to @eyohansa :sparkles: :thumbsup: :sparkles:
:warning: clifrockh already gave eyohansa points
Eric Yohansa
@eyohansa
Jan 27 2016 02:36
yw :smile:
Gary Morris
@fattox
Jan 27 2016 02:37
@GiovannyJean i'll show my solution if you like? yours is not much different from my own code
GiovannyJean
@GiovannyJean
Jan 27 2016 02:39
@fattox Lol nvm I got it thanks. I had to switch the bet and hold. lmao talk about stupid bug huh
CamperBot
@camperbot
Jan 27 2016 02:39
giovannyjean sends brownie points to @fattox :sparkles: :thumbsup: :sparkles:
:star: 215 | @fattox | http://www.freecodecamp.com/fattox
Valerie
@valbee
Jan 27 2016 02:40
hi people.
Kevan Slyngstad
@Arkine
Jan 27 2016 02:40
@valbee hello
GiovannyJean
@GiovannyJean
Jan 27 2016 02:40
@valbee hey
Gary Morris
@fattox
Jan 27 2016 02:40
yeah i think i changed that when i pasted some of your code above, sorry if i didn't make it more clear
Valerie
@valbee
Jan 27 2016 02:40
can someone help me with this javascript challenge? im still in the beginning javascript parts
Kevan Slyngstad
@Arkine
Jan 27 2016 02:40
sure, how can we help?
GiovannyJean
@GiovannyJean
Jan 27 2016 02:40
@valbee hmmmmm
Allan Hernandez
@allan-hernandez
Jan 27 2016 02:40
which challenge
Valerie
@valbee
Jan 27 2016 02:40
and i dont know whats wrong with the code. im getting an error message
GiovannyJean
@GiovannyJean
Jan 27 2016 02:40
@valbee sure
@valbee highlight it then click copy pretty code
Valerie
@valbee
Jan 27 2016 02:41
thanks guys
so this is my code
function myFunction(a, b) {
console.log(a + b);
}
myFunction(1, 2); // Outputs 3
myFunction(8, 8); // Outputs 16
its for the passing values in functions one
Kevan Slyngstad
@Arkine
Jan 27 2016 02:42
Whats the error?
GiovannyJean
@GiovannyJean
Jan 27 2016 02:42
@valbee yea i dont see it either
@valbee looks good to me
Bill
@kirah1314
Jan 27 2016 02:42
@valbee you may have to use return instead of console.log
Kevan Slyngstad
@Arkine
Jan 27 2016 02:42
she can log it too
Gary Morris
@fattox
Jan 27 2016 02:42
i used console.log
GiovannyJean
@GiovannyJean
Jan 27 2016 02:42
@valbee maybe return instead of console
Yea i thought tht too. I didnt know functions needed a return
Kevan Slyngstad
@Arkine
Jan 27 2016 02:43
It works without a return
Valerie
@valbee
Jan 27 2016 02:43
ok
Bill
@kirah1314
Jan 27 2016 02:43
@valbee ah ok, then what's the challenge title?
Valerie
@valbee
Jan 27 2016 02:43
i;; try it
Gary Morris
@fattox
Jan 27 2016 02:43
i pasted your code in @valbee and it passes the test fine for me... ?
try to refresh the page if it's not working for you
Valerie
@valbee
Jan 27 2016 02:44
its the Passing Values to Functions with Arguments
ok
Allan Hernandez
@allan-hernandez
Jan 27 2016 02:44
I did notice after the recent update a lot of challenges no longer work with console.log - you have to use return
if you open up chrome developer tools, console.log goes there which makes sense
but it no longer satisfies challenges
Kevan Slyngstad
@Arkine
Jan 27 2016 02:44
ah
Valerie
@valbee
Jan 27 2016 02:44
yea, i didnt think we'd be using the console log in here
Bill
@kirah1314
Jan 27 2016 02:45
@valbee hmm ok I used console.log too. I would suggest to reset and redo it
Valerie
@valbee
Jan 27 2016 02:45
the error says RangeError
Kevan Slyngstad
@Arkine
Jan 27 2016 02:46
that's weird. No range has been declared
Gary Morris
@fattox
Jan 27 2016 02:46
+1 to reset then, because i pasted in the code you provided, and it's working here
rob007git
@rob007git
Jan 27 2016 02:47
Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
Bill
@kirah1314
Jan 27 2016 02:47
@valbee did you modify the top codes with ourFunction?
Valerie
@valbee
Jan 27 2016 02:47
MAXIMUM CALL STACK EXCEEDED
whatever that means
Bill
@kirah1314
Jan 27 2016 02:47
@valbee refresh browser
Valerie
@valbee
Jan 27 2016 02:47
k
Kevan Slyngstad
@Arkine
Jan 27 2016 02:48
@rob007git whats the question?
oh
ok so they need style attributes
Valerie
@valbee
Jan 27 2016 02:48
that did it @kirah1314 . thank you!
CamperBot
@camperbot
Jan 27 2016 02:48
valbee sends brownie points to @kirah1314 :sparkles: :thumbsup: :sparkles:
:star: 874 | @kirah1314 | http://www.freecodecamp.com/kirah1314
Kevan Slyngstad
@Arkine
Jan 27 2016 02:48
so to set them, you need to set the <p> tag styles to have a font size
like so
p {
font-size:16px
}
Bill
@kirah1314
Jan 27 2016 02:49
@valbee glad to help! :thumbsup:
Kevan Slyngstad
@Arkine
Jan 27 2016 02:49
this sets all font within the <p> tags to a font size of 16px
for the browser and text, you want to go to the base or "root" element
Allan Hernandez
@allan-hernandez
Jan 27 2016 02:50
rob007git
@rob007git
Jan 27 2016 02:50
I just don't know how to start the line. should I use a h , p or style
Kevan Slyngstad
@Arkine
Jan 27 2016 02:50
do you have an example code snippet?
Valerie
@valbee
Jan 27 2016 02:50
@fattox refreshing worked. thank you as well
CamperBot
@camperbot
Jan 27 2016 02:50
valbee sends brownie points to @fattox :sparkles: :thumbsup: :sparkles:
:star: 216 | @fattox | http://www.freecodecamp.com/fattox
Kevan Slyngstad
@Arkine
Jan 27 2016 02:51
basically what a style is, is attributes for the given tag. so for the code snippet I gave you, that will set all code within a <p> tag to have a font size of 16px
so if you have a p tag like this
<p>Some text</p>
Valerie
@valbee
Jan 27 2016 02:51
really @allan-hernandez . i'll go read about it. this was my first time seeing it. i thought with the recent changes maybe that caused some issues
Kevan Slyngstad
@Arkine
Jan 27 2016 02:52
you set the styles for the p tag like so
p {
font-size:16px
}
now that "some text" in the p tag will have a font size of 16px
for the second part of your question we need to apply styles to be "root" element.
Allan Hernandez
@allan-hernandez
Jan 27 2016 02:53
@valbee yea I've run into it before - nothing to look into - just refresh your browser. Just something FCC (or we) need to look into I think as a beginner it causes a lot of issues
Kevan Slyngstad
@Arkine
Jan 27 2016 02:53
the root in markup is the outermost wrapper in your markup, which is the <html> tag
Allan Hernandez
@allan-hernandez
Jan 27 2016 02:53
@valbee especially because beginners enter wrong code way more times :)
Kevan Slyngstad
@Arkine
Jan 27 2016 02:53
so to set the font size too 100% of the root font-size, do the following
html {
font-size:100%
}
this basically says to set the default size to 100% of the browsers default size (Which is usually 16px)
@rob007git still following?
Valerie
@valbee
Jan 27 2016 02:55
lol Im curious so i already checked it out. @allan-hernandez .
rob007git
@rob007git
Jan 27 2016 03:03
Let me try your suggestion, thanks @Arkine
CamperBot
@camperbot
Jan 27 2016 03:03
rob007git sends brownie points to @arkine :sparkles: :thumbsup: :sparkles:
:star: 7 | @arkine | http://www.freecodecamp.com/arkine
Kevan Slyngstad
@Arkine
Jan 27 2016 03:03
no problem
Nhat Khanh
@lednhatkhanh
Jan 27 2016 03:16
Please help me fix this error with Record Collection
// 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(value !== "" && prop !== "tracks") collection.id.prop = value;
  else if(value !== "" && prop === "tracks") collection.id.prop.push(value);
  else if(value === "") delete collectionCopy.id.prop;
  return collection;
}

// Alter values below to test your code
update(5439, "artist", "ABBA");
Kevan Slyngstad
@Arkine
Jan 27 2016 03:17
What's the error?
Nhat Khanh
@lednhatkhanh
Jan 27 2016 03:18
@Arkine Cannot set the property 'prop' of undefined
Manish Giri
@Manish-Giri
Jan 27 2016 03:19
@lednhatkhanh first thing - you need to work only with collection, not collectionCopy
Nhat Khanh
@lednhatkhanh
Jan 27 2016 03:20
@Manish-Giri yeah, i work with collection
You can see the code above
Manish Giri
@Manish-Giri
Jan 27 2016 03:22
@lednhatkhanh what’s this then
else if(value === "") delete collectionCopy.id.prop;
rob007git
@rob007git
Jan 27 2016 03:23
@Arkine I got 3 correct but the 4th one still giving a problem.
Kevan Slyngstad
@Arkine
Jan 27 2016 03:23
if(value !== "" && prop !== "tracks") collection.id.prop = value;
There isn't an "artist" property for that id
@rob007git what's left?
update(5439, "artist", "ABBA");
It's looking for the artist property for that id but it doesn't exist
    5439: {
      album: "ABBA Gold"
    }
the only props for that id is album
@rob007git still need help?
rob007git
@rob007git
Jan 27 2016 03:27

@Arkine <style>
.red-text
{color:"red";}</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>

<p> Kitty ipsum purr jump eat the grass rip the couch scratched sunbathe,
shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched </p>

<p> {font-size:16px}</p>

<style> {font-size:100%}</style>

Kevan Slyngstad
@Arkine
Jan 27 2016 03:27
 <style>
.red-text
{color:"red";}</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>
<p> Kitty ipsum purr jump eat the grass rip the couch scratched sunbathe,
shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched </p>
<p> {font-size:16px}</p>
<style> {font-size:100%}</style>
reformatted it
ok, so if you look at the last line
<style> {font-size:100%}</style>
you don't have a selector assigned
also, you have 2 style blocks
all styles should go into 1 block
 <style>
.red-text{
color:"red";
}
html {
font-size:100%
}
p {
font-size:16px
}
</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>
<p> Kitty ipsum purr jump eat the grass rip the couch scratched sunbathe,
shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched </p>
so here is the fixed code.
styles are assigned to tags via selectors (like you did for the class .red-text)
for basic "classless" tags, you simply reference the tag name in your styles as the selector
in this case p or html
Nhat Khanh
@lednhatkhanh
Jan 27 2016 03:31
@Manish-Giri I changed to collection but still cant fix the error
Kevan Slyngstad
@Arkine
Jan 27 2016 03:31
@lednhatkhanh you need to assign an artist property to the id
Manish Giri
@Manish-Giri
Jan 27 2016 03:31
@lednhatkhanh that’s because your conditions aren’t correct, show your code
Nhat Khanh
@lednhatkhanh
Jan 27 2016 03:33
@Manish-Giri
function update(id, prop, value) {
  if(value !== "" && prop !== "tracks") collection.id[prop] = value;
  else if(value !== "" && prop === "tracks") collection.id.prop.push(value);
  else if(value === "") delete collection.id.prop;
  return collection;
}
Manish Giri
@Manish-Giri
Jan 27 2016 03:38
@lednhatkhanh what’ s the name of this waypoint
Nhat Khanh
@lednhatkhanh
Jan 27 2016 03:38
@Manish-Giri Record Collection
Kevan Slyngstad
@Arkine
Jan 27 2016 03:38
@lednhatkhanh
you're also should reference the id via bracket notation
// Only change code below this line
function update(id, prop, value) {
  if(value !== "" && prop !== "tracks") collection[id][prop] = value;
  else if(value !== "" && prop === "tracks") collection[id][prop].push(value);
  else if(value === "") delete collectionCopy[id][prop];
  return collection;
}
that should fix your code
Manish Giri
@Manish-Giri
Jan 27 2016 03:40
@lednhatkhanh okay, first thing, whenever using prop, use collection[id][prop]
Nhat Khanh
@lednhatkhanh
Jan 27 2016 03:41
@Manish-Giri @Arkine Why cant I use the dot?
Manish Giri
@Manish-Giri
Jan 27 2016 03:41
@lednhatkhanh second, try to refactor your code, you are comparing value === “” three times, but do you really need that many comparisons? You need just one.
Here’s my code - take a look
    if(value !== "") {
      if(prop === "tracks") {
          (collection[id].tracks).push(value);
         //collection[id][prop].push(value);
      }
      else {
        collection[id][prop] = value;
      }
    }
    else {
      delete collection[id][prop];
    }
Kevan Slyngstad
@Arkine
Jan 27 2016 03:41
bracket notation allows access to properties containing special characters and selection of properties using variables
Manish Giri
@Manish-Giri
Jan 27 2016 03:44
@lednhatkhanh first you compare if(value !== “”). If it isn’t, then you need to check if prop is tracks or not - if it is tracks, you push, and if not, you assign.
Finally when value is “”, you just delete
chriscchristensen
@chriscchristensen
Jan 27 2016 03:44
Capture.PNG
Been looking at this one for a while.
What am I not doing or what I am doing wrong?
Could anyone help me on this one?
Manish Giri
@Manish-Giri
Jan 27 2016 03:44
@chriscchristensen your getGear should just return gear;
Nhat Khanh
@lednhatkhanh
Jan 27 2016 03:45
@Manish-Giri @Arkine Thanks for your help!
CamperBot
@camperbot
Jan 27 2016 03:45
lednhatkhanh sends brownie points to @manish-giri and @arkine :sparkles: :thumbsup: :sparkles:
:star: 607 | @manish-giri | http://www.freecodecamp.com/manish-giri
:star: 8 | @arkine | http://www.freecodecamp.com/arkine
chriscchristensen
@chriscchristensen
Jan 27 2016 03:46
doesn't it have to take some input or something? @Manish-Giri
Manish Giri
@Manish-Giri
Jan 27 2016 03:46
@chriscchristensen nope, that’s only for setGear
chriscchristensen
@chriscchristensen
Jan 27 2016 03:47
so the argument "change" needs to be in set gear and not get gear.
Manish Giri
@Manish-Giri
Jan 27 2016 03:48
yep
Tim Hordern
@mence
Jan 27 2016 03:49
Hey, I’m not exactly sure where to ask my question. It’s about a nitpicky thing in a couple of the challengeSeed code blocks?
chriscchristensen
@chriscchristensen
Jan 27 2016 03:49
it's not taking any input from the myBike = new Bike() arguments.
Manish Giri
@Manish-Giri
Jan 27 2016 03:50
show code
Kevan Slyngstad
@Arkine
Jan 27 2016 03:50
@mence go for it
chriscchristensen
@chriscchristensen
Jan 27 2016 03:51
var Bike = function() {

  // Only change code below this line.
   var gear = 4;

  this.setGear = function(change) {
    gear += change;
  };
  this.getGear = function() {
    return gear;
  };
};

var myCar = new Car(10);

var myBike = new Bike(20);
Tim Hordern
@mence
Jan 27 2016 03:51
@Arkine I hesitate to bring it up because it’s so small. In the HTML5 and CSS steps, particularly the padding element waypoints, most of the styles are formatted thus: background-color: green; but there’s one background-color:red; that’s throughout the blocks
Dan
@dee-one
Jan 27 2016 03:51
would i nest label inside div, or do i nest div inside of label?
Kevan Slyngstad
@Arkine
Jan 27 2016 03:51
@chriscchristensen you need to pass it a parameter
Brian
@sludge256
Jan 27 2016 03:51
you don't want to add the gear change to the existing gear
Kevan Slyngstad
@Arkine
Jan 27 2016 03:52
@dee-one label inside div
Brian
@sludge256
Jan 27 2016 03:52
you're setting a new value
chriscchristensen
@chriscchristensen
Jan 27 2016 03:52
what am I passing a parameter?
Tim Hordern
@mence
Jan 27 2016 03:52
I’m happy to make a PR to correct it but it did say to check in here first whether they’re bugs or not
Kevan Slyngstad
@Arkine
Jan 27 2016 03:52
@chriscchristensen your bike function is taking in 20 but the function has no params
@mence sorry, so what's the problem? I'm confused
var Bike = function(parameterhere) {
@chriscchristensen
Dan
@dee-one
Jan 27 2016 03:54
thanks
Kevan Slyngstad
@Arkine
Jan 27 2016 03:54
@dee-one label is not a block-level element and therefore you cannot have a block level element inside it
chriscchristensen
@chriscchristensen
Jan 27 2016 03:54
so is that a bug where it notes to only change code below the line?
Tim Hordern
@mence
Jan 27 2016 03:55
@Arkine spacing between selector and value. one is foo: value and the other is bar:value
Brian
@sludge256
Jan 27 2016 03:55
@chriscchristensen instead of gear+= change just do gear = change and you're good to go
Tim Hordern
@mence
Jan 27 2016 03:55
super nitpicky I know
Kevan Slyngstad
@Arkine
Jan 27 2016 03:55
@mence either works, but to keep clean code, I would suggest the space after the property
Tim Hordern
@mence
Jan 27 2016 03:56
it’s not an execution problem, purely stylistic
If there’s no huge objections, I’ll open a PR and see what happens
Kevan Slyngstad
@Arkine
Jan 27 2016 03:56
yeah, it looks nicer with the space though
Brian
@sludge256
Jan 27 2016 03:57
that's his point :P
Kevan Slyngstad
@Arkine
Jan 27 2016 03:57
compilers will remove the space anyhow but for readability purposes, I would keep it.
chriscchristensen
@chriscchristensen
Jan 27 2016 03:57
@sludge256 Doing that it doesn't matter what arguments I put in the "new Bike()" the output is always the same. Is that suppose to be that way?
Kevan Slyngstad
@Arkine
Jan 27 2016 03:57
@sludge256 ah
@chriscchristensen you're passing in a parameter but your function doesn't know what to do with the one you gave it
because it wasn't set in the function
Brian
@sludge256
Jan 27 2016 03:59
@chriscchristensen this is how you would change it to 6
myBike.setGear(6);
after you create it with
var myBike = new Bike();
Kevan Slyngstad
@Arkine
Jan 27 2016 04:00
correct^
Jason Lee
@JsonLitz
Jan 27 2016 04:00
Hey everyone. Need help getting started with
http://www.freecodecamp.com/challenges/word-blanks
Any hints much appreciated
rob007git
@rob007git
Jan 27 2016 04:00
@Arkine thanks so much. My daughter who is in her 3rd year at University studying computer science introduce me. I am 51 yrs. old , She is 20. I studied engineering science over 30 yrs ago doing introduction to basics. I know programming has gone through a lot of languages and codes so am not familiar with these codes. From time to time I will be seeking your help.
CamperBot
@camperbot
Jan 27 2016 04:00
rob007git sends brownie points to @arkine :sparkles: :thumbsup: :sparkles:
:warning: rob007git already gave arkine points
cannelflow
@cannelflow
Jan 27 2016 04:01
@JsonLitz you have to make a sentence using passed variable
Kevan Slyngstad
@Arkine
Jan 27 2016 04:01
@rob007git not a problem. It gets easier I swear!
chriscchristensen
@chriscchristensen
Jan 27 2016 04:02
@sludge256 I just tried that and it just says "my.setGear is not a function"
Brian
@sludge256
Jan 27 2016 04:02
@chriscchristensen should be myBike
Kevan Slyngstad
@Arkine
Jan 27 2016 04:02
myBike.setGear*
chriscchristensen
@chriscchristensen
Jan 27 2016 04:02
var Bike = function() {

  // Only change code below this line.
   var gear = 4;

  this.setGear = function(change) {
    gear = change;
  };
  this.getGear = function() {
    return gear;
  };
};

var myCar = new Car(10);

var myBike = new Bike();

myBike.setgear(6);
oh
Kevan Slyngstad
@Arkine
Jan 27 2016 04:03
initial cap the G
chriscchristensen
@chriscchristensen
Jan 27 2016 04:03
I forgot to capitalize Gear
Brian
@sludge256
Jan 27 2016 04:03
and although your code passes (I think)
chriscchristensen
@chriscchristensen
Jan 27 2016 04:03
i got it!
Brian
@sludge256
Jan 27 2016 04:03
you're not supposed to initialize the gear in the contructor function
cannelflow
@cannelflow
Jan 27 2016 04:03
@JsonLitz ?
chriscchristensen
@chriscchristensen
Jan 27 2016 04:03
It works great! thanks @sludge256
CamperBot
@camperbot
Jan 27 2016 04:03
chriscchristensen sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1070 | @sludge256 | http://www.freecodecamp.com/sludge256
sominguez13
@sominguez13
Jan 27 2016 04:04

Hello, I need some help with this challenge ```html

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">
<buttom>1</buttom>
<buttom>2</buttom>
<buttom>3</buttom>



</div>
</div>
<div class="col-xs-6">
<div class="well">
<buttom>4</buttom>
<buttom>5</buttom>
<buttom>6</buttom>



</div>
</div>
</div>
</div>

```

Kevan Slyngstad
@Arkine
Jan 27 2016 04:04
html
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">
<buttom>1</buttom>
<buttom>2</buttom>
<buttom>3</buttom>



</div>
</div>
<div class="col-xs-6">
<div class="well">
<buttom>4</buttom>
<buttom>5</buttom>
<buttom>6</buttom>



</div>
</div>
</div>
</div>
reformatted
@sominguez13 what's the question?
cannelflow
@cannelflow
Jan 27 2016 04:05
@sominguez13 which exercise ?
sominguez13
@sominguez13
Jan 27 2016 04:06
I cannot pass the challenge "add Elements within you Bootstrap wells ?
Kevan Slyngstad
@Arkine
Jan 27 2016 04:06
you spelled button wrong :P
sominguez13
@sominguez13
Jan 27 2016 04:07
I wrote the 6 buttoms but the code doesn't work, the instruction is:Nest three button elements within each of your well div elements.
Kevan Slyngstad
@Arkine
Jan 27 2016 04:07
@sominguez13 <buttom> should be <button>
sominguez13
@sominguez13
Jan 27 2016 04:07
?
Kevan Slyngstad
@Arkine
Jan 27 2016 04:08
it's spelled button and you're spelling it buttom with an "m"
James Jung
@thejcode24
Jan 27 2016 04:08
hey guys
Kevan Slyngstad
@Arkine
Jan 27 2016 04:08
@thejcode24 hello
James Jung
@thejcode24
Jan 27 2016 04:08
can you help me with this exercise
Kevan Slyngstad
@Arkine
Jan 27 2016 04:08
sure
Seth18
@Seth18
Jan 27 2016 04:08
Thanks @Arkine
CamperBot
@camperbot
Jan 27 2016 04:08
seth18 sends brownie points to @arkine :sparkles: :thumbsup: :sparkles:
:star: 9 | @arkine | http://www.freecodecamp.com/arkine
sominguez13
@sominguez13
Jan 27 2016 04:08
<div class="well">
<buttom>1</buttom>
<buttom>2</buttom>
<buttom>3</buttom>
the spell is correct
James Jung
@thejcode24
Jan 27 2016 04:09
"set the id of an element"
i am writing
<form id= "cat-photo-app">
Kevan Slyngstad
@Arkine
Jan 27 2016 04:09
@sominguez13 it's spelled button with an "n"
buttom is not a valid html tag
@thejcode24 that's correct
greg
@wearenotgroot
Jan 27 2016 04:09
@sominguez13 there is no element named buttom,
sominguez13
@sominguez13
Jan 27 2016 04:09
I' got it
cannelflow
@cannelflow
Jan 27 2016 04:09
@thejcode24 which exercise ?
James Jung
@thejcode24
Jan 27 2016 04:09
"set the id of an element"
i think there may be a problem with my browser
Kevan Slyngstad
@Arkine
Jan 27 2016 04:10
@thejcode24 try refreshing
James Jung
@thejcode24
Jan 27 2016 04:10
cause i couldnt get the run test button to actually work
ok
thank u
sominguez13
@sominguez13
Jan 27 2016 04:10
Thnk u'
cannelflow
@cannelflow
Jan 27 2016 04:10
@thejcode24 Give your form element the id cat-photo-form.
Kevan Slyngstad
@Arkine
Jan 27 2016 04:10
@sominguez13 no prob
cannelflow
@cannelflow
Jan 27 2016 04:11
@thejcode24 not app
jlcsuf22
@jlcsuf22
Jan 27 2016 04:11
hello! I need help on turn an image into a link. Im stuck on nest the existing img element within an a element. here's what i did <a href="#"><img src="https://bit.ly/fcc-relaxing-cat"></a>
Jason Lee
@JsonLitz
Jan 27 2016 04:11

what I've got so far

function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
  var result = "";
  // Your code below this line
  var wordblank = ("monty, python" 

  // Your code above this line
  return result;
}

// Change the words here to test your function
wordBlanks("dog", "big", "ran", "quickly");

http://www.freecodecamp.com/challenges/word-blanks

Am I on the right track?
James Jung
@thejcode24
Jan 27 2016 04:12
@cannelflow not app?
Kevan Slyngstad
@Arkine
Jan 27 2016 04:12
@jlcsuf22 that's correct. whats the error?
cannelflow
@cannelflow
Jan 27 2016 04:12
@thejcode24 YOU WROTE CAT-PHOTO-APP IN ID IT SHOULD BE CAT-PHOTO-FORM
greg
@wearenotgroot
Jan 27 2016 04:13
@JsonLitz not quite use +
James Jung
@thejcode24
Jan 27 2016 04:13
@cannelflow ohhh im stupid lol thanks
CamperBot
@camperbot
Jan 27 2016 04:13
thejcode24 sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 585 | @cannelflow | http://www.freecodecamp.com/cannelflow
greg
@wearenotgroot
Jan 27 2016 04:13
@JsonLitz also no need for new variable just use result
Kevan Slyngstad
@Arkine
Jan 27 2016 04:13
@JsonLitz also, close your wordblank list
cannelflow
@cannelflow
Jan 27 2016 04:13
@thejcode24 :+1:
James Jung
@thejcode24
Jan 27 2016 04:13
@cannelflow the weird thing is the exercise previous
"give a background color to a div element"
cannelflow
@cannelflow
Jan 27 2016 04:14
@JsonLitz MAKE SENTENCE USING myNoun, myAdjective, myVerb, myAdverb
James Jung
@thejcode24
Jan 27 2016 04:14
i am writing

.gray-background {
background-color: gray;

}

am i supposed to add something to give it to the div element
greg
@wearenotgroot
Jan 27 2016 04:14
@thejcode24 just add the class to the div
James Jung
@thejcode24
Jan 27 2016 04:14
i just put that code within the <style>
@wearenotgroot i am trying to but when i put it within the <div> it just prints it to the mobile screen
cannelflow
@cannelflow
Jan 27 2016 04:15
@thejcode24 can you show whole code
are you adding class to div also ?
@jlcsuf22 worked?
James Jung
@thejcode24
Jan 27 2016 04:16
whats the best way to paste the code?
greg
@wearenotgroot
Jan 27 2016 04:16
@thejcode24 something like <div class="gray-background">
James Jung
@thejcode24
Jan 27 2016 04:16
OHHHHHHHHHHHHH
im dumb lol
thanks gus
guys
greg
@wearenotgroot
Jan 27 2016 04:17
:+1:
cannelflow
@cannelflow
Jan 27 2016 04:17
code format
greg
@wearenotgroot
Jan 27 2016 04:17
wiki format
CamperBot
@camperbot
Jan 27 2016 04:17

: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

cannelflow
@cannelflow
Jan 27 2016 04:17
@thejcode24 ^
greg
@wearenotgroot
Jan 27 2016 04:17
@thejcode24
James Jung
@thejcode24
Jan 27 2016 04:17
thanks
i put what you wrote and it worked but i hav a question
.green-background {
background-color: green;
}
the instructions says to use that format
cannelflow
@cannelflow
Jan 27 2016 04:19
@thejcode24 you used that format but you didn't added target to html
like if you gave .green-background {
background-color: green;
} and there is no class name green-background then to whom it will target @thejcode24
James Jung
@thejcode24
Jan 27 2016 04:20
oh ok
so i should put .green-background {
background-color: green;
then use that background-color within the div using class
great explanation thanks
Seth18
@Seth18
Jan 27 2016 04:22
Thanks @Arkine
CamperBot
@camperbot
Jan 27 2016 04:22
seth18 sends brownie points to @arkine :sparkles: :thumbsup: :sparkles:
:warning: seth18 already gave arkine points
cannelflow
@cannelflow
Jan 27 2016 04:23
@thejcode24 thik it as other way you made div with class abc <div class="abc">ghg</div> now you need to give it background color red so you go to style and target class abc like .abc{background-color:red}
James Jung
@thejcode24
Jan 27 2016 04:25
oh ok
thanks
still kinda confused but im getting it slowly thanks to u
cannelflow
@cannelflow
Jan 27 2016 04:26
@thejcode24 practicse and it will come with time
James Jung
@thejcode24
Jan 27 2016 04:26
yup thanks man
or woman
i just started learning to code legitly
lik last week lol
glad i found freecodecamp
im working on this, python on codeacademy, and cs50 intro class
do u think it would be better to just focus on one at a time?
im trying to get a general knowledge before i dive into individual languages i guess
Kevan Slyngstad
@Arkine
Jan 27 2016 04:28
@thejcode24 I would. A lot of the languages use the same concepts but just have different syntax. Understanding one will help you understand what the underlying concepts are for programming in general
James Jung
@thejcode24
Jan 27 2016 04:29
@arkine thanks for the reply
Kevan Slyngstad
@Arkine
Jan 27 2016 04:29
no problem
James Jung
@thejcode24
Jan 27 2016 04:29
yea i guess i just looked into a bunch of resources and just blindly started working on them in eager lol
Kevan Slyngstad
@Arkine
Jan 27 2016 04:29
I would suggest, if you're doing web, to start with Javascript, css, and html
Those three will get you a long way in web
for front-end anyways
Most new tools are using Javascript as the core and so knowing your way around it will help prepare you for learning them
James Jung
@thejcode24
Jan 27 2016 04:32
sweet advice man
Kevan Slyngstad
@Arkine
Jan 27 2016 04:32
![alt](http://cdn.meme.am/instances/47894381.jpg)
James Jung
@thejcode24
Jan 27 2016 04:32
would you recommend any specific resources for javascript?
Kevan Slyngstad
@Arkine
Jan 27 2016 04:33
not sure how to post images in here
ummm, basically you're on the best place to do tutorials for it. As far as info, Stack Overflow is very useful and just googling your problem works best
codecademy is good too. That's where I started
James Jung
@thejcode24
Jan 27 2016 04:34
nice i feel like im on the right track
just gotta keep on lol been only 9 days
since i began lol
thanks again for the help man
Kevan Slyngstad
@Arkine
Jan 27 2016 04:35
you'll get there. It just takes time
anyone know how to post pics in here?
wiki pics
CamperBot
@camperbot
Jan 27 2016 04:35
no wiki entry for: pics
Brian
@sludge256
Jan 27 2016 04:39
local pics or url?
oh you have the right idea with your previous post
don't use the code formatting though
Kevan Slyngstad
@Arkine
Jan 27 2016 04:39
oh
![alt](http://cdn.meme.am/instances/47894381.jpg)
lol, it auto did it
Brian
@sludge256
Jan 27 2016 04:40
edit your post and remove the ```
Kevan Slyngstad
@Arkine
Jan 27 2016 04:40
![alt](http://cdn.meme.am/instances/47894381.jpg)
Brian
@sludge256
Jan 27 2016 04:40
hmm weird
Kevan Slyngstad
@Arkine
Jan 27 2016 04:40
they aren't there
Brian
@sludge256
Jan 27 2016 04:40
alt
Kevan Slyngstad
@Arkine
Jan 27 2016 04:40
haha, thank you
though now it's too late
James Jung
@thejcode24
Jan 27 2016 04:40
lol
if you guys need to unwind for a sec, check this sweet justiceporn out lol
wasted lik 2 hours watching those vids lol so funny
Brian
@sludge256
Jan 27 2016 04:41
:dog:
oh
Kevan Slyngstad
@Arkine
Jan 27 2016 04:41
 ![alt](http://cdn.meme.am/instances/47894381.jpg)
Brian
@sludge256
Jan 27 2016 04:41
it's because you have a tab or space before it maybe
Kevan Slyngstad
@Arkine
Jan 27 2016 04:41
alt
ohhhh
yep
thanks @sludge256
CamperBot
@camperbot
Jan 27 2016 04:41
arkine sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1071 | @sludge256 | http://www.freecodecamp.com/sludge256
Kevan Slyngstad
@Arkine
Jan 27 2016 04:48
@thejcode24 I've seen these guys. That'd never fly in the US. lol
Abstract
@Road2coding
Jan 27 2016 04:49
<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-size {
    width: 100px
  }


</style>

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

<img class="smaller-size" 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>
Kevan Slyngstad
@Arkine
Jan 27 2016 04:49
@Road2coding hello, how can I help?
Abstract
@Road2coding
Jan 27 2016 04:50
Size your Images, I can't seem to get the code?
"Your img element should have the class smaller-image?
Kevan Slyngstad
@Arkine
Jan 27 2016 04:51
ok, so your styles are properly set. so your class is smaller-size. did you mean to put smaller-image?
Abstract
@Road2coding
Jan 27 2016 04:52
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.
Kevan Slyngstad
@Arkine
Jan 27 2016 04:52
my guess would be that they are looking for you to add the class "smaller-image" and currently you put the class as "small-size"
Abstract
@Road2coding
Jan 27 2016 04:52
;
Pranav Doshi
@pranavdoshi
Jan 27 2016 04:52
het @Road2coding
need help??
Kevan Slyngstad
@Arkine
Jan 27 2016 04:53
so change the class "smaller-size" to "smaller-image"
James Jung
@thejcode24
Jan 27 2016 04:53

Create a CSS class called pink-text that gives an element the color pink.

Give your h1 element the class of pink-text.

am i supposed to add that to the style block or within h1?
Kevan Slyngstad
@Arkine
Jan 27 2016 04:53
to the style block
wait, add the class to the h1 tag
Avery Lucas
@ItsMuse
Jan 27 2016 04:54

I am in dire need of assisstance.
... In the seek and destory bonfire. How do I go about accessing the other arguments outside of the array.

destroyer([1, 2, 3, 1, 2, 3], 2, 3);

I am referring to the 2 and 3.

James Jung
@thejcode24
Jan 27 2016 04:54
so something lik
Kevan Slyngstad
@Arkine
Jan 27 2016 04:54
then add the classes styles to the style block
James Jung
@thejcode24
Jan 27 2016 04:54
<h1> .pink-text?
Pranav Doshi
@pranavdoshi
Jan 27 2016 04:54
@ItsMuse using []
square brackets
Abstract
@Road2coding
Jan 27 2016 04:54
Thanks, it work
Pranav Doshi
@pranavdoshi
Jan 27 2016 04:54
destroyer[0]
Kevan Slyngstad
@Arkine
Jan 27 2016 04:54
@Road2coding no problem
Abstract
@Road2coding
Jan 27 2016 04:54
misread the instruction
Kevan Slyngstad
@Arkine
Jan 27 2016 04:54
@thejcode24 add it as a class
like so
<h1 class="pink-text"></h1>
then in your stylesheet, assign the properties to that class
James Jung
@thejcode24
Jan 27 2016 04:55
i keep forgetting the class= .. thanks
ok let me try ill get back to u lol
Avery Lucas
@ItsMuse
Jan 27 2016 04:55
@pranavdoshi destroyer 0 does not return anything. js console.log(arr) returns arr[0]
Kevan Slyngstad
@Arkine
Jan 27 2016 04:55
@thejcode24 no problem
@ItsMuse try console.log(destroyer[0]);
it will return the first value set in the array named "destroyer"
James Jung
@thejcode24
Jan 27 2016 04:57
sweeeeeet
figured it out from there
thanks @Arkine
CamperBot
@camperbot
Jan 27 2016 04:57
thejcode24 sends brownie points to @arkine :sparkles: :thumbsup: :sparkles:
Kevan Slyngstad
@Arkine
Jan 27 2016 04:57
@thejcode24 good!
CamperBot
@camperbot
Jan 27 2016 04:57
:star: 10 | @arkine | http://www.freecodecamp.com/arkine
Pranav Doshi
@pranavdoshi
Jan 27 2016 04:57
@ItsMuse dude i guess destroyer[0] will return the entire array within the array u want the value den destroyer0;
multidimension array
Avery Lucas
@ItsMuse
Jan 27 2016 04:57
@pranavdoshi destroyer[0] returns only the first value.
Pranav Doshi
@pranavdoshi
Jan 27 2016 04:57
destroyer[][];
so wat u want exactly @ItsMuse
Kevan Slyngstad
@Arkine
Jan 27 2016 04:57
@ItsMuse what value are you trying to access?
Pranav Doshi
@pranavdoshi
Jan 27 2016 04:58
yeah exactly
Avery Lucas
@ItsMuse
Jan 27 2016 04:58
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
Pranav Doshi
@pranavdoshi
Jan 27 2016 04:58
so wic valu u want to access
Alnel Vincent Alico
@AX3M
Jan 27 2016 04:58
@ItsMuse which of these do you want to access?
Avery Lucas
@ItsMuse
Jan 27 2016 04:59
2 and 3
Kevan Slyngstad
@Arkine
Jan 27 2016 04:59
ok, so you have a 2 dimensional array. to access the values within the first index (the first value in the array) you reference it via : destroyer[0][0] which returns the number '1'
Pranav Doshi
@pranavdoshi
Jan 27 2016 04:59
@Arkine dats wat i said to him earlier.
Alnel Vincent Alico
@AX3M
Jan 27 2016 04:59
destroyer1 == 2
destroyer2 == 3
Kevan Slyngstad
@Arkine
Jan 27 2016 04:59
so to access the 1 dimensional arrays ( the second 2 numbers) simply count from the first nuumber to your value. in this case 1 and 2
Avery Lucas
@ItsMuse
Jan 27 2016 04:59
nope. destroyer[0] returns '1'
Kevan Slyngstad
@Arkine
Jan 27 2016 04:59
@pranavdoshi he's learning
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:00
hehe cool
:)
Avery Lucas
@ItsMuse
Jan 27 2016 05:00
destroyer[0][0] returns undefined
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:00
can u post ur entire code.
@ItsMuse
Avery Lucas
@ItsMuse
Jan 27 2016 05:00
I know how arrays work and stuff.. I just dont understand why I cant access whats behind that array.
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:00
entire code ??
Kevan Slyngstad
@Arkine
Jan 27 2016 05:01
well to get 2 and 3, it's just destroyer[1] and destroyer[2]
Alnel Vincent Alico
@AX3M
Jan 27 2016 05:01
^ that's what I said earlier
Avery Lucas
@ItsMuse
Jan 27 2016 05:01
function destroyer(arr) {
  console.log(arr);
  console.log(arr[0]);
  console.log(arr[7]);
  console.log(arr[0][0]);
  return arr;
}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);
I cant solve it until I can get to the 2 and 3.
Brian
@sludge256
Jan 27 2016 05:01
the 2 and 3 aren't accessible with arr
only the first input is passed into the parameter
Kevan Slyngstad
@Arkine
Jan 27 2016 05:02
ahh, good catch @sludge256
Avery Lucas
@ItsMuse
Jan 27 2016 05:02
Thats what I figured
Kevan Slyngstad
@Arkine
Jan 27 2016 05:02
assign it a variable
Brian
@sludge256
Jan 27 2016 05:02
you can access all inputs with the arguments object
Avery Lucas
@ItsMuse
Jan 27 2016 05:02
but isnt it against the rules to add more arguments?
Brian
@sludge256
Jan 27 2016 05:02
not in JS :P
Avery Lucas
@ItsMuse
Jan 27 2016 05:02
ahh. thats what I needed
no onw said arguments accesses all of the... arguments
Seth18
@Seth18
Jan 27 2016 05:04
Thanks @Arkine
CamperBot
@camperbot
Jan 27 2016 05:04
seth18 sends brownie points to @arkine :sparkles: :thumbsup: :sparkles:
:warning: seth18 already gave arkine points
Avery Lucas
@ItsMuse
Jan 27 2016 05:04
At the same time.. it dosnt help at all.. lol. I will figure it out. I always do. ;)
Alnel Vincent Alico
@AX3M
Jan 27 2016 05:04
@ItsMuse Good luck figuring it out.. :D
Kevan Slyngstad
@Arkine
Jan 27 2016 05:04
@ItsMuse assign the array to a variable and then pass it in
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:05
@ItsMuse if u add more parameter den??
as supposed to arr is getting only the array the 2 and 3 for that two parameters are required
Brian
@sludge256
Jan 27 2016 05:05
@ItsMuse arguments[1] and arguments[2] will access them
Avery Lucas
@ItsMuse
Jan 27 2016 05:06
@Arkine @AX3M @pranavdoshi I would do add another parameter. but the check list thing dosnt have a set amount of values.
also. @sludge256 thanks! That will help alot!
CamperBot
@camperbot
Jan 27 2016 05:06
itsmuse sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1072 | @sludge256 | http://www.freecodecamp.com/sludge256
Alnel Vincent Alico
@AX3M
Jan 27 2016 05:06
@ItsMuse can you share the link?
Brian
@sludge256
Jan 27 2016 05:08
well there is a link to the MDN documentation for the arguments object in the instructions ;)
Avery Lucas
@ItsMuse
Jan 27 2016 05:08
@pranavdoshi cool. They should really go over this in the basic js lessons. I feel that just going over arguments isnt enough. I suppose they teach us what we have to know to get started. Every thing else is just a learning experience.
James Jung
@thejcode24
Jan 27 2016 05:08
is it correct to think that the <style> parts are css and the body parts are html?
Avery Lucas
@ItsMuse
Jan 27 2016 05:08
@pranavdoshi Will check out the link. thanks.
CamperBot
@camperbot
Jan 27 2016 05:08
itsmuse sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 293 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
Kevan Slyngstad
@Arkine
Jan 27 2016 05:09
<style> is for styles, <body> is an html tag for your main content
Brian
@sludge256
Jan 27 2016 05:09
@thejcode24 yep
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:09
hey actually becoz of u got to know abt arguments object
thanks @ItsMuse
CamperBot
@camperbot
Jan 27 2016 05:09
pranavdoshi sends brownie points to @itsmuse :sparkles: :thumbsup: :sparkles:
Brian
@sludge256
Jan 27 2016 05:09
FCC code window omits those tags
CamperBot
@camperbot
Jan 27 2016 05:09
:star: 276 | @itsmuse | http://www.freecodecamp.com/itsmuse
James Jung
@thejcode24
Jan 27 2016 05:09
@Arkine m just talking about in general
just tryin to define in my head which is html code and which is css
Brian
@sludge256
Jan 27 2016 05:09
well
James Jung
@thejcode24
Jan 27 2016 05:09
@sludge256 thanks for the reply bro
CamperBot
@camperbot
Jan 27 2016 05:09
thejcode24 sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1073 | @sludge256 | http://www.freecodecamp.com/sludge256
Kevan Slyngstad
@Arkine
Jan 27 2016 05:09
@thejcode24 right, like @sludge256 said, in the exercises it's where your styles go
Brian
@sludge256
Jan 27 2016 05:10
<style> is html for where you define css
Kevan Slyngstad
@Arkine
Jan 27 2016 05:10
but typically, you would have your styles externally
James Jung
@thejcode24
Jan 27 2016 05:10
ohhh ok i understand
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:10
html tag
Brian
@sludge256
Jan 27 2016 05:10
normally CSS is in a separate file
James Jung
@thejcode24
Jan 27 2016 05:10
so when youre actually making an app
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:10
there are different ways to include css styles
James Jung
@thejcode24
Jan 27 2016 05:10
you would create a separate css and a separate html part?
Kevan Slyngstad
@Arkine
Jan 27 2016 05:10
@thejcode24 yep
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:10
best way is to keep external
yep
greg
@wearenotgroot
Jan 27 2016 05:10
@thejcode24 here a list of html tag --------->http://www.w3schools.com/tags/
James Jung
@thejcode24
Jan 27 2016 05:10
oh nice thanks
Manish Giri
@Manish-Giri
Jan 27 2016 05:10
@thejcode24 whatever HTML is in your <body> appears on the webpage, but <body> doesn’t consist of HTML only, you can have JS code in <script> inside <body> too
James Jung
@thejcode24
Jan 27 2016 05:11
ok i thanks for all the replies guys
i think i kinda understand the concept of html and css
aite i gotta go
class is over lol
thanks for the help ill probably be back on in like an hour
:]
greg
@wearenotgroot
Jan 27 2016 05:12
@thejcode24 css -------------->http://www.w3schools.com/cssref/
Thequadehunter
@Thequadehunter
Jan 27 2016 05:12
Is there an easy way to link to another pen in codepen? I'm doing the portfolio zipline and I have 4 seperate pages in 4 seperate pens.
Kevan Slyngstad
@Arkine
Jan 27 2016 05:13
@Thequadehunter I think codepen blocks external links. But I could be wrong
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:13
u can give the link within the pen using anchor tags
yep even i also dont know exact try doin this
@Thequadehunter
Thequadehunter
@Thequadehunter
Jan 27 2016 05:14
Wow. That's great lmao
Brian
@sludge256
Jan 27 2016 05:14
just add target="_blank"
to your anchor element
Thequadehunter
@Thequadehunter
Jan 27 2016 05:15
The thing is when I use a direct link to another pen it puts like then pen inside the pen
so I see all the code and stuff twice lol
Also I swear to god the one in the example does something to where you don't have to open it in a new page
Oh wait
what would target="_blank do for the anchor"
Brian
@sludge256
Jan 27 2016 05:16
it opens it in a new window/tab
Thequadehunter
@Thequadehunter
Jan 27 2016 05:17
and would that mean I have to put all my code into 1 pen?
Brian
@sludge256
Jan 27 2016 05:17
might not be necessary if linking to pens
uhh no
Thequadehunter
@Thequadehunter
Jan 27 2016 05:17
lol
Brian
@sludge256
Jan 27 2016 05:17
but I'm not sure what you're trying to do
Thequadehunter
@Thequadehunter
Jan 27 2016 05:17
I'm trying to link to another pen, I thought anchor was for stuff on the same page
Brian
@sludge256
Jan 27 2016 05:18
can we see your current pen?
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:19
target is attribute to anchor tag for opening pages whether new tab or same page top wherever u want.
Thequadehunter
@Thequadehunter
Jan 27 2016 05:19
Sure it's kinda messy but here ya go
I know I got a lotta simplifyin to do with that css
Avery Lucas
@ItsMuse
Jan 27 2016 05:20
fuck.. Its 11:30 over here.. I gotta go to bed...
Nigel
@nigeljoy
Jan 27 2016 05:20
@Thequadehunter why do you have same project on different codepens?
Avery Lucas
@ItsMuse
Jan 27 2016 05:20
but I want to finish this bondfire
I have school..
AKNF:AFJKND fine... good night everyone.
Thequadehunter
@Thequadehunter
Jan 27 2016 05:21
Because there needs to be links, I asked here where I was supposed to and someone told me "to different pens".
Kevan Slyngstad
@Arkine
Jan 27 2016 05:21
@ItsMuse night
Brian
@sludge256
Jan 27 2016 05:22
oh you want links to different sections
Thequadehunter
@Thequadehunter
Jan 27 2016 05:22
Yea
Nigel
@nigeljoy
Jan 27 2016 05:22
@Thequadehunter instead of different pen, you can have it link to another area on the same page
Brian
@sludge256
Jan 27 2016 05:22
I think people thought you meant links to different pages
Thequadehunter
@Thequadehunter
Jan 27 2016 05:23
Hm. So I gotta hide html on a seperate part of the page then anchor it?
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:23
i guess u shud search and learn target attribute
@Thequadehunter
Thequadehunter
@Thequadehunter
Jan 27 2016 05:23
Will do. Thanks guys.
@pranavdoshi Thank you!
CamperBot
@camperbot
Jan 27 2016 05:24
thequadehunter sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 294 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:24
that will solve ur major prob
np dude
Thequadehunter
@Thequadehunter
Jan 27 2016 05:24
@sludge256 Thank you!
CamperBot
@camperbot
Jan 27 2016 05:24
thequadehunter sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1076 | @sludge256 | http://www.freecodecamp.com/sludge256
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:24
nice pen anyways
:)
Thequadehunter
@Thequadehunter
Jan 27 2016 05:24
Thx brah
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:24
anytime bro.
Thequadehunter
@Thequadehunter
Jan 27 2016 05:24
Looks nice but my code is kind of a disaster lol
Brian
@sludge256
Jan 27 2016 05:24
you can have the links go to your divs
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:24
np try working dat later
Brian
@sludge256
Jan 27 2016 05:25
based on id
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:25
@sludge256 let him learn abt target attribute in detail i m sure he will figure it out.
:)
Jason Lee
@JsonLitz
Jan 27 2016 05:31

Still having trouble understanding this problem

http://www.freecodecamp.com/challenges/word-blanks

function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
  var result = '';
  // Your code below this line
   result = ('big dog ran quickly')



  // Your code above this line
  return result;
}

// Change the words here to test your function
wordBlanks('dog', 'big', 'ran', 'quickly', 'cat', 'little', 'hit', 'slowly');
Can someone show me an example of what it's supposed to look like?
Kevan Slyngstad
@Arkine
Jan 27 2016 05:32
@JsonLitz well for one, you're passing in too many arguments to the function.
so trim it down to your noun, adjective,verb, adverb
the function is also currently doing nothing with the values that you are passing in
say you want the result to be "big do ran quickly"
greg
@wearenotgroot
Jan 27 2016 05:33
@JsonLitz `
function wordBlanks(myNoun, myAdjective, myVerb, myAdverb)          //<----------------------------use us
Kevan Slyngstad
@Arkine
Jan 27 2016 05:34
so you'll pass in the values "big, dog, ran, quickly" into the wordBlanks function
in the function you want to compile the words together to form your sentence
so var result = myNoun + myAdjective + myVerb + myAdverb or whatever combination gives you the result desired
Pranav Doshi
@pranavdoshi
Jan 27 2016 05:35
exactly wat u want @JsonLitz
Kevan Slyngstad
@Arkine
Jan 27 2016 05:35
since the variable "result" is already declared, you simply remove the "var" from the above statement
so simply assign line then becomes result = myNoun + myAdjective + myVerb + myAdverb
and since you passed in the values wordBlanks( 'big', 'dog', 'ran', 'quickly'){ they will map to the parameters in your function (wordBlanks(myNoun, myAdjective, myVerb, myAdverb))
Jason Lee
@JsonLitz
Jan 27 2016 05:40
I'm so sorry, but I still do not understand.
greg
@wearenotgroot
Jan 27 2016 05:41
@JsonLitz you already did similar thing like this in the previous lesson. Creating/concatenating strings with the + operator. however this time the string are stored in the function parameters
Kevan Slyngstad
@Arkine
Jan 27 2016 05:41
so your function wordBlanks takes in 4 arguments (or parameters)
myNoun,myAdjective,myVerb,myAdverb
Pat Lee
@pleedesigner
Jan 27 2016 05:41
Hi, how to Import a Google Font?
Kevan Slyngstad
@Arkine
Jan 27 2016 05:41
@import url(http://);
when you call that function, you assign the values passed in to those params
so 'dog' gets assigned to myNoun, 'big' to myAdjective, 'ran' to myVerb, 'quickly' to myAdverb
now those values have been assigned a variable name to be used within your function
so if I did return myNoun + myAdjective it will return 'dog big'
so if I reordered the words to map them to the parameters (i.e. wordBlanks( 'big', 'dog', 'ran', 'quickly')) we then just have to add them together within the function and then assign them to the variable "result"
@pleedesigner if you select the right arrow below the desired font, then under the tab @import, it will give you the value to paste in your css
Pat Lee
@pleedesigner
Jan 27 2016 05:47
@Arkine thank you
CamperBot
@camperbot
Jan 27 2016 05:47
pleedesigner sends brownie points to @arkine :sparkles: :thumbsup: :sparkles:
:star: 11 | @arkine | http://www.freecodecamp.com/arkine
park23
@park23
Jan 27 2016 05:54
Error: Cannot find module '/home/ubuntu/.config/how-to-npm/registry/@lalka/test/body.json'
help
CamperBot
@camperbot
Jan 27 2016 05:54

Hi, I'm CamperBot! I can help you in this chatroom :smile:

Basic Commands:

  • find TOPIC find all entries about topic. ex: find js
  • wiki TOPIC show contents of topic page
  • thanks @username send brownie points to another user
  • about @username shows info on that user
  • bonfire BONFIRENAME info on a bonfire

:speech_balloon: meet CamperBot in this room!

:pencil: read more about camperbot on the FCC Wiki

Kevan Slyngstad
@Arkine
Jan 27 2016 05:55
@park23 what's the issue?
park23
@park23
Jan 27 2016 05:55
npm publish again
Kevan Slyngstad
@Arkine
Jan 27 2016 05:56
hmmm, not sure about that one. Might be a ticket item issue
James Jung
@thejcode24
Jan 27 2016 06:13
Guess whos back
cant wait for this dvi adapter to come in the mail..
need that second screen for coding
Brian
@sludge256
Jan 27 2016 06:16
I just use the second screen for distractions
James Jung
@thejcode24
Jan 27 2016 06:19
yea im trying to have this chat open any time i do any type of coding so extra space would b welcome lol
Brian
@sludge256
Jan 27 2016 06:19
just keep it minimize until necessary :P
James Jung
@thejcode24
Jan 27 2016 06:20
true lol
jst trying to soak in all the info that other ppl ask about too i guess lol
Jessica Hairston
@caughtinthemirage
Jan 27 2016 06:20
I am stuck
what does it mean when it says
Your stylesheet should declare a red-text class and have its color set to red.
this is what I have so far
James Jung
@thejcode24
Jan 27 2016 06:21
probably that you didnt declare class red-text
Jessica Hairston
@caughtinthemirage
Jan 27 2016 06:21

<style>
h2 {
color: red;
}
</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>

James Jung
@thejcode24
Jan 27 2016 06:21
you have to declare class red-text then initialize that to color: red i think
Jessica Hairston
@caughtinthemirage
Jan 27 2016 06:22
okay I will try that give me one second
James Jung
@thejcode24
Jan 27 2016 06:22
im noob too so @sludge256 is probably more appropriate to answer lol
Jessica Hairston
@caughtinthemirage
Jan 27 2016 06:22
no problem I appreciate the help
James Jung
@thejcode24
Jan 27 2016 06:22
npnp
Brian
@sludge256
Jan 27 2016 06:22
your advice is sound
Jessica Hairston
@caughtinthemirage
Jan 27 2016 06:22
its more frustrating because i know im just missing one link
James Jung
@thejcode24
Jan 27 2016 06:23
idk the code that you pasted seems correct
Brian
@sludge256
Jan 27 2016 06:25
need to change h2 to be a class called red-text
in the style element
James Jung
@thejcode24
Jan 27 2016 06:26
oh now i see it lol
Jessica Hairston
@caughtinthemirage
Jan 27 2016 06:26
I dont know if im tired but i still dont see it
class="red-text"
Brian
@sludge256
Jan 27 2016 06:27
that tells it to look for a class called red-text
but that class doesn't exist
Jessica Hairston
@caughtinthemirage
Jan 27 2016 06:27
oooo
got it
Brian
@sludge256
Jan 27 2016 06:28
:+1:
Jessica Hairston
@caughtinthemirage
Jan 27 2016 06:28
:clap:
thank you :)
James Jung
@thejcode24
Jan 27 2016 06:32
hey @sludge256
did you take physical notes when you were learning languages?
Brian
@sludge256
Jan 27 2016 06:32
not really
mostly because I'm lazy though
James Jung
@thejcode24
Jan 27 2016 06:32
lol me too
Brian
@sludge256
Jan 27 2016 06:32
If you find that it helps go for it
Different strokes for different folks
James Jung
@thejcode24
Jan 27 2016 06:33
lol cool
man this blog is awesome
getting hyped for the future jst reading it lol
Rajesh Moguloju
@rajeshmoguloju
Jan 27 2016 06:50

What does this mean?

Give each of your button elements text that corresponds to its id's selector.

Can anyone help?
Brian
@sludge256
Jan 27 2016 06:50
<button>text</button>
the text should match the id
Rajesh Moguloju
@rajeshmoguloju
Jan 27 2016 06:51
thanks buddy
Dan
@dee-one
Jan 27 2016 06:51
how do I put jquery ready function inside a script element?
Brian
@sludge256
Jan 27 2016 06:52
<script> document ready code </script>
Ademola Adegbuyi
@ooade
Jan 27 2016 06:52
@dee-one
<script>
$(document).ready(function (){
});
</script>
Dan
@dee-one
Jan 27 2016 06:53
nvm forgot to end script element
thanks
Ademola Adegbuyi
@ooade
Jan 27 2016 06:53
YWC
Jason Lee
@JsonLitz
Jan 27 2016 07:08

Still stuck on this challenge.. Can someone please show me an example of how it should look?

http://www.freecodecamp.com/challenges/word-blanks

DEBOJIT KAKOTI
@debojitkakoti
Jan 27 2016 07:14
@JsonLitz js result += myNoun+" "+myAdjective+" "+ myVerb +" "+ myAdverb;
@JsonLitz here is the hint
result += myNoun+" "+myAdjective+" "+ myVerb +" "+ myAdverb;
Brian
@sludge256
Jan 27 2016 07:16
don't need the += just = works
either way though
Naveen
@naveenkumarkg
Jan 27 2016 07:23
Target the same element with multiple jQuery Selectors i am getting Only add one class with each of your three selectors.
as warning
this is what i have given
  $(document).ready(function() {
    $("button").addClass("animated");
    $(".btn").addClass("shake");
    $("#target1").addClass(" btn-primary")
  });
</script>
Anybody there ?
@navinkumarkg Sec, checking it out
James Jung
@thejcode24
Jan 27 2016 07:26
yay
finished the first part lol
Jose Dzireh Chong
@CodingDucky
Jan 27 2016 07:27
http://codepen.io/CodingDucky/pen/ZQrgmM
So in this pen, as you change the size of the pen the distance between the green background and the 'Contact' increases. How do I make it not do that?
@navinkumarkg You have an extra space in (" btn-primary"). Worked for me after removing that
Jason Lee
@JsonLitz
Jan 27 2016 07:28
thanks @debojitkakoti
CamperBot
@camperbot
Jan 27 2016 07:28
jsonlitz sends brownie points to @debojitkakoti :sparkles: :thumbsup: :sparkles:
:star: 234 | @debojitkakoti | http://www.freecodecamp.com/debojitkakoti
Naveen
@naveenkumarkg
Jan 27 2016 07:28
yes it worked for me thank you @ltr7
CamperBot
@camperbot
Jan 27 2016 07:28
navinkumarkg sends brownie points to @ltr7 :sparkles: :thumbsup: :sparkles:
:star: 269 | @ltr7 | http://www.freecodecamp.com/ltr7
No problem
Naveen
@naveenkumarkg
Jan 27 2016 07:29
But i have a doubt @ltr7
Oh?
Naveen
@naveenkumarkg
Jan 27 2016 07:30
@ltr7 in jquery i had given $("#target1").addClass(" btn-primary");
that space created an error for me
but i was wondering how did the class of bootstrap applied to that button even though there was an error ?
Have anybody understood my question ?
I'm guessing (" btn-primary") works fine in jquery, but the FCC code checking is looking for ("btn-primary") without the space and so it gave you an error
James Jung
@thejcode24
Jan 27 2016 07:36
hi
how can i create a button element with text "Like"?
i thought it was
<button class="btn">
but i think im thinking of it the wrong way
Naveen
@naveenkumarkg
Jan 27 2016 07:37
<button class="btn btn-default">Like</button> this how we create a button
Dan
@dee-one
Jan 27 2016 07:38
what's the point of disabling an element something using jquery? why don't we just delete the code?
James Jung
@thejcode24
Jan 27 2016 07:38
sweet thanks @navinkumarkg
CamperBot
@camperbot
Jan 27 2016 07:38
thejcode24 sends brownie points to @navinkumarkg :sparkles: :thumbsup: :sparkles:
:star: 116 | @navinkumarkg | http://www.freecodecamp.com/navinkumarkg
Naveen
@naveenkumarkg
Jan 27 2016 07:41
From the view of a user ., The user cant haves access to all the functionalities . only a few functionalities can be accessed that is using the disable @dee-one
No problem :-) @thejcode24
ronald
@ronstarcool
Jan 27 2016 08:01
@dee-one you could. but somtimes its handy to toggle
dangzhenghui
@dangzhenghui1985
Jan 27 2016 08:34
it did not have the end patten
aaronK
@aaronk73
Jan 27 2016 08:55
will someone help me with one way point
Create a Custom Heading, this is the way point i am on
cannelflow
@cannelflow
Jan 27 2016 08:58
@aaronk73 tried something?
aaronK
@aaronk73
Jan 27 2016 08:58
yes
@cannelflow thank you
CamperBot
@camperbot
Jan 27 2016 08:58
aaronk73 sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 588 | @cannelflow | http://www.freecodecamp.com/cannelflow
aaronK
@aaronk73
Jan 27 2016 08:59
  <div class="row">
   <div class="col-xs-8"> 
  <h2 class="text-primary text-center">CatPhotoApp</h2>
  <div class="col-xs-4">
     <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
    </div>
    </div>
error Make sure each of your div elements has a closing tag.
cannelflow
@cannelflow
Jan 27 2016 09:02
@aaronk73 you are missing closing tag
aaronK
@aaronk73
Jan 27 2016 09:03
@cannelflow got it
@cannelflow thank you
CamperBot
@camperbot
Jan 27 2016 09:04
aaronk73 sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:warning: aaronk73 already gave cannelflow points
cannelflow
@cannelflow
Jan 27 2016 09:04
@aaronk73 :+1:
aaronK
@aaronk73
Jan 27 2016 09:13
@cannelflow do you have one more. <i class="fa fa-thumbs-up"></i> <button i="fa-thumbs-up" class="btn btn-block btn-primary">Like</button>
      <i class="fa fa-thumbs-up"></i>
      <button i="fa-thumbs-up" class="btn btn-block btn-primary">Like</button>
@aaronk73 I think you want to close your <i> tag after your button
 <i class="fa fa-thumbs-up">
<button i="fa-thumbs-up" class="btn btn-block btn-primary">Like</i></button>
aaronK
@aaronk73
Jan 27 2016 09:21
i didnt work
@ltr7 thank you
CamperBot
@camperbot
Jan 27 2016 09:21
aaronk73 sends brownie points to @ltr7 :sparkles: :thumbsup: :sparkles:
:star: 282 | @ltr7 | http://www.freecodecamp.com/ltr7
aaronK
@aaronk73
Jan 27 2016 09:23
i beleive the i is a tag in the second line which does not need a close?
maybe
hmmm
i must be missing something
This is a bit different than the above, but it works.
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>Like</button>
aaronK
@aaronk73
Jan 27 2016 09:29
ok let me try
@ltr7 thank you your awesome
CamperBot
@camperbot
Jan 27 2016 09:30
aaronk73 sends brownie points to @ltr7 :sparkles: :thumbsup: :sparkles:
:warning: aaronk73 already gave ltr7 points
No problem :D
aaronK
@aaronk73
Jan 27 2016 09:31
so glad someone on
RANJEET SINGH RATHOUR
@rsrathour
Jan 27 2016 10:13
html editor not taking input
aaronK
@aaronk73
Jan 27 2016 10:14
anyone here to help with my code
    <i class="fa fa-paper-plane"></i>
    <input type="form-control">
    <button type ="btn btn-primary" submit>Submit <i class= "fa fa-paper-plane"></i></button>
Robert Uivarosi
@URobert
Jan 27 2016 10:17
@aaronk73 what are you trying to do ?
aaronK
@aaronk73
Jan 27 2016 10:18
way point stle text inputs as form controls
Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element.
Give the text input in your form the class form-control.
Rich Keyzor
@Web-Dev-Rich
Jan 27 2016 10:19
@aaronk73 class=“bin btn-primary” not type=
btn
Robert Uivarosi
@URobert
Jan 27 2016 10:20
@aaronk73 so you will need <button type="submit"
@aaronk73 and button class="btn btn-primary"
everything in one line
aaronK
@aaronk73
Jan 27 2016 10:21
last line
its all in one
Robert Uivarosi
@URobert
Jan 27 2016 10:22
<button class="btn btn-primary" type="submit"> then you will need the text Submit of your button to be between the <i> tags. Does that make sense ?
aaronK
@aaronk73
Jan 27 2016 10:23
let me see
nope
    <button class ="btn btn-primary" <i class= "fa fa-paper-plane"</i>Submit</button>
Robert Uivarosi
@URobert
Jan 27 2016 10:27
lol
you are missing a >
Richard
@stormgrass
Jan 27 2016 10:27
Hello everyone. I feel a bit dumb here, but I'm stuck with the "Accessing Nested Arrays" challenge. I can't for the life of me figure this one out.
Robert Uivarosi
@URobert
Jan 27 2016 10:28
@stormgrass let me see what you have done
aaronK
@aaronk73
Jan 27 2016 10:28
    <button class ="btn btn-primary" <i class= "fa fa-paper-plane"></i>Submit</button>
Robert Uivarosi
@URobert
Jan 27 2016 10:28
basically you have to keep in mind that the counting starts from 0 instead of 1
@aaronk73 you need </i> after Submit
@aaronk73 and you are still missing a > for your button tag
Richard
@stormgrass
Jan 27 2016 10:29
@URobert Actually, that's not even my problem. I can't find a way to even access the type. I get error messages saying "cannot read property of" etc. with whatever I try
Robert Uivarosi
@URobert
Jan 27 2016 10:30
@stormgrass let me see what have you done
aaronK
@aaronk73
Jan 27 2016 10:30
    <button> class ="btn btn-primary" <i class= "fa fa-paper-plane"> Submit</i></button>
Richard
@stormgrass
Jan 27 2016 10:31
@URobert if you promise to not laugh out loud: var secondTree = myPlants.trees.list1
Ah, again 'var secondTree = myPlants.trees.list1'
Robert Uivarosi
@URobert
Jan 27 2016 10:32
@stormgrass we are all beginners here so you don't have to worry
Richard
@stormgrass
Jan 27 2016 10:32
ah, that code view doesn't work
Robert Uivarosi
@URobert
Jan 27 2016 10:32
@stormgrass link me the exercise directly so I can see the rest too
Richard
@stormgrass
Jan 27 2016 10:32
'var secondTree = myPlants.trees.list1'
Robert Uivarosi
@URobert
Jan 27 2016 10:32
@stormgrass for code formating see below
explain format
CamperBot
@camperbot
Jan 27 2016 10:32

: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

Robert Uivarosi
@URobert
Jan 27 2016 10:33
@aaronk73 <button class="btn btn-primary">...
aaronK
@aaronk73
Jan 27 2016 10:34
ok done
not lettting me pass yet
jasonmiles
@jasonmiles
Jan 27 2016 10:35
Hello everyone. I'm currently on the QuoteMachine. I want to make it so users can press a button and tweet out the quote. What is the best way to interface with the Twitter API from javascript? It would be awesome if I could pass Twitter the quote as a string. I've tried looking at the official documentation but it's a bit over my head.
Robert Uivarosi
@URobert
Jan 27 2016 10:35
@stormgrass Here it is what you need: but do you understand how it works? : var secondTree = myPlants[1].list[1];
@aaronk73 what error are you getting ?
aaronK
@aaronk73
Jan 27 2016 10:36
Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element.
Give the text input in your form the class form-control.
Richard
@stormgrass
Jan 27 2016 10:36
@URobert Oh, so that's how I access the second object. Yeah, I think I tried that, but as you pointed out, I forgot that JS starts with 0, so I was trying to access a third object.
@URobert Thanks so much. I feel a bit less dumb now.
CamperBot
@camperbot
Jan 27 2016 10:36
stormgrass sends brownie points to @urobert :sparkles: :thumbsup: :sparkles:
:star: 520 | @urobert | http://www.freecodecamp.com/urobert
aaronK
@aaronk73
Jan 27 2016 10:37
    <i class="fa fa-paper-plane"></i>
    <input type="form-control">
    <button class ="btn btn-primary"> <i class= "fa fa-paper-plane"> Submit</i></button>
Robert Uivarosi
@URobert
Jan 27 2016 10:37
@stormgrass use console.log() to check the results you are getting. That way you can easily identify mistakes like this
Richard
@stormgrass
Jan 27 2016 10:37
@URobert Thanks for the advice, I'll do that!
CamperBot
@camperbot
Jan 27 2016 10:37
stormgrass sends brownie points to @urobert :sparkles: :thumbsup: :sparkles:
:warning: stormgrass already gave urobert points
aaronK
@aaronk73
Jan 27 2016 10:37
chi fachi
Robert Uivarosi
@URobert
Jan 27 2016 10:37
@stormgrass yw
@aaronk73 now you are missing type="submit" in your button tag
aaronK
@aaronk73
Jan 27 2016 10:38
i hope i said that right in romanina
Robert Uivarosi
@URobert
Jan 27 2016 10:39
I guess you wanted "ce faci?" which means "what are you doing "
aaronK
@aaronk73
Jan 27 2016 10:39
ok that all i know from my dad
lol
:)
Robert Uivarosi
@URobert
Jan 27 2016 10:42
did you manage to pass that previous exercise ? @aaronk73
aaronK
@aaronk73
Jan 27 2016 10:42
no
:(
Robert Uivarosi
@URobert
Jan 27 2016 10:42
lol
aaronK
@aaronk73
Jan 27 2016 10:43
    <i class="fa fa-paper-plane"></i>
    <input type="form-control">
    <button class ="btn btn-primary"> <i class= "fa fa-paper-plane" type="Submit">Submit </i></button>
Robert Uivarosi
@URobert
Jan 27 2016 10:44
   <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i></button>
  </form>
</div>
<input class="form-control" type="text" placeholder="cat photo URL" required>
@aaronk73 did you get it working now ?:)
aaronK
@aaronk73
Jan 27 2016 10:47
@URobert thank you
CamperBot
@camperbot
Jan 27 2016 10:47
aaronk73 sends brownie points to @urobert :sparkles: :thumbsup: :sparkles:
:star: 521 | @urobert | http://www.freecodecamp.com/urobert
aaronK
@aaronk73
Jan 27 2016 10:47
i feel silly
Robert Uivarosi
@URobert
Jan 27 2016 10:48
I'll take that as a yes, you got it working
aaronK
@aaronk73
Jan 27 2016 10:48
yes
Robert Uivarosi
@URobert
Jan 27 2016 10:48
@aaronk73 yw. good luck and happy coding
aaronK
@aaronk73
Jan 27 2016 10:48
@URobert thank you again
CamperBot
@camperbot
Jan 27 2016 10:48
aaronk73 sends brownie points to @urobert :sparkles: :thumbsup: :sparkles:
:warning: aaronk73 already gave urobert points
Robert Uivarosi
@URobert
Jan 27 2016 10:49
@aaronk73 don't mention it
aaronK
@aaronk73
Jan 27 2016 10:50
@URobert you are brilliant
Robert Uivarosi
@URobert
Jan 27 2016 10:51
haha, what is with everyone praising me today ? :)) thank you for the kind words
@aaronk73 thx
CamperBot
@camperbot
Jan 27 2016 10:51
urobert sends brownie points to @aaronk73 :sparkles: :thumbsup: :sparkles:
:star: 98 | @aaronk73 | http://www.freecodecamp.com/aaronk73
Viraj Nandoskar
@virajbnandoskar
Jan 27 2016 10:57
Your p element should contain the first few words of the provided additional kitty ipsum text.
Can anyone help
Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
Robert Uivarosi
@URobert
Jan 27 2016 10:58
@virajbnandoskar ctr + "+" and ctr + "-" on your keyboard to modify zoom in your browser
Viraj Nandoskar
@virajbnandoskar
Jan 27 2016 10:58
wtf
Robert Uivarosi
@URobert
Jan 27 2016 10:58
@virajbnandoskar I presume you have to mod the font-size of your p element in css
Viraj Nandoskar
@virajbnandoskar
Jan 27 2016 10:58

<style>
.red-text {
color: red;
font-size: 16px;
}
</style>

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

<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>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 my code
@URobert can you help what is to be edited
Robert Uivarosi
@URobert
Jan 27 2016 10:59
@virajbnandoskar you need to mod the font size of your p elements
Viraj Nandoskar
@virajbnandoskar
Jan 27 2016 10:59
How @
@URobert
Robert Uivarosi
@URobert
Jan 27 2016 10:59
@virajbnandoskar p{font-size:16px;}
Aleksandr
@p0vidl0
Jan 27 2016 11:00
Hi everyone!
Viraj Nandoskar
@virajbnandoskar
Jan 27 2016 11:01
@URobert Not working
Robert Uivarosi
@URobert
Jan 27 2016 11:01
@p0vidl0 Hi
@virajbnandoskar link me your code
Aleksandr
@p0vidl0
Jan 27 2016 11:01
Enybody can kick me in "Advanced Algorithm Scripting\No repeats please" task?
Viraj Nandoskar
@virajbnandoskar
Jan 27 2016 11:01
where shold I make the changes

<style>
.red-text {
color: red;
}
p{font-size: 16px;
}

</style>

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

<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>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>

Robert Uivarosi
@URobert
Jan 27 2016 11:02
@virajbnandoskar it's placed ok. Link me your code