These are chat archives for FreeCodeCamp/Help

14th
Feb 2016
Craig Banach
@CraigBanach
Feb 14 2016 00:00 UTC
@aaronk73 Hmm, what you have doesn't seem to wrok?
aaronK
@aaronk73
Feb 14 2016 00:00 UTC
no , i am trying to figure out what i am missing
Craig Banach
@CraigBanach
Feb 14 2016 00:01 UTC
@cragsify Ok, what challenge is it? I'm going to check my code?
@aaronk73 Use the map function to add 3 to every value in the variable oldArray, and save the results into variable newArray. oldArray should not change.
Taurus Colvin
@colvint
Feb 14 2016 00:03 UTC
@aaronk73 @cragsify here to help...
aaronK
@aaronk73
Feb 14 2016 00:03 UTC
@cragsify thank you
CamperBot
@camperbot
Feb 14 2016 00:03 UTC
aaronk73 sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 282 | @cragsify | http://www.freecodecamp.com/cragsify
Craig Banach
@CraigBanach
Feb 14 2016 00:03 UTC
@aaronk73 Have you changes the return arrayname?
aaronK
@aaronk73
Feb 14 2016 00:03 UTC
@colvint thank you
CamperBot
@camperbot
Feb 14 2016 00:03 UTC
aaronk73 sends brownie points to @colvint :sparkles: :thumbsup: :sparkles:
:star: 8 | @colvint | http://www.freecodecamp.com/colvint
aaronK
@aaronk73
Feb 14 2016 00:03 UTC
i got it to work
Taurus Colvin
@colvint
Feb 14 2016 00:04 UTC
@aaronk73 :+1:
aaronK
@aaronk73
Feb 14 2016 00:04 UTC
i may need you soon anyway :)
Taurus Colvin
@colvint
Feb 14 2016 00:05 UTC
ha — no worries — holler for help...
CamperBot
@camperbot
Feb 14 2016 00:05 UTC
holler back!
Felipe Sato
@Pi088
Feb 14 2016 00:07 UTC
gonna ignore the warning
joh9694
@joh9694
Feb 14 2016 00:09 UTC
Hey guys! I'm working on challenge 91 "Style Text Inputs as Form Controls" and I can't seem to figure our how to give the form's text input field a class of "form-control" Can someone please help? :)
aaronK
@aaronk73
Feb 14 2016 00:09 UTC

@colvint ```
var array.reduce(function(array, singleVal); {
return array - singleVal;
}, 0);

```

var array.reduce(function(array, singleVal); {
  return array - singleVal;
}, 0);
joh9694
@joh9694
Feb 14 2016 00:10 UTC
I was thinking it be <i class="fa form-control"> </i> but that is not working. I also tried without the fa
Taurus Colvin
@colvint
Feb 14 2016 00:10 UTC
@aaronk73 sure
what’s in array?
aaronK
@aaronk73
Feb 14 2016 00:11 UTC
[4,5,6,7,8
Taurus Colvin
@colvint
Feb 14 2016 00:11 UTC
ah ok
joh9694
@joh9694
Feb 14 2016 00:11 UTC
anyone able to help with challenge 91? :(
Craig Banach
@CraigBanach
Feb 14 2016 00:11 UTC
@joh9694 Yeah
Kevin Mulligan
@kmulligan
Feb 14 2016 00:11 UTC
@joh9694 can you link to it
joh9694
@joh9694
Feb 14 2016 00:11 UTC
http://www.freecodecamp.com/challenges/style-text-inputs-as-form-controls#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-8%22%3E%0A%20%20%20%20%20%20%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22img-responsive%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cimg%20src%3D%22http%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%22%3E%3Ci%20class%3D%22fa%20fa-thumbs-up%22%3E%3C%2Fi%3E%20Like%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3E%3Ci%20class%3D%22fa%20fa-info-circle%22%3E%3C%2Fi%3E%20Info%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3E%3Ci%20class%3D%22fa%20fa-trash%22%3E%3C%2Fi%3E%20Delete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20%3Cspan%20class%3D%22text-danger%22%3Elove%3A%3C%2Fspan%3E%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Ci%20class%3D%22fa%20form-control%22%3E%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%3C%2Fi%3E%0A%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-primary%22%20type%3D%22submit%22%3E%3Ci%20class%3D%22fa%20fa-paper-plane%22%3ESubmit%3C%2Fi%3E%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
like this?
Craig Banach
@CraigBanach
Feb 14 2016 00:11 UTC
@joh9694 I think you are trying to give the class to the wrong element, what element are you trying to give it to?
aaronK
@aaronk73
Feb 14 2016 00:12 UTC
var array = [4,5,6,7,8];
var singleVal = 0;

// Only change code below this line.

var array.reduce(function(array, singleVal); {
  return array - singleVal;
}, 0);
joh9694
@joh9694
Feb 14 2016 00:12 UTC
it says to give it to the form's text input field class @cragsify so I was putting it to the <input type="text"> it's line 69
Craig Banach
@CraigBanach
Feb 14 2016 00:13 UTC

@joh9694 OK, so try this:

<input class="form-control" type="text">

Jon Selig
@JonSelig
Feb 14 2016 00:13 UTC
What is a good reference for boostrap classes? The challenges leading up to the tribute project don't give very many
Taurus Colvin
@colvint
Feb 14 2016 00:13 UTC
@aaronk73 seems like you need to put the result of that reduce into the singleVal variable?
Raiden357
@raiden357
Feb 14 2016 00:13 UTC
think i found a glitch with "Add Font Awesome Icons to our Buttons" challenge. did everything right i beleive and it still won't pas me
joh9694
@joh9694
Feb 14 2016 00:14 UTC
I was just going to ask that lol @cragsify let me try that!
Craig Banach
@CraigBanach
Feb 14 2016 00:14 UTC
@raiden357 Can you paste your code, I believe I managed it correctly.
joh9694
@joh9694
Feb 14 2016 00:14 UTC
@raiden357 I second what @cragsify said lol i just finished that one :)
Raiden357
@raiden357
Feb 14 2016 00:15 UTC
<button i class="fa fa-thumbs-up btn btn-block btn-primary">Like</i> </button>
Taurus Colvin
@colvint
Feb 14 2016 00:15 UTC
@aaronk73 what is the challenge asking you?
aaronK
@aaronk73
Feb 14 2016 00:16 UTC
Use the reduce method to sum all the values in array and assign it to singleVal.
Craig Banach
@CraigBanach
Feb 14 2016 00:16 UTC
@raiden357 It seems, that you've combined two elements, first you ned to close the button before opening the i element:
<button><i></i></button>
joh9694
@joh9694
Feb 14 2016 00:16 UTC
@raiden357 try putting the <i class="fa fa-thumbs-up">Like</i></button>
@raiden357 i just gave you broken code but hopefully you get what I'm trying to say lol
Raiden357
@raiden357
Feb 14 2016 00:17 UTC
ti'll try that. thank you both
Taurus Colvin
@colvint
Feb 14 2016 00:17 UTC
@aaronk73 couple issues with your code:
Tyler Roberts
@Deuce2222
Feb 14 2016 00:17 UTC
@aaronk73 How do you put the text in a console like that?
joh9694
@joh9694
Feb 14 2016 00:17 UTC
@cragsify I feel so silly because you were entirely right! I'm not sure why I thought it was an awesome button I should have been coding in lol. Thank you so much
CamperBot
@camperbot
Feb 14 2016 00:17 UTC
joh9694 sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 283 | @cragsify | http://www.freecodecamp.com/cragsify
joh9694
@joh9694
Feb 14 2016 00:18 UTC
@colvint Thank you!
CamperBot
@camperbot
Feb 14 2016 00:18 UTC
joh9694 sends brownie points to @colvint :sparkles: :thumbsup: :sparkles:
:star: 9 | @colvint | http://www.freecodecamp.com/colvint
Craig Banach
@CraigBanach
Feb 14 2016 00:18 UTC
@Deuce2222
help format
CamperBot
@camperbot
Feb 14 2016 00:18 UTC

:point_right: code formatting [wiki]

Inline code

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

Code Block

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

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

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

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

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

Taurus Colvin
@colvint
Feb 14 2016 00:18 UTC
@aaronk73 gonna pm you — can’t see...
aaronK
@aaronk73
Feb 14 2016 00:18 UTC
var array = [4,5,6,7,8];
var singleVal = 0;

// Only change code below this line.

var array; singleVal.reduce(function(array, singleVal); {
  return array - singleVal;
}, 0);
Taurus Colvin
@colvint
Feb 14 2016 00:20 UTC
@aaronk73 see my private message...
Raiden357
@raiden357
Feb 14 2016 00:25 UTC
@joh9694 @cragsify thx i got it now
CamperBot
@camperbot
Feb 14 2016 00:25 UTC
raiden357 sends brownie points to @joh9694 and @cragsify :sparkles: :thumbsup: :sparkles:
:star: 93 | @joh9694 | http://www.freecodecamp.com/joh9694
:star: 284 | @cragsify | http://www.freecodecamp.com/cragsify
Franco Zapata
@Francozt01
Feb 14 2016 00:31 UTC
@aaronk73 array is a reserved word .. use arr like the exercises
Taurus Colvin
@colvint
Feb 14 2016 00:31 UTC
@Francozt01 actually Array is reserved...
array is a legal variable name...
(though i agree it’s not a good name)
Franco Zapata
@Francozt01
Feb 14 2016 00:32 UTC
i was told that it was reserved
and i saw all the exercises with arr instead of array
Taurus Colvin
@colvint
Feb 14 2016 00:33 UTC
it’s not reserved (in lower case) but your instinct to shy away from variable names like that is right...
Franco Zapata
@Francozt01
Feb 14 2016 00:33 UTC
ok :+1:
also in his code the word "array" is in red just like "var"
Taurus Colvin
@colvint
Feb 14 2016 00:36 UTC
sure, just giving you the javascript facts :smile:
var is reserved btw...
Jin Choi
@JiniHendrix
Feb 14 2016 00:40 UTC
hi think i got my api request to work for the weather app, but i'm not getting any data
@JiniHendrix where is your api key?
aaronK
@aaronk73
Feb 14 2016 00:42 UTC
@wearenotgroot thank you
CamperBot
@camperbot
Feb 14 2016 00:42 UTC
aaronk73 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
hexicle
@hexicle
Feb 14 2016 00:42 UTC
hi i'm learning React and it's really challenging... I completed JS Front-End already but the React tutorial seems too hard
CamperBot
@camperbot
Feb 14 2016 00:43 UTC
:star: 832 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
hexicle
@hexicle
Feb 14 2016 00:43 UTC
is there something I need to learn first?
greg
@wearenotgroot
Feb 14 2016 00:43 UTC
@JiniHendrix you need to register and get an api key sent to you
Maciej Bembenista
@macbem
Feb 14 2016 00:43 UTC
@hexicle if something is hard, read react's documentation and use stackoverflow
Jin Choi
@JiniHendrix
Feb 14 2016 00:43 UTC
@wearenotgroot i did, i appended it to the URL like i saw in the example
hexicle
@hexicle
Feb 14 2016 00:43 UTC
ok
greg
@wearenotgroot
Feb 14 2016 00:44 UTC
@JiniHendrix dont see it
Jin Choi
@JiniHendrix
Feb 14 2016 00:44 UTC
@wearenotgroot my success key is alerting that its working
aaronK
@aaronk73
Feb 14 2016 00:44 UTC
@colvint thank you
CamperBot
@camperbot
Feb 14 2016 00:44 UTC
aaronk73 sends brownie points to @colvint :sparkles: :thumbsup: :sparkles:
:warning: aaronk73 already gave colvint points
here's my url
Ivan Litov
@vankatal
Feb 14 2016 00:44 UTC
could you give your opinion about my code?
greg
@wearenotgroot
Feb 14 2016 00:45 UTC
@JiniHendrix have toy tried outputing to console?
hexicle
@hexicle
Feb 14 2016 00:45 UTC
@noczesc thanks
CamperBot
@camperbot
Feb 14 2016 00:45 UTC
hexicle sends brownie points to @noczesc :sparkles: :thumbsup: :sparkles:
:star: 327 | @noczesc | http://www.freecodecamp.com/noczesc
Ivan Litov
@vankatal
Feb 14 2016 00:45 UTC
?
greg
@wearenotgroot
Feb 14 2016 00:45 UTC
@JiniHendrix remember weather is an array with objects in it
Jin Choi
@JiniHendrix
Feb 14 2016 00:46 UTC
@wearenotgroot oo i am getting something
@wearenotgroot for sure, thanks
CamperBot
@camperbot
Feb 14 2016 00:46 UTC
jinihendrix sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 833 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
Taurus Colvin
@colvint
Feb 14 2016 00:46 UTC
that egghead series is how i learned react :smile:
good stuff
key concepts are component props and state
once you bend your mind to those you’re on your way..
Ivan Litov
@vankatal
Feb 14 2016 00:47 UTC
Could you please tell me if my code is written in the most ghetto way in JS Mutations lesson?
Taurus Colvin
@colvint
Feb 14 2016 00:48 UTC
@vankatal hah — have a specific question?
(ghetto code is still code)
Ivan Litov
@vankatal
Feb 14 2016 00:48 UTC
:D
let me paste it
function mutation(arr) {

    var strOne = arr[0];
    strOne = strOne.toLowerCase();
    var strTwo = arr[1];
    strTwo = strTwo.toLowerCase();
    var checkTrue = 0;

    for (var j = 0; j< strTwo.length; j++) {

        for (var i = 0; i < strOne.length; i++) {
            console.log(strOne[i]);
            if (strOne[i] === strTwo[j]){
                console.log('true');
                checkTrue++;
            }
            else{
                console.log('false');
            }
        }


    }
    if (checkTrue<strTwo.length){
        console.log('FALSE');
      return false;
    }
    else{
        console.log('TRUE');
      return true;
    }
}

mutation(["Mary", "Army"]);
this works hahaha
the task is to check if all letters from second string are in the first one
Mahtab
@RoadToCode822
Feb 14 2016 00:49 UTC
can any1 help with angular
hexicle
@hexicle
Feb 14 2016 00:50 UTC
@colvint thanks !
CamperBot
@camperbot
Feb 14 2016 00:50 UTC
hexicle sends brownie points to @colvint :sparkles: :thumbsup: :sparkles:
:star: 10 | @colvint | http://www.freecodecamp.com/colvint
Taurus Colvin
@colvint
Feb 14 2016 00:52 UTC
@vankatal so that code works?
Ivan Litov
@vankatal
Feb 14 2016 00:54 UTC
@colvint yes
Taurus Colvin
@colvint
Feb 14 2016 00:54 UTC
i believe you can significantly reduce the amount of code you have by using the indexOf function
that guy is your friend here...
Felipe Sato
@Pi088
Feb 14 2016 00:55 UTC
how do I paste a pen in here? Use iframe or html embed?
greg
@wearenotgroot
Feb 14 2016 00:55 UTC
@Pi088 just link it(paste link)
Taurus Colvin
@colvint
Feb 14 2016 00:56 UTC
@vankatal quick hint:
Felipe Sato
@Pi088
Feb 14 2016 00:56 UTC

http://codepen.io/Pi088/pen/JGxamg

opinions? still fleshing it out

Taurus Colvin
@colvint
Feb 14 2016 00:56 UTC
'Hello World'.indexOf('World') returns 6
CamperBot
@camperbot
Feb 14 2016 00:56 UTC

welcome to FreeCodeCamp @colvint!

Ivan Litov
@vankatal
Feb 14 2016 00:58 UTC
@colvint and?
greg
@wearenotgroot
Feb 14 2016 00:58 UTC
@Pi088 looks good, i dont know about that speak bubble lightning thing though. :smile:
Felipe Sato
@Pi088
Feb 14 2016 00:58 UTC
@wearenotgroot that’s ziggy stardust :P
greg
@wearenotgroot
Feb 14 2016 00:59 UTC
@Pi088 :smile: the color perhaps is throwing me off
Felipe Sato
@Pi088
Feb 14 2016 01:00 UTC
@wearenotgroot don’t scare me! I’m colorblind.. isnt it red and blue?
greg
@wearenotgroot
Feb 14 2016 01:00 UTC
@Pi088 but then again it's bowie :smile:
@Pi088 try another version with black and white photos
Taurus Colvin
@colvint
Feb 14 2016 01:01 UTC
@vankatal so the challenge is to detect whether the entire 2nd string is contained within the first
greg
@wearenotgroot
Feb 14 2016 01:01 UTC
@Pi088 try flashy version then do another on the opposite end and meet in the middle
Taurus Colvin
@colvint
Feb 14 2016 01:02 UTC
@vankatal and indexOf returns -1 if that isn’t true
so your code could simply test whether indexOfreturns -1
if it returns -1 then that means the 2nd string isn’t contained within the 1st
Ivan Litov
@vankatal
Feb 14 2016 01:04 UTC
@colvint that does not work, because the order of the letters can be different and it throws false/true on examples that must be the opposite
Taurus Colvin
@colvint
Feb 14 2016 01:05 UTC
ah, right you are
Ivan Litov
@vankatal
Feb 14 2016 01:05 UTC
Lastly, ["Alien", "line"], should return true because all of the letters in "line" are present in "Alien".
Taurus Colvin
@colvint
Feb 14 2016 01:05 UTC
so your code isn’t ghetto then
:wink2:
given your point that the code must account for all letter combos — and that your code works
it looks sane to me
Ivan Litov
@vankatal
Feb 14 2016 01:08 UTC
@colvint :)
greg
@wearenotgroot
Feb 14 2016 01:09 UTC
@vankatal yes you can do this with 8 lines of code :smile:
Ivan Litov
@vankatal
Feb 14 2016 01:09 UTC
@wearenotgroot show me how please...
greg
@wearenotgroot
Feb 14 2016 01:10 UTC
@vankatal like @colvint said use indexOf
@vankatal indexOf means you dont need to loop the other array or characters
Felipe Sato
@Pi088
Feb 14 2016 01:11 UTC
@wearenotgroot you think it’s the photo that’s crashing with the rest?
Jin Choi
@JiniHendrix
Feb 14 2016 01:12 UTC
hi i'm putting numbers into a string, for some reason they show up as undefined when i put into the URL for AJAX
Kevin Mulligan
@kmulligan
Feb 14 2016 01:12 UTC
Would love enlightenment @wearenotgroot ... I've got a solution that works except for 3 of the tests, argh
Jin Choi
@JiniHendrix
Feb 14 2016 01:12 UTC
lat and lon are the coordinates
i've tried .toString() but it also says theyre undefined
god knows why
greg
@wearenotgroot
Feb 14 2016 01:13 UTC
@kmulligan which exercise? same one?
Kevin Mulligan
@kmulligan
Feb 14 2016 01:13 UTC
@wearenotgroot yes
greg
@wearenotgroot
Feb 14 2016 01:13 UTC
@kmulligan k let's see them codes
Kevin Mulligan
@kmulligan
Feb 14 2016 01:13 UTC
function mutation(arr) {

/* Syntax: 
   str.indexOf(searchValue[, fromIndex]) */

  var a = arr[0].toLowerCase();
  var b = arr[1].toLowerCase();

  for (x=0; x<a.length;x++) {
    var z = a.indexOf(b[x]);
    if (z === -1) {
       return false;
                      }
                      }
       return true;



}

mutation(["Mary", "Army"]);
greg
@wearenotgroot
Feb 14 2016 01:13 UTC
@kmulligan very close
@kmulligan you need to access the characters on the string
@kmulligan so think of it as a multidimensional array
Craig Banach
@CraigBanach
Feb 14 2016 01:16 UTC
@kmulligan I belive that you are looping over the wrong string,
I think it should be x < b.length
@kmulligan Currently you are looping over the a word, but if b is shorter than the a word, then you are comparing b[x] which does not exist.
greg
@wearenotgroot
Feb 14 2016 01:18 UTC
@kmulligan yes @cragsify is right
@kmulligan you need to loop through with the length of the string in b
Kevin Mulligan
@kmulligan
Feb 14 2016 01:19 UTC
wow
one letter change
is it okay to be kind of mad that that is all that it was? :D
Craig Banach
@CraigBanach
Feb 14 2016 01:19 UTC
@kmulligan Be mad, I just spent an hour solving a problem that seems to easy now.
greg
@wearenotgroot
Feb 14 2016 01:19 UTC
@kmulligan yep everything else is correct
@kmulligan you can skip the ->var z = a.indexOf(b[x]);
Kevin Mulligan
@kmulligan
Feb 14 2016 01:20 UTC
@cragsify I have been mad a lot in the last week, I'm sure it is one of the phases of enlightenment
greg
@wearenotgroot
Feb 14 2016 01:20 UTC
@kmulligan and just combine it in the if, like so---->if (a.indexOf(b[x]) === -1)
Kevin Mulligan
@kmulligan
Feb 14 2016 01:20 UTC
Thank you @wearenotgroot @cragsify
CamperBot
@camperbot
Feb 14 2016 01:20 UTC
kmulligan sends brownie points to @wearenotgroot and @cragsify :sparkles: :thumbsup: :sparkles:
:star: 834 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
:star: 285 | @cragsify | http://www.freecodecamp.com/cragsify
my url doesn't work when i put in variables for the latitude and longitude
no idea why..................
can anyone help?
Craig Banach
@CraigBanach
Feb 14 2016 01:21 UTC
@JiniHendrix What values do the variabels hold?
Kevin Mulligan
@kmulligan
Feb 14 2016 01:22 UTC
Yea I was using z so I could just "return z" and see what it was putting out
Jin Choi
@JiniHendrix
Feb 14 2016 01:22 UTC
they are floats
but i changed them to strings
with toString()
Jon Selig
@JonSelig
Feb 14 2016 01:22 UTC
How does a website determine if it is going to use col-xs- vs col-m- etc.?
Jin Choi
@JiniHendrix
Feb 14 2016 01:22 UTC
but it still doesnt work i have no idea why
Craig Banach
@CraigBanach
Feb 14 2016 01:22 UTC
@JiniHendrix ok, but what is the data inside of them?
greg
@wearenotgroot
Feb 14 2016 01:22 UTC
@JiniHendrix it was working earlier right?
Kevin Mulligan
@kmulligan
Feb 14 2016 01:22 UTC
The challenges seem easier if you try to not complicate them, only problem is really understanding the new aspect of JS that you have to read on MDN
Jin Choi
@JiniHendrix
Feb 14 2016 01:22 UTC
the latitude and longitude
Craig Banach
@CraigBanach
Feb 14 2016 01:22 UTC
@JonSelig Personal choice, what size of screen do yoiu think the majority of your users will use/
Jin Choi
@JiniHendrix
Feb 14 2016 01:23 UTC
@wearenotgroot when i don't use variables it works
Craig Banach
@CraigBanach
Feb 14 2016 01:23 UTC
@JiniHendrix which are?
Jon Selig
@JonSelig
Feb 14 2016 01:23 UTC
@cragsify But I see some that specify more than one, how does it determine which it should use if you supply more than one?
Jin Choi
@JiniHendrix
Feb 14 2016 01:23 UTC
here is what it should look like
Craig Banach
@CraigBanach
Feb 14 2016 01:23 UTC
@JiniHendrix Tell me the numbers taht are inside of you variables.
Jon Selig
@JonSelig
Feb 14 2016 01:23 UTC
Does mobile automitcally choose col-xs for example?
Mahtab
@RoadToCode822
Feb 14 2016 01:23 UTC
thanks @cragsify
CamperBot
@camperbot
Feb 14 2016 01:23 UTC
roadtocode822 sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 286 | @cragsify | http://www.freecodecamp.com/cragsify
greg
@wearenotgroot
Feb 14 2016 01:23 UTC
@JiniHendrix you can create an object that the ajax will use will all the parameters for the query btw
Jin Choi
@JiniHendrix
Feb 14 2016 01:24 UTC
@cragsify they are in the url 33.959054
Craig Banach
@CraigBanach
Feb 14 2016 01:24 UTC
@JonSelig when you screen hits a certain size, it uses ms, then when it gets even smaller, it uses xs
Jin Choi
@JiniHendrix
Feb 14 2016 01:24 UTC
@cragsify -117.9099 etc
Joshua Swift
@joshuaswift
Feb 14 2016 01:24 UTC
hey guys
Jin Choi
@JiniHendrix
Feb 14 2016 01:24 UTC
@wearenotgroot ok i will try that
Jon Selig
@JonSelig
Feb 14 2016 01:24 UTC
@cragsify Ah ok, thanks
CamperBot
@camperbot
Feb 14 2016 01:24 UTC
jonselig sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 287 | @cragsify | http://www.freecodecamp.com/cragsify
Joshua Swift
@joshuaswift
Feb 14 2016 01:24 UTC
currently struggling with this challenge

function abTest(a, b) {
  // Only change code below this line
  if (a,b < 0);
  return undefined;


  // Only change code above this line

  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

// Change values below to test your code
abTest(2,2);
Craig Banach
@CraigBanach
Feb 14 2016 01:25 UTC
@JiniHendrix HAve you tried hard-coding the values in the variables instead of fetching them?
Joshua Swift
@joshuaswift
Feb 14 2016 01:25 UTC
the required outcome is to return undefined if a,b is < 0
Craig Banach
@CraigBanach
Feb 14 2016 01:25 UTC
@Joshuaswift a,b < 0 isn't something you can do in JS.
@Joshuaswift you need to use a < 0 || b < 0
Jin Choi
@JiniHendrix
Feb 14 2016 01:26 UTC
@cragsify nope will try that right now
Debra SIlbert
@DebSil
Feb 14 2016 01:26 UTC
any way to make the pink text in the console a different color? I'm having a hard time seeing it.
Joshua Swift
@joshuaswift
Feb 14 2016 01:26 UTC
@cragsify ah I see, thanks for that
CamperBot
@camperbot
Feb 14 2016 01:26 UTC
joshuaswift sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 288 | @cragsify | http://www.freecodecamp.com/cragsify
Jin Choi
@JiniHendrix
Feb 14 2016 01:27 UTC
@cragsify that didn't work either
sean9
@sean9
Feb 14 2016 01:27 UTC
im working on the calculator, does this look like the right path sofar?
function one() {
   if (sign == "x" || sign == "+" || sign == "-" || sign == "/") {
      secondNum += "1";
   } else {
      firstNum += "1";
   }
}
Craig Banach
@CraigBanach
Feb 14 2016 01:27 UTC
@JiniHendrix OK, so now you know it is a problem with the url, can you build and store the URL and then use the variable intead of building it when you use it.
Jin Choi
@JiniHendrix
Feb 14 2016 01:28 UTC
@cragsify unfortunately that doesn't work either
@cragsify been going back and forth with that and jus putting the url in
Craig Banach
@CraigBanach
Feb 14 2016 01:30 UTC
@JiniHendrix Have you tried .toString after putting the numbers into the URL?
@JiniHendrix Or using .concat or a string builder?
Scott
@macengr
Feb 14 2016 01:30 UTC
I posted this in the HelpFrontEnd and got no response - anyone? Okay, I've been beating my head against the wall for four days. When my tic-tac-toe game resets, it cleans the board....then for some reason it adds back the most recent move by the player and the most recent move by the computer. I have no idea why. Can someone take a look, please, and see what's going on? This version is not AI, by the way, it just plays a random square. Thanks! http://codepen.io/macengr/full/eJrBvb/
Jin Choi
@JiniHendrix
Feb 14 2016 01:32 UTC
@cragsify hmm ill try that out thanks
CamperBot
@camperbot
Feb 14 2016 01:32 UTC
jinihendrix sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 289 | @cragsify | http://www.freecodecamp.com/cragsify
Jin Choi
@JiniHendrix
Feb 14 2016 01:32 UTC
@cragsify the odd thing is, when i output to console after building the url it's correct
@cragsify but for some reason it's not working
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:33 UTC
I'm working on this challenge, "Line up Form Elements Responsively with Bootstrap," and I can't find what's wrong with my code. I've nested the text field and button in a class="row" and placed each object in a class="col-xs-#" ... and still no joy.
I'll try to remember how to properly post code.
Kevin Mulligan
@kmulligan
Feb 14 2016 01:33 UTC
explain format
CamperBot
@camperbot
Feb 14 2016 01:33 UTC

:point_right: code formatting [wiki]

Inline code

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

Code Block

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

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

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

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

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

Craig Banach
@CraigBanach
Feb 14 2016 01:34 UTC
@Pastshelfdate If you post your code, we can probably help
Bill
@kirah1314
Feb 14 2016 01:35 UTC
@macengr from what you're saying, it's probably due to you didn't reset the player and computer moves variables when you reset the board
Maciej Bembenista
@macbem
Feb 14 2016 01:35 UTC
guys, stop whatever you're doing with code and spend a hour to learn git
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:35 UTC

```placeholder="cat photo URL" required>
</div>
<div class="col-xs-5">

<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
</div>
</div>
</form>
</div>
`` Well, the posting method doesn't seem to be 3x, paste code, 3x` :/

Bill
@kirah1314
Feb 14 2016 01:36 UTC
@macengr you need a way to reset everything as if the game just started when the board resets
Kevin Mulligan
@kmulligan
Feb 14 2016 01:36 UTC
@Pastshelfdate you put the ``` before and after the code on a separate line
so
```
Craig Banach
@CraigBanach
Feb 14 2016 01:36 UTC
placeholder="cat photo URL" required>
</div>
<div class="col-xs-5">
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
</div>
</div>
</form>
</div>
Kevin Mulligan
@kmulligan
Feb 14 2016 01:36 UTC
```
my code
```
Craig Banach
@CraigBanach
Feb 14 2016 01:37 UTC
@Pastshelfdate Do you have the rest of your code?
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:37 UTC
I have tried to understand the explanations on the site for properly posting code. I did switch to "compose mode," typed , pasted my code, then typed again, and hit Enter. Nothing happened.
Craig Banach
@CraigBanach
Feb 14 2016 01:37 UTC
press ``` then shift + enter
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:38 UTC
@cragsify Yes, I have all my code, and why does it have to be shift + enter? That seems pointlessly complicated. What is reserved for just pressing enter?
Bill
@kirah1314
Feb 14 2016 01:38 UTC
@Pastshelfdate can you paste your whole codes?
Craig Banach
@CraigBanach
Feb 14 2016 01:38 UTC
@Pastshelfdate submitting your post :P
````
does that ^^
Kevin Mulligan
@kmulligan
Feb 14 2016 01:39 UTC
shift enter lets you go down a line, enter makes you send whatever you've typed. pretty handy actually
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:39 UTC
@kirah1314 Okay, if I can figure out how to post a small amount of code, first.
sean9
@sean9
Feb 14 2016 01:39 UTC
small or large, same thing
Kevin Mulligan
@kmulligan
Feb 14 2016 01:39 UTC
```
your code here on a separate line, with 3 ticks on separate lines above and below
```
greg
@wearenotgroot
Feb 14 2016 01:40 UTC
@JiniHendrix k here it is
var lat;
var lon;
var url;
if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition (function(position) {
lat = position.coords.latitude;
lon = position.coords.longitude;
url = "http://api.openweathermap.org/data/2.5/weather?lat="+lat+"&lon="+lon+'&APPID=6d5fc825650c2d5d4022bcdebc22e492';
    console.log(url);
  });
}
function getWeather(){

console.log(lon+' '+lat);
$.ajax({
  method:"GET",
  url: "http://api.openweathermap.org/data/2.5/weather?", //<----------base url
  crossDomain: true,
  data:{lat:lat,lon:lon, APPID:'6d5fc825650c2d5d4022bcdebc22e492'}, //<-------------object that contains url parameters
  dataType: 'json',  //<----------------the t was supposed to be capitalized
  success: function(data) {
     console.log(data);    
     console.log(typeof(data.main.temp));
                      $('.weather').html(data.main.temp)},
    error: function() { alert('Failed!'); },
/* beforeSend: function() {
   xhr.setRequestHeader('')
 }'6d5fc825650c2d5d4022bcdebc22e492'
 */
})
.done(function(data) {
console.log(data);
  $('.weather').html(data);
});
}

var timer = setTimeout(getWeather,10000);
Kevin Mulligan
@kmulligan
Feb 14 2016 01:40 UTC
type ``` then shift+enter, then ctrl+v to paste your code, then shift+enter, then ```
greg
@wearenotgroot
Feb 14 2016 01:40 UTC
@JiniHendrix sometime there is a delay on the getting the position so just set a bit of timeout on the query
@JiniHendrix also you can build an object that will contain all the url parameters
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:42 UTC
placeholder="cat photo URL" required>
      </div>
      <div class="col-xs-5">
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
      </div>
    </div>
  </form>
</div>
I used shift + enter, but now can't send anything.
Craig Banach
@CraigBanach
Feb 14 2016 01:42 UTC
@Pastshelfdate That worked, can you post the rest of the code?
Jin Choi
@JiniHendrix
Feb 14 2016 01:42 UTC
@wearenotgroot wow, thank you so much.
CamperBot
@camperbot
Feb 14 2016 01:42 UTC
jinihendrix sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:warning: jinihendrix already gave wearenotgroot points
Jin Choi
@JiniHendrix
Feb 14 2016 01:42 UTC
@wearenotgroot would have been stuck on this forever! thanks again
CamperBot
@camperbot
Feb 14 2016 01:42 UTC
jinihendrix sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:warning: jinihendrix already gave wearenotgroot points
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:42 UTC
Sorry, don't know why not all code displayed. Trying again.
greg
@wearenotgroot
Feb 14 2016 01:43 UTC
@JiniHendrix np
Kevin Mulligan
@kmulligan
Feb 14 2016 01:43 UTC
How do I use array.filter() to use multiple values to filter? I have it working to use one value to filter (value != false; but not sure how to add other filtering options
greg
@wearenotgroot
Feb 14 2016 01:43 UTC
@JiniHendrix you can adjust the timeout delay in milliseconds
Jin Choi
@JiniHendrix
Feb 14 2016 01:43 UTC
@wearenotgroot for sure
Craig Banach
@CraigBanach
Feb 14 2016 01:44 UTC
@kmulligan You can use a regex or check multiple conditions using && and ||
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:44 UTC
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  h2 {
    font-family: Lobster, Monospace;
  }

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

</style>

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-8">
      <h2 class="text-primary text-center">CatPhotoApp</h2>
    </div>
    <div class="col-xs-4">
      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
    </div>
  </div>
  <img src="http://bit.ly/fcc-running-cats" class="img-responsive">
  <div class="row">
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
    </div>
  </div>
  <p>Things cats <span class="text-danger">love:</span></p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="/submit-cat-photo">
    <div class="row">
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
      </div>
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Loving</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Lazy</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Crazy</label>
      </div>
    </div>
    <div class="row">
      <div class"col-xs-7">
      <input type="text" class="form-control"      placeholder="cat photo URL" required>
      </div>
      <div class="col-xs-5">
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
      </div>
    </div>
  </form>
</div>
greg
@wearenotgroot
Feb 14 2016 01:45 UTC
@JiniHendrix another thing you can specify what unit system you want whether metric or imperial
Craig Banach
@CraigBanach
Feb 14 2016 01:45 UTC
@Pastshelfdate <div class="col-xs-7">
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:45 UTC
Well, someone asked for all my code. There it is. I hope it's not too annoying.
Kevin Mulligan
@kmulligan
Feb 14 2016 01:45 UTC
@Pastshelfdate relax we are here to help
Craig Banach
@CraigBanach
Feb 14 2016 01:45 UTC
@cragsify you missed the = sign
Bill
@kirah1314
Feb 14 2016 01:45 UTC
@Pastshelfdate no worries, which challenge is this? What's the title?
Kevin Mulligan
@kmulligan
Feb 14 2016 01:45 UTC
or be helped (mostly) in my case
greg
@wearenotgroot
Feb 14 2016 01:45 UTC
@JiniHendrix just add units:'metric' or units:'imperial ' on the data object for the url
Jin Choi
@JiniHendrix
Feb 14 2016 01:46 UTC
@wearenotgroot ooo ok
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:46 UTC
@cragsify I just looked at my version of the column class, and it looked exactly the same as yours. What are you trying to say?
Jin Choi
@JiniHendrix
Feb 14 2016 01:46 UTC
@wearenotgroot jus found the API documentation after u mentioned that -_-
@wearenotgroot better late than never i guess lol
greg
@wearenotgroot
Feb 14 2016 01:46 UTC
:smile:
Craig Banach
@CraigBanach
Feb 14 2016 01:47 UTC
@Pastshelfdate on the code you posted, there is a missing = sign on the col-xs-7 class
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:47 UTC
Challenge is "Line up Form Elements Responsively with Bootstrap," which I posted way too far back in chat. Sorry.
Kyle Biancardi
@KyleBiancardi
Feb 14 2016 01:48 UTC
hey guys just a quick question its rather a simple concept and i get it however i cant seem to get passed this challenge
greg
@wearenotgroot
Feb 14 2016 01:48 UTC
@JiniHendrix also clearthe timeout when you receive the data----->clearTimeout(timer)
Bill
@kirah1314
Feb 14 2016 01:49 UTC
@Pastshelfdate, looks like @cragsify pointed out what's missing
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:49 UTC
@cragsify Ah, I see that now. The code after where the '=' is supposed to be is highlighted. Thanks, @cragsify - but now I can't get the cursor in that position. Am trying to reload page, but it's taking forever.
CamperBot
@camperbot
Feb 14 2016 01:49 UTC
pastshelfdate sends brownie points to @cragsify and @cragsify :sparkles: :thumbsup: :sparkles:
:star: 290 | @cragsify | http://www.freecodecamp.com/cragsify
:star: 290 | @cragsify | http://www.freecodecamp.com/cragsify
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:50 UTC
Page has reloaded, but I still can't position the cursor to enter the '=' in the place where it's needed.
greg
@wearenotgroot
Feb 14 2016 01:51 UTC
@Pastshelfdate ctrl + enter
Bill
@kirah1314
Feb 14 2016 01:51 UTC
yeah something's bugged on this challenge, I can't even copy the complete highlighted text
This message was deleted
Kevin Mulligan
@kmulligan
Feb 14 2016 01:52 UTC
Okay, I was going to ask for help on Falsy Bouncer. But I got this to work (on accident), but I'm not sure it is accurate in regards to NaN. I was going to ask for help on filtering out NaN.. but this worked:
function bouncer(arr) {
  // Don't show a false ID to this bouncer.

  function madeIt(value) {
    return value !== false && value !== "" && value !== null && value !==0 && value !== undefined && value;
  }

  arr = arr.filter(madeIt);


  return arr;
}

bouncer([7, "ate", "", false, 9]);
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:52 UTC
@wearenotgroot ctrl + enter submits code, but doesn't reset cursor ability. I tried shift + enter, and was able to position the cursor after that. Still, that doesn't seem familiar.
Oops must make pitstop. Be right back.
greg
@wearenotgroot
Feb 14 2016 01:53 UTC
@Pastshelfdate did you try to refresh the page?
@Pastshelfdate also try ctrl + A then ctrl + c ----> reset the challenge and paste it back
@kmulligan also try to just return val and see what happens :smile: on the filter function
Bill
@kirah1314
Feb 14 2016 01:56 UTC
@Pastshelfdate use ctrl + / to switch back
Brian
@sludge256
Feb 14 2016 01:56 UTC
Try pressing space a few times then deleting the spaces
For the code mirror cursor problem
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:57 UTC
@sludge256 I'll try that. That sounds familiar. Thanks.
CamperBot
@camperbot
Feb 14 2016 01:57 UTC
pastshelfdate sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1468 | @sludge256 | http://www.freecodecamp.com/sludge256
Pastshelfdate
@Pastshelfdate
Feb 14 2016 01:59 UTC
@kirah1314 I think you're talking about switching between chat and compose modes. I was only trying to get cursor mobility in the coding window. Thanks, anyway.
CamperBot
@camperbot
Feb 14 2016 01:59 UTC
pastshelfdate sends brownie points to @kirah1314 :sparkles: :thumbsup: :sparkles:
:star: 958 | @kirah1314 | http://www.freecodecamp.com/kirah1314
Raiden357
@raiden357
Feb 14 2016 01:59 UTC
need help "Responsively Style Radio Buttons"
sean9
@sean9
Feb 14 2016 01:59 UTC
just started my calculator and i need some help
im trying to get my ce button to clear everything but it doesnt seem to want to, the only buttons that work are ce and 1
im also not too sure why it says undefined when i click 1
Bill
@kirah1314
Feb 14 2016 02:02 UTC
@Pastshelfdate ah ok, my bad :thumbsup:
Kevin Mulligan
@kmulligan
Feb 14 2016 02:02 UTC
@wearenotgroot Ha. Hilarious. I literally hit ctrl+enter on accident and it worked and my face was :worried: :smile:
Was there a cleaner way to filter besides return value !== x, value !== y, value !== z etc ?
Craig Banach
@CraigBanach
Feb 14 2016 02:03 UTC
@sean9 you have #pervent in your jquery, but "percent" in your html
greg
@wearenotgroot
Feb 14 2016 02:03 UTC
@kmulligan well
@kmulligan here is the reason
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:04 UTC
@raiden357 I did "Responsively style radio buttons" a week or so ago. I might be able to help. I just brought it up in a tab.
greg
@wearenotgroot
Feb 14 2016 02:04 UTC
@kmulligan if value is 0, -0, null, false, NaN, undefined, or the empty string (""), the object has an initial value of false.
sean9
@sean9
Feb 14 2016 02:04 UTC
@cragsify ok i fixed that typo but it didnt solve the issue
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:04 UTC
@raiden357 What is your understanding about how to post code. in chat?
greg
@wearenotgroot
Feb 14 2016 02:04 UTC
@kmulligan so if the value is a string and a number(not 0 and negative ) it will be treated and wrap as a boolean with the value of true
Kevin Mulligan
@kmulligan
Feb 14 2016 02:05 UTC
ahh
Craig Banach
@CraigBanach
Feb 14 2016 02:05 UTC
@sean9 undefined might happen because you have initialised fristNum as a string
sean9
@sean9
Feb 14 2016 02:06 UTC
yeah i have them as strings as ill parse them later to ints
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:07 UTC
@raiden357 Did you already figure out your own solution?
Aaron Kazah
@AaronKazah
Feb 14 2016 02:07 UTC
@aaronk73 we don't have the same last name do we?
sean9
@sean9
Feb 14 2016 02:07 UTC
why do you think my clear all button doesnt work
greg
@wearenotgroot
Feb 14 2016 02:09 UTC
@sean9 you have them backwards
@sean9 the id's
@sean9 AC and CE
sean9
@sean9
Feb 14 2016 02:10 UTC
yeah
greg
@wearenotgroot
Feb 14 2016 02:10 UTC
@sean9
<button class="btn" id="clearPrev"> ac </button>
      <button class="btn" id="clearAll"> ce </button>
sean9
@sean9
Feb 14 2016 02:10 UTC
thats fine ill fix that later,
i can click both buttons but they dont seem to work as intended
Craig Banach
@CraigBanach
Feb 14 2016 02:11 UTC
@sean9 Your variables are not working
sean9
@sean9
Feb 14 2016 02:12 UTC
@cragsify what do you mean? and how do i fix it
Craig Banach
@CraigBanach
Feb 14 2016 02:13 UTC
@sean9 when you define variables at the start, it doesnt do anything
greg
@wearenotgroot
Feb 14 2016 02:13 UTC
@sean9 another thing you do know you can assign value on a button right?
sean9
@sean9
Feb 14 2016 02:14 UTC
@cragsify where/how should i define them @wearenotgroot i have no clue on how to do that
greg
@wearenotgroot
Feb 14 2016 02:14 UTC
@sean9 example------><button class="btn" id="seven" value="7">
@sean9 then on the click handle just detect which button it is by id then get the value
Craig Banach
@CraigBanach
Feb 14 2016 02:15 UTC
@sean9 I don't know, all I know is that it isn't doing anything.
sean9
@sean9
Feb 14 2016 02:16 UTC
@cragsify alright noprob, @wearenotgroot how do i get the value
greg
@wearenotgroot
Feb 14 2016 02:17 UTC
@sean9 here to get you started
experiment
$('button').click(function(e){
   var btn = e.target;

   console.log('id: ' +btn.id +' '+ btn.value);

});
@sean9 remember to add value on each and every button
creamcheesedigiorno
@creamcheesedigiorno
Feb 14 2016 02:22 UTC

function myTest(val) {
var answer = "";
// Only change code below this line

switch (val) {
case "a":
answer = "apple";
break;

case "b":
  answer = "bird";
  break;

case "c":
  answer = "cat";
  break;

default:
  answer = "stuff";

}

// Only change code above this line
return answer;
}

// Change this value to test
myTest(a);

greg
@wearenotgroot
Feb 14 2016 02:22 UTC

@sean9 what you can also try to do is add separate class on the buttons that are number and buttons that are operators on which you can select by jquery selector and apply different click handler. that way you only need to deal with displaying the number. and have a separate processing on the operators themselves

example class

btnNumbers

btnOperators

Raiden357
@raiden357
Feb 14 2016 02:22 UTC
can someone help with "Responsively Style Radio Buttons"
Milo Costanza
@milocostanza
Feb 14 2016 02:23 UTC
@JonSelig I put in your code from earlier and it still didn't work. Do you think it might be a bug
Jon Selig
@JonSelig
Feb 14 2016 02:24 UTC
@milocostanza Can you post the full snippet again? And what part is it saying you haven't completed?
greg
@wearenotgroot
Feb 14 2016 02:24 UTC
@raiden357 what you got so far?
Raiden357
@raiden357
Feb 14 2016 02:26 UTC
having trouble with "Nest each of your radio buttons inside its own div with the class col-xs-6."
and "Make sure each of your div elements has a closing tag. "
greg
@wearenotgroot
Feb 14 2016 02:26 UTC
@raiden357 nest just mean to put it between a div tag
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:27 UTC
@raiden357 Tried to reach you, earlier. @wearenotgroot know this stuff well.
greg
@wearenotgroot
Feb 14 2016 02:27 UTC
@raiden357 like so
<div>
       <input type="radio" > //<-------------good practice to have trailing / but some tags are self closing 
</div>
Kevin Mulligan
@kmulligan
Feb 14 2016 02:28 UTC
@raiden357 as @wearenotgroot is saying, this is nesting
<div><radio></radio></div>
Raiden357
@raiden357
Feb 14 2016 02:28 UTC
thanks everybody
greg
@wearenotgroot
Feb 14 2016 02:28 UTC
@Pastshelfdate i manage i guess :smile:
Taurus Colvin
@colvint
Feb 14 2016 02:28 UTC
@wearenotgroot that closing </label> tag needs an opening tag...
Raiden357
@raiden357
Feb 14 2016 02:28 UTC
@wearenotgroot @Pastshelfdate thx
CamperBot
@camperbot
Feb 14 2016 02:28 UTC
raiden357 sends brownie points to @wearenotgroot and @pastshelfdate :sparkles: :thumbsup: :sparkles:
:star: 100 | @pastshelfdate | http://www.freecodecamp.com/pastshelfdate
:star: 835 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:29 UTC
@raiden357 It may help to think of nesting elements as the beautiful sets of hand-made Russian dolls, each one inside a larger one.
greg
@wearenotgroot
Feb 14 2016 02:29 UTC
@colvint copy pasta error :smile:
Milo Costanza
@milocostanza
Feb 14 2016 02:29 UTC

These are the ones it's saying I haven't done:
Nest all of your radio buttons inside one div with the class row.
Nest each of your radio buttons inside its own div with the class col-xs-6.

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

Taurus Colvin
@colvint
Feb 14 2016 02:29 UTC
<div>
       <label>Your label here<input type="radio" /> </label>
</div>
also note the trailing slash on input
:+1:
greg
@wearenotgroot
Feb 14 2016 02:29 UTC
@colvint edit FTW
Taurus Colvin
@colvint
Feb 14 2016 02:30 UTC
good shootin'
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:33 UTC
At Hack RVA workshop club, one of the 90s kids brought in a giant Snickers bar. We're now trying to clean up a metal knife to cut it. :)
Raiden357
@raiden357
Feb 14 2016 02:34 UTC
yea it's not working, i'm shuttign down for tonight
greg
@wearenotgroot
Feb 14 2016 02:34 UTC
@Pastshelfdate what
@Pastshelfdate no body had laser ? :smile:
Bill
@kirah1314
Feb 14 2016 02:36 UTC
@Pastshelfdate a knife to cut a giant snickers bar? Wow, how big it?
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:36 UTC
@wearenotgroot Actually, they built their own laser cutter, but if we tried to use it to cut up a candy bar, I think we'd be next. Johnathan said someone tried cutting a doughnut with it, but it didn't work.
greg
@wearenotgroot
Feb 14 2016 02:36 UTC
@Pastshelfdate is it a giant snicker bar or a very tiny knife :smile:
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:40 UTC
@wearenotgroot It's about 1-1/4 inches (3 cm) thick, about 2-1/2 inches (6-7 cm) wide, and at least a foot (about 30 cm) long.
Sorry if everyone is off their diet, now.
@milocostanza How are the buttons coming along, now?
unpuzzle-shahan
@unpuzzle-shahan
Feb 14 2016 02:44 UTC
hi i’m stuck with Use a CSS Class to Style an Element
<style>
  h2 {
    color: red;
  }
</style>

<h2>Sylheti Fua</h2>

<p>Home Page</p> <p>Applications</p>

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

<h2>Sylheti Fua</h2>

<p>Home Page</p> <p>Applications</p>

Kevin Mulligan
@kmulligan
Feb 14 2016 02:44 UTC
Anyone have some links to better explain Arguments object besides MDN?
Taurus Colvin
@colvint
Feb 14 2016 02:44 UTC
@unpuzzle-shahan can help
unpuzzle-shahan
@unpuzzle-shahan
Feb 14 2016 02:44 UTC
<style>
  h2 {
    color: red;
  }
</style>

<h2>Sylheti Fua</h2>

<p>Home Page</p> <p>Applications</p>
Taurus Colvin
@colvint
Feb 14 2016 02:45 UTC
what’s your issue?
unpuzzle-shahan
@unpuzzle-shahan
Feb 14 2016 02:45 UTC
Your h2 element should have the class red-text.
Taurus Colvin
@colvint
Feb 14 2016 02:45 UTC
ah
unpuzzle-shahan
@unpuzzle-shahan
Feb 14 2016 02:45 UTC
i’m stuck here
Taurus Colvin
@colvint
Feb 14 2016 02:45 UTC
so any html element can have several attributes
one of which is class
unpuzzle-shahan
@unpuzzle-shahan
Feb 14 2016 02:46 UTC
what is attribute?
today is my friday day with coding
first**
jowright
@jowright
Feb 14 2016 02:46 UTC
am I missing something I have checked and double checked the div tags seem right and are closed
Taurus Colvin
@colvint
Feb 14 2016 02:46 UTC
<h2 class=“some-class-name-here”></h2>
Sam
@SamOBry
Feb 14 2016 02:47 UTC
i need help guys if anyone could message me please its aboout priortzing one style over another
Taurus Colvin
@colvint
Feb 14 2016 02:47 UTC
<h2 id=“some-unique-string-here” class=“some-class-name-here”></h2>
Bill
@kirah1314
Feb 14 2016 02:47 UTC
@jowright post your codes so we can look it over and respond?
Taurus Colvin
@colvint
Feb 14 2016 02:47 UTC
in the above snippet, both id and class are attributes
so your challenge can be met by setting a class attribute on your <h2> tag
Brandon
@Brandondoescode
Feb 14 2016 02:48 UTC
@SamOBry class < ID < inline < !important in increasing strength
Taurus Colvin
@colvint
Feb 14 2016 02:48 UTC
@unpuzzle-shahan see what i’m saying?
unpuzzle-shahan
@unpuzzle-shahan
Feb 14 2016 02:49 UTC
I’m trying to understand.
Sajuuk51
@Sajuuk51
Feb 14 2016 02:49 UTC
How can I center an image in a div? Trying to center the blank image on this project:
jowright
@jowright
Feb 14 2016 02:49 UTC
how do I post the code
Taurus Colvin
@colvint
Feb 14 2016 02:50 UTC
what specifically is puzzling you about that challenge?
Brandon
@Brandondoescode
Feb 14 2016 02:50 UTC
@Sajuuk51 set margin-left margin-right to auto
Bill
@kirah1314
Feb 14 2016 02:50 UTC
@jowright just copy and paste it in this chatbox
Brandon
@Brandondoescode
Feb 14 2016 02:50 UTC
@Sajuuk51 you'll also have to have the image Display: block
Sajuuk51
@Sajuuk51
Feb 14 2016 02:51 UTC
@Brandondoescode Thanks. How about vertically too?
CamperBot
@camperbot
Feb 14 2016 02:51 UTC
sajuuk51 sends brownie points to @brandondoescode :sparkles: :thumbsup: :sparkles:
:star: 134 | @brandondoescode | http://www.freecodecamp.com/brandondoescode
Taurus Colvin
@colvint
Feb 14 2016 02:51 UTC
having a class named red-text doesn’t by itself make the text red
unpuzzle-shahan
@unpuzzle-shahan
Feb 14 2016 02:51 UTC
I'm trying to figure out where to begin the code
Brandon
@Brandondoescode
Feb 14 2016 02:51 UTC
@Sajuuk51 to center it in the page do the same thing with the margin-top and margin-bottom
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:52 UTC
@jowright Actually type three back quotes, from the top left of a typical keyboard, then press shift + enter, and a second set,, will appear below, with the cursor between, for you to paste your code. Also, first switch from chat mode to compose mode first, with ctrl + /
Sajuuk51
@Sajuuk51
Feb 14 2016 02:52 UTC
thanks
Brandon
@Brandondoescode
Feb 14 2016 02:52 UTC
@Sajuuk51 do note this will not work without having the image Display: block
Taurus Colvin
@colvint
Feb 14 2016 02:52 UTC
first you need to add a class named red-text to your h2
Mahtab
@RoadToCode822
Feb 14 2016 02:52 UTC
@unpuzzle-shahan Shahan, you have to understand that HTML consists of elements, which in turn consist of attributes
Taurus Colvin
@colvint
Feb 14 2016 02:52 UTC
do that and see what you get
Mahtab
@RoadToCode822
Feb 14 2016 02:52 UTC
Attributes are additional information about elements. Each element has its own set of attributes
your h2 element has its own set of attributes
Sajuuk51
@Sajuuk51
Feb 14 2016 02:53 UTC
@Brandondoescode It doesn't seem to center vertically with:
Mahtab
@RoadToCode822
Feb 14 2016 02:53 UTC
For example, font-size, margin, etc. are attributes of h2 element
Sajuuk51
@Sajuuk51
Feb 14 2016 02:53 UTC
#aboutImg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}
Mahtab
@RoadToCode822
Feb 14 2016 02:53 UTC
Another attribute is ‘class’ attribute
jowright
@jowright
Feb 14 2016 02:54 UTC

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

<style>
h2 {
font-family: Lobster, Monospace;
}

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

</style>

<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
</div>
<img src="http://bit.ly/fcc-running-cats" class="img-responsive">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<div class="row">
<div class="col-xs-7">
<input type="text" class="form-control" placeholder="cat photo URL" required>
</div>
<div class="col-xs-5">
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i>
</button>
</div>
</div>
</form>

Brandon
@Brandondoescode
Feb 14 2016 02:55 UTC
@Sajuuk51 try:
img{
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
jowright
@jowright
Feb 14 2016 02:55 UTC
did anyone find an error of the missing div closing tag
Bill
@kirah1314
Feb 14 2016 02:56 UTC
@jowright is that what the checks are saying?
jowright
@jowright
Feb 14 2016 02:57 UTC
yes
Bill
@kirah1314
Feb 14 2016 02:58 UTC
@jowright what's the title of this challenge?
Sajuuk51
@Sajuuk51
Feb 14 2016 02:58 UTC
@Brandondoescode That worked for horizontal, but vertically it's outside of the div, changing the bottom value doesn't seem to reach the center.
Brandon
@Brandondoescode
Feb 14 2016 02:58 UTC
@Sakjuuk51 I forgot to mention that centering the image by itself is not the best practice, you should put it in a container and center the container (many will disagree with me here)
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:58 UTC
@jowright I find reading plain text code too difficult. That's why I tried to explain how to post it so it looks the way it does in the coding window. Sorry I didn't explain it enough. What did you try to do?
jowright
@jowright
Feb 14 2016 02:58 UTC
Line up Form Elements responsively with bootstrap
Brandon
@Brandondoescode
Feb 14 2016 02:58 UTC
@Sajuuk51 center the image horizontally, center the div vertically
Bill
@kirah1314
Feb 14 2016 02:59 UTC
@jowright ah ok, there are a ton of div's here, I would just reset and redo it but that's just me
Pastshelfdate
@Pastshelfdate
Feb 14 2016 02:59 UTC
@jowright No, I meant how did you try posting your code in chat?
Sam
@SamOBry
Feb 14 2016 02:59 UTC
h1 {
pink-text: pink;
}
jowright
@jowright
Feb 14 2016 03:00 UTC
right click and select all and then crtl v in chat box
Sam
@SamOBry
Feb 14 2016 03:00 UTC
cananyone help me
unpuzzle-shahan
@unpuzzle-shahan
Feb 14 2016 03:00 UTC
Your stylesheet should declare a red-text class and have its color set to red.
Brandon
@Brandondoescode
Feb 14 2016 03:02 UTC
@SamOBry Whats the question?
Pastshelfdate
@Pastshelfdate
Feb 14 2016 03:04 UTC
@jowright Okay, but it's best not to do that. Here are the steps:
(1) press ctrl + / to switch from chat mode to compose mode. There's a little gray icon near the bottom, just right of the chat stream, that looks like two cartoon word balloons overlapping. That's for chat mode. You can also click that icon to change it to a gray keyboard icon, for compose mode.
(2) Type three back quotes (top left of keyboard): (3) Press shift + enter (This will place your cursor between the above and another set of just below. (4) Now you can Ctrl + V your code between the sets of.
(5) Switch back to chat mode.
And press enter. That should do it.
Brandon
@Brandondoescode
Feb 14 2016 03:06 UTC
Test
Oh I didnt know that @Pastshelfdate Thanks!
CamperBot
@camperbot
Feb 14 2016 03:06 UTC
brandondoescode sends brownie points to @pastshelfdate :sparkles: :thumbsup: :sparkles:
:star: 107 | @pastshelfdate | http://www.freecodecamp.com/pastshelfdate
Taurus Colvin
@colvint
Feb 14 2016 03:06 UTC
@unpuzzle-shahan how’s it going?
Bill
@kirah1314
Feb 14 2016 03:06 UTC
@jowright looks like you're just missing </div> at the bottom (add it as the last line)
jowright
@jowright
Feb 14 2016 03:08 UTC
```
Bill
@kirah1314
Feb 14 2016 03:08 UTC
help format
CamperBot
@camperbot
Feb 14 2016 03:08 UTC

:point_right: code formatting [wiki]

Inline code

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

Code Block

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

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

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

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

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

Taurus Colvin
@colvint
Feb 14 2016 03:14 UTC
quick blurb on class and style:
<style>
 .person {
  color: "green";
  font-size: 10px;
}
</style>

<div class="person">
  my name is bond, james bond
</div>

<script>
$('.person').on('click', function () {
  alert('Ouch! I want you to die Mr. Bond!');
});
</script>
jeepers — that editor is annoying...
anyhow
that’s how you attach a particular “style” to a piece of html… and, as a bonus, that script tag at the bottom attaches click behavior to that same html.
both style and javascript behavior can use an element’s class attribute to act upon it.
alright, pizza time
out
aaronK
@aaronk73
Feb 14 2016 03:24 UTC
@AaronKazah i do not think so lol
aaronK
@aaronk73
Feb 14 2016 03:35 UTC
var oldArray = [1,2,3,4,5,6,7,8,9,10];

// Only change code below this line.

var newArray = oldArray.filter(function(val) {
  return val > 5 ;
});
can someone look at this code and see where my error is
DJ
@qualitymanifest
Feb 14 2016 03:37 UTC
@aaronk73 what are you supposed to return for this challenge
aaronK
@aaronk73
Feb 14 2016 03:37 UTC
You should have filtered out all values from the array that are greater than 5.
DJ
@qualitymanifest
Feb 14 2016 03:37 UTC
@aaronk73 filter throws out the values that evaluate to false
so right now you're saying val greater than 5 is true, so keep it
aaronK
@aaronk73
Feb 14 2016 03:38 UTC
its not letting me pass
Peter Steele
@PeterHSteele
Feb 14 2016 03:39 UTC
trying to do the challenge where you create a function that makes the first character of every word in a string upper case (titleCase). I feel like my code should work but it doesn't:
```
function titleCase(str) {
var words = str.split(" ");
for (var i=0;i<words.length;i++)
words[i].charAt(0).toUpperCase();
return words.join(" ");
}
DJ
@qualitymanifest
Feb 14 2016 03:39 UTC

to quote MDN saying it better

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

@aaronk73 it's not letting you pass because you're only keeping the values that are greater than 5, which is not what you want to do
@PeterHSteele strings are immutable - you can't modify them http://www.sitepoint.com/immutability-javascript/
aaronK
@aaronk73
Feb 14 2016 03:41 UTC
ok so what am i missing
Peter Steele
@PeterHSteele
Feb 14 2016 03:41 UTC
function titleCase(str) {
 var words = str.split(" ");
  for (var i=0;i<words.length;i++)
      words[i].charAt(0).toUpperCase();
  return words.join(" ");
}
Pradeep CE
@cepradeep
Feb 14 2016 03:43 UTC

@PeterHSteele words[i] is still a string. You can't change it in place with

words[i].charAt(0).toUpperCase();

You should use another variable to store it probably, before joining everything and returning it.

DJ
@qualitymanifest
Feb 14 2016 03:43 UTC
@aaronk73 https://repl.it/Bmd0 hit the run button. notice how you are keeping the values that are greater than 5. the instructions say to keep the values that are less than or equal to 5.
aaronK
@aaronk73
Feb 14 2016 03:48 UTC
@qualitymanifest thank you
CamperBot
@camperbot
Feb 14 2016 03:48 UTC
aaronk73 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 957 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
Feb 14 2016 03:49 UTC
you're wlcome :+1:
aaronK
@aaronk73
Feb 14 2016 04:01 UTC
@qualitymanifest can you help with one more
Sort Arrays with sort
var array = [1, 12, 21, 2];

// Only change code below this line.

array.sort();
DJ
@qualitymanifest
Feb 14 2016 04:03 UTC
@aaronk73 they give a good example on the left of how to sort from smallest to largest. it's a quick change to switch it to largest-smallest
aaronK
@aaronk73
Feb 14 2016 04:08 UTC
ok though it didn’t go sthrough
array.sort(function(largest,smallest){
return largest-smallest;
});
got it
LoLRabbit
@KevinStaufy
Feb 14 2016 04:09 UTC
how do i give a <div> a background color?>
like
how do i create a class
Hugo
@monkora
Feb 14 2016 04:10 UTC
@Klees422 Hi there, you would give a div a class in the html like this <div class = "classExample"></div>
@Klees422 In the css you would then go
...
.classExample{
LoLRabbit
@KevinStaufy
Feb 14 2016 04:11 UTC
@monkora what do you mean?
sorry im super confused lol
Hugo
@monkora
Feb 14 2016 04:12 UTC
@Klees422 Sorry I've messed up formatting my reply :P
thats the one im on haha and its alright :)
YounesAmini000
@YounesAmini000
Feb 14 2016 04:13 UTC
quick question. I am going through the free code camp and I am working on resizing the image in HTML but I am not sure what I did wrong thee
there
Hugo
@monkora
Feb 14 2016 04:13 UTC
@Klees422 Do you understand what a class is in html?
YounesAmini000
@YounesAmini000
Feb 14 2016 04:13 UTC

<style>.smaller-image {width:100px;} </style>
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css" class ="smaller-image">
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

LoLRabbit
@KevinStaufy
Feb 14 2016 04:13 UTC
link your code i can help you wit hthat one
@YounesAmini000
aaronK
@aaronk73
Feb 14 2016 04:15 UTC
@qualitymanifest thank you
CamperBot
@camperbot
Feb 14 2016 04:15 UTC
aaronk73 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:warning: aaronk73 already gave qualitymanifest points
LoLRabbit
@KevinStaufy
Feb 14 2016 04:15 UTC
@YounesAmini000 it seems you put your class in the wrong spot
Hugo
@monkora
Feb 14 2016 04:15 UTC
@YounesAmini000 You've not give the relaxing cat image a class - you've give it to <link> tag you used to import that font.
LoLRabbit
@KevinStaufy
Feb 14 2016 04:15 UTC
@monkora btw monkora i think i figured it out
Hugo
@monkora
Feb 14 2016 04:15 UTC
@Klees422 Ok, cool :)
LoLRabbit
@KevinStaufy
Feb 14 2016 04:16 UTC
@monkora ima try out what i think and let you know :)
YounesAmini000
@YounesAmini000
Feb 14 2016 04:16 UTC
@monkora how do I give to the image ?
LoLRabbit
@KevinStaufy
Feb 14 2016 04:16 UTC
@monkora yea i got it :D i forgot how to make a class for a few there but i figured it out haha
@YounesAmini000 it should look like this
@YounesAmini000 <a href="#"><img class="smaller-image" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>
or at least thats how mine looks and i passed the challenge
@monkora btw thanks for the help before hand you jolted my brain back into the right place haha
CamperBot
@camperbot
Feb 14 2016 04:18 UTC
klees422 sends brownie points to @monkora :sparkles: :thumbsup: :sparkles:
:star: 255 | @monkora | http://www.freecodecamp.com/monkora
YounesAmini000
@YounesAmini000
Feb 14 2016 04:18 UTC
@Klees422 Thank you!
CamperBot
@camperbot
Feb 14 2016 04:18 UTC
younesamini000 sends brownie points to @klees422 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for klees422
LoLRabbit
@KevinStaufy
Feb 14 2016 04:18 UTC
@YounesAmini000 yea what i think you did was put the class on the wrong line from what i saw haha
awe why did it not find a reciver for me
aaronK
@aaronk73
Feb 14 2016 04:20 UTC
var Array = newArray.revese();
YounesAmini000
@YounesAmini000
Feb 14 2016 04:20 UTC
@Klees422 beginner mistake? lol ;p
LoLRabbit
@KevinStaufy
Feb 14 2016 04:20 UTC
@YounesAmini000 yea its the same one i made last night haha
aaronK
@aaronk73
Feb 14 2016 04:21 UTC
will someone help me with this code. var Array = newArray.revese();
Chase Childers
@d00mb0x
Feb 14 2016 04:23 UTC
@aaronk73 Should it say .reverse(); instead of .revese();?
LoLRabbit
@KevinStaufy
Feb 14 2016 04:23 UTC
^^^
aaronK
@aaronk73
Feb 14 2016 04:24 UTC
yes caught that
what else am i missing
LoLRabbit
@KevinStaufy
Feb 14 2016 04:24 UTC
haha :shipit:
Chase Childers
@d00mb0x
Feb 14 2016 04:24 UTC
What challenge are you working on? Whats your code look like?
aaronK
@aaronk73
Feb 14 2016 04:24 UTC
Reverse Arrays with reverse
var array = [1,2,3,4,5,6,7];
var newArray = [];

// Only change code below this line.

var Array = newArray.reverse();
Chase Childers
@d00mb0x
Feb 14 2016 04:26 UTC
Try and reset your code and refresh the page? I just went to that challenge when I'm not even that far and I just put that it in and it solved just fine.
Meghana
@meghanasarikonda
Feb 14 2016 04:28 UTC
@aaronk73 at the place of newArray there should be ur array
@aaronk73 and vice versa
aaronK
@aaronk73
Feb 14 2016 04:28 UTC
@meghanasarikonda thank you
CamperBot
@camperbot
Feb 14 2016 04:28 UTC
aaronk73 sends brownie points to @meghanasarikonda :sparkles: :thumbsup: :sparkles:
:star: 247 | @meghanasarikonda | http://www.freecodecamp.com/meghanasarikonda
LoLRabbit
@KevinStaufy
Feb 14 2016 04:28 UTC
can someone help me with settitng up an ID
for a form element
Hancheng Wu
@spockmaster
Feb 14 2016 04:29 UTC
how do i implement apis?
LoLRabbit
@KevinStaufy
Feb 14 2016 04:29 UTC
nvm got it
Meghana
@meghanasarikonda
Feb 14 2016 04:29 UTC
@aaronk73 your welcome
bitgrower
@bitgrower
Feb 14 2016 04:31 UTC
@spockmaster -- implement? or use ?
aaronK
@aaronk73
Feb 14 2016 04:33 UTC
@meghanasarikonda
var string = "Split me into an array";
var array = [];

// Only change code below this line.

var array = string.splits('s');
wait
no didnt get it
var array = string.split('s');
@meghanasarikonda see my error
bitgrower
@bitgrower
Feb 14 2016 04:36 UTC
should be string.split(' ');
Hancheng Wu
@spockmaster
Feb 14 2016 04:41 UTC
@bitgrower use
aaronK
@aaronk73
Feb 14 2016 04:41 UTC
@bitgrower that looks weird
bitgrower
@bitgrower
Feb 14 2016 04:42 UTC
@spockmaster ? @aaronk73 ?
aaronK
@aaronk73
Feb 14 2016 04:43 UTC
var array = string.split('');
bitgrower
@bitgrower
Feb 14 2016 04:43 UTC
if you are going to split a string into an array, what you use will depend on where you want to split the string, and what you now about the data set ...
aaronK
@aaronk73
Feb 14 2016 04:43 UTC
correct
bitgrower
@bitgrower
Feb 14 2016 04:45 UTC
it depends on which string you are trying to split up -- the longer string with multiple words in it, or a single word ... :)
aaronK
@aaronk73
Feb 14 2016 04:46 UTC
var string = "Split me into an array";
var array = [];

// Only change code below this line.

array = string.split('   ');
bitgrower
@bitgrower
Feb 14 2016 04:47 UTC
now I really don't know what you are trying to do ... LOL ...
Roger Skeie
@rogerskeie
Feb 14 2016 04:47 UTC
@aaronk73 You should have only one space in the string split function, you have three
@aaronk73 And you don't need to define the array to split it into beforehand
bitgrower
@bitgrower
Feb 14 2016 04:50 UTC
hahahaha ... yeah, I wouldn't worry too much about extra steps or variables when folks are first trying to get stuff working ... first get it right -- then you can clean up the code, optimize it, etc ...
aaronK
@aaronk73
Feb 14 2016 04:50 UTC
it split the top sentence into [“S”, “p”, “l”, "i”,
bitgrower
@bitgrower
Feb 14 2016 04:51 UTC

@aaronk73 -- it will help if you first sit down and decide how to approach the problem ... what are the steps you need to do ?

...then figure out how to code them ...

the code looks correct
Kevin Mulligan
@kmulligan
Feb 14 2016 04:53 UTC
is the site down?
LoLRabbit
@KevinStaufy
Feb 14 2016 04:54 UTC
it shouldnt be
its up for me
bitgrower
@bitgrower
Feb 14 2016 04:56 UTC
Dewayne
@sphinxlikewayne
Feb 14 2016 04:57 UTC
Hello everyone, would one of you mind helping me out with the challenge #20 on the freecodecamp site? http://www.freecodecamp.com/challenges/import-a-google-font
LoLRabbit
@KevinStaufy
Feb 14 2016 04:57 UTC
@sphinxlikewayne what do you need help with
Dewayne
@sphinxlikewayne
Feb 14 2016 04:58 UTC
I have the lobster font link pasted at the top of my editor but im not sure how to apply it to my h2 element
LoLRabbit
@KevinStaufy
Feb 14 2016 04:58 UTC
@sphinxlikewayne can you link your code?
bitgrower
@bitgrower
Feb 14 2016 04:58 UTC
hey @sphinxlikewayne -- just fyi -- the number you see isn't the number of the challenge (they are not numbered) -- but rather the # of brownie points you have ...
Warren Moore
@WarrenGMoore
Feb 14 2016 04:58 UTC
I'm having trouble with the html challenge "Prioritize One Style Over Another". I've done everything the challenge asked yet it says I have not managed to check off "Your <style> should have a pink-text CSS class with its color set to pink."
Dewayne
@sphinxlikewayne
Feb 14 2016 04:58 UTC

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

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

p {
font-size: 16px;
font-family: Monospace;
}
</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 class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

LoLRabbit
@KevinStaufy
Feb 14 2016 04:59 UTC
@sphinxlikewayne alright sec
Dewayne
@sphinxlikewayne
Feb 14 2016 04:59 UTC
@Klees422 thanks
CamperBot
@camperbot
Feb 14 2016 04:59 UTC
sphinxlikewayne sends brownie points to @klees422 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for klees422
LoLRabbit
@KevinStaufy
Feb 14 2016 05:00 UTC
@sphinxlikewayne you seem to be missing
@Klees422 h2 {
font-family: Lobster;
}
@sphinxlikewayne from your <style>
Dewayne
@sphinxlikewayne
Feb 14 2016 05:01 UTC
ok ill looking into now
got it
hey thanks again.
LoLRabbit
@KevinStaufy
Feb 14 2016 05:03 UTC
@sphinxlikewayne was that it?
Dewayne
@sphinxlikewayne
Feb 14 2016 05:03 UTC
yes it was
LoLRabbit
@KevinStaufy
Feb 14 2016 05:03 UTC
@sphinxlikewayne alright cool :)
Warren Moore
@WarrenGMoore
Feb 14 2016 05:04 UTC
Help with the challenge "Prioritize One Style Over Another" would be much appreciated. I've done everything the challenge asked yet it says I have not managed to check off "Your <style> should have a pink-text CSS class with its color set to pink."
CamperBot
@camperbot
Feb 14 2016 05:04 UTC
no wiki entry for: with the challenge prioritize one style over another would be much appreciated ive done everything the challenge asked yet it says i have not managed to check off your style should have a pink-text css class with its color set to pink
BearHandsAHHH
@BearHandsAHHH
Feb 14 2016 05:07 UTC
```
Warren Moore
@WarrenGMoore
Feb 14 2016 05:08 UTC
It seems I was just missing a semi-colon, nevermind.
LoLRabbit
@KevinStaufy
Feb 14 2016 05:08 UTC
i feel stupid
i cant figure this out
<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }

   pink-text {
    color: pink;
  }

  </style>

<h1 class="pink-text"> Hello World!</h1>
why isnt my pinktext style working
Warren Moore
@WarrenGMoore
Feb 14 2016 05:09 UTC
@Klees422 it should be .pinktext
in the body
LoLRabbit
@KevinStaufy
Feb 14 2016 05:09 UTC
sigh
Warren Moore
@WarrenGMoore
Feb 14 2016 05:10 UTC
but not in the h1 element
LoLRabbit
@KevinStaufy
Feb 14 2016 05:10 UTC
what do you mean
i forgot the .
lol
Warren Moore
@WarrenGMoore
Feb 14 2016 05:10 UTC
yeah
LoLRabbit
@KevinStaufy
Feb 14 2016 05:10 UTC
<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }

   .pink-text {
    color: pink;
  }

  </style>

<h1 class="pink-text"> Hello World!</h1>
Warren Moore
@WarrenGMoore
Feb 14 2016 05:10 UTC
thats it
LoLRabbit
@KevinStaufy
Feb 14 2016 05:10 UTC
thats what got i passed
@WarrenGMoore thanks man
CamperBot
@camperbot
Feb 14 2016 05:10 UTC
klees422 sends brownie points to @warrengmoore :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for warrengmoore
Warren Moore
@WarrenGMoore
Feb 14 2016 05:11 UTC
Welcome!
BearHandsAHHH
@BearHandsAHHH
Feb 14 2016 05:12 UTC
<form id="cat-photo-app" action=/"submit-cat-photo">
Is this how you give the 'form' element an 'id'?
LoLRabbit
@KevinStaufy
Feb 14 2016 05:13 UTC
is it not working?
BearHandsAHHH
@BearHandsAHHH
Feb 14 2016 05:14 UTC
It does nothing when I click Run tests
LoLRabbit
@KevinStaufy
Feb 14 2016 05:14 UTC
its wqrong then
give me a sec
BearHandsAHHH
@BearHandsAHHH
Feb 14 2016 05:14 UTC
woops it's actually
<form id="cat-photo-app" action="/submit-cat-photo">
LoLRabbit
@KevinStaufy
Feb 14 2016 05:16 UTC
<form id="cat-photo-form">

<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>
@BearHandsAHHH thats for u btw ^^^
BearHandsAHHH
@BearHandsAHHH
Feb 14 2016 05:17 UTC
That still doesn't work
LoLRabbit
@KevinStaufy
Feb 14 2016 05:17 UTC
@BearHandsAHHH it should i can link my full set of code from that one if you want
<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;
  }
  .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 class="gray-background">
  <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 id="cat-photo-form">

<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>
BearHandsAHHH
@BearHandsAHHH
Feb 14 2016 05:19 UTC
oh I put "cat-photo-app" instead of "cat-photo-form"
@Klees422 Thanks
CamperBot
@camperbot
Feb 14 2016 05:19 UTC
bearhandsahhh sends brownie points to @klees422 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for klees422
LoLRabbit
@KevinStaufy
Feb 14 2016 05:19 UTC
@BearHandsAHHH yea they try to get you with that alot haha and no problem man
.
cannelflow
@cannelflow
Feb 14 2016 05:26 UTC
@anthonygallina1 thank you
CamperBot
@camperbot
Feb 14 2016 05:26 UTC
cannelflow sends brownie points to @anthonygallina1 :sparkles: :thumbsup: :sparkles:
:star: 803 | @anthonygallina1 | http://www.freecodecamp.com/anthonygallina1
Warren Moore
@WarrenGMoore
Feb 14 2016 05:29 UTC
Why does it say camperbot could not find a receiver so often?
LoLRabbit
@KevinStaufy
Feb 14 2016 05:29 UTC
no clue
i need to fix mine tho
but i dont know how
Patrick
@pwcsquared
Feb 14 2016 05:36 UTC
Hey guys! I just finished the tribute page challenge (almost), and I'm trying to figure out how to get that border above the footer like Quincy has in the example. Right now I made a custom css one but I'd like to learn how to do it entirely in bootstrap, any tips?
LoLRabbit
@KevinStaufy
Feb 14 2016 05:37 UTC
id help you if i could man but saddly i cant :( not that far yet
Patrick
@pwcsquared
Feb 14 2016 05:39 UTC
no worries
does anyone know how to share pens to the chat?
DJ
@qualitymanifest
Feb 14 2016 05:43 UTC
@WarrenGMoore @KevinStaufy it means the user needs to add their portfolio from github. on FCC you need to click your user icon and then click the top button here
Selection_109.png
LoLRabbit
@KevinStaufy
Feb 14 2016 05:45 UTC
@qualitymanifest i dont see that button
DJ
@qualitymanifest
Feb 14 2016 05:46 UTC
@KevinStaufy hm. can you paste a screenshot?
LoLRabbit
@KevinStaufy
Feb 14 2016 05:46 UTC
@qualitymanifest if i click my user icon it takes me to this page https://github.com/KevinStaufy
DJ
@qualitymanifest
Feb 14 2016 05:47 UTC
@KevinStaufy you mean, if you click it on gitter? because you need to click it on the top right corner on freecodecamp.com
LoLRabbit
@KevinStaufy
Feb 14 2016 05:48 UTC
@qualitymanifest alright i found it thought you meant on gitter i did it on FCC and hit update via github
DJ
@qualitymanifest
Feb 14 2016 05:48 UTC
about @KevinStaufy
CamperBot
@camperbot
Feb 14 2016 05:48 UTC
:star: 66 | @kevinstaufy | http://www.freecodecamp.com/kevinstaufy
DJ
@qualitymanifest
Feb 14 2016 05:48 UTC
success
LoLRabbit
@KevinStaufy
Feb 14 2016 05:48 UTC
ahh sweet :D
@qualitymanifest Thanks!
CamperBot
@camperbot
Feb 14 2016 05:49 UTC
kevinstaufy sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 958 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
Feb 14 2016 05:49 UTC
np :+1:
LoLRabbit
@KevinStaufy
Feb 14 2016 05:58 UTC
sigh
what am i doing wrong here
<style>
  body {
    background-color: rgb(0, 0, 0,);
  }
</style>
DJ
@qualitymanifest
Feb 14 2016 06:01 UTC
@KevinStaufy shouldn't be a , after the last 0
LoLRabbit
@KevinStaufy
Feb 14 2016 06:01 UTC
@qualitymanifest ahhh is all coding like this? i honestly feel like i could have stared at that all day and never noticed
DJ
@qualitymanifest
Feb 14 2016 06:02 UTC
@KevinStaufy sort of? but you'll start to pick up on it after a little while
David Weedmark
@DavidWeedmark
Feb 14 2016 06:02 UTC
@KevinStaufy heh. it's like that a lot, except when you see someone else's typos
LoLRabbit
@KevinStaufy
Feb 14 2016 06:02 UTC
i just feel like ive been doing that alot the last few days i just miss simple stuff like that just simple things i should notice i look over >.>
David Weedmark
@DavidWeedmark
Feb 14 2016 06:04 UTC
it's like that a lot in the early days, but your fingers soon learn to type things automatically
and you see mistakes just like you recognize mispelled words
LoLRabbit
@KevinStaufy
Feb 14 2016 06:04 UTC
@DavidWeedmark i sure hope so i only started about a week ago and i hope i start to get better at it haha
David Weedmark
@DavidWeedmark
Feb 14 2016 06:05 UTC
oh it really will. which assignment are you on?
@DavidWeedmark im going through these atm there pretty easy to be honesty
honest*
its changing 1 value for each one pretty much
David Weedmark
@DavidWeedmark
Feb 14 2016 06:07 UTC
they take longer to do as you go along.
DJ
@qualitymanifest
Feb 14 2016 06:07 UTC
@KevinStaufy the beginning challenges are basically "follow after me" tutorials
when you hit the algorithms and websites they kind of let you run free and that's when the challenge really begins
LoLRabbit
@KevinStaufy
Feb 14 2016 06:07 UTC
@qualitymanifest i kinda figured that once you get into further ones do they give you any help or how is it? i just got to the responsive design with bootstrap section
DJ
@qualitymanifest
Feb 14 2016 06:07 UTC
they kinda try to build you up to it
LoLRabbit
@KevinStaufy
Feb 14 2016 06:08 UTC
@DavidWeedmark ahh i figured the first ones are pretty easy
DJ
@qualitymanifest
Feb 14 2016 06:08 UTC
@KevinStaufy the help they give you at that point is suggestions for documentation to read
David Weedmark
@DavidWeedmark
Feb 14 2016 06:09 UTC
you can peek at the assignment farther down the line to see how far you'll be going soon. fortunately, they build on each other, so no one assignment is ever really impossible
LoLRabbit
@KevinStaufy
Feb 14 2016 06:09 UTC
@DavidWeedmark hmm interesting ill have to see when i get there :) i pefer to do stuff in order so i dont skip anything i need to learn!
@qualitymanifest so its more of a go read this if you need help situation?
David Weedmark
@DavidWeedmark
Feb 14 2016 06:10 UTC
oh absolutely :) I said "peek" not "try them" lol
LoLRabbit
@KevinStaufy
Feb 14 2016 06:11 UTC
@DavidWeedmark ahh i see haha anyone i should look at specifically?
DJ
@qualitymanifest
Feb 14 2016 06:11 UTC
@KevinStaufy basically, yeah. "go read this because you will be reading these exact same docs when you're 100% on your own". they just show you what ones you can/should use for those challenges. and of course there is the chat if you get really stuck
LoLRabbit
@KevinStaufy
Feb 14 2016 06:11 UTC
@qualitymanifest ahh seems pretty decent actually i thought it would just kinda leave you there with google only haha
David Weedmark
@DavidWeedmark
Feb 14 2016 06:12 UTC
I just suggested that in case you were finding it too easy now.
LoLRabbit
@KevinStaufy
Feb 14 2016 06:12 UTC
@DavidWeedmark ahhh i see
welp im totally confused on this challenge
is the html the <style> area or the stuff after </style>
or is it all of it...
DJ
@qualitymanifest
Feb 14 2016 06:13 UTC
@KevinStaufy the <style> area is where you put your CSS
@KevinStaufy so in these cases the HTML comes after </style>
LoLRabbit
@KevinStaufy
Feb 14 2016 06:13 UTC
alright
cool
so when im told to nest all of my html in a div
i should do <div> after the ending of the css?
DJ
@qualitymanifest
Feb 14 2016 06:14 UTC
@KevinStaufy yes, <div> is an HTML element
Chad Zhuang
@changda0616
Feb 14 2016 06:14 UTC

Hello everyone! I got an issue which I can’t understand for a while, and I really need u guys help :clap:

function destroyer(arr) {
// Remove all the values
for ( i = 1; i < arguments.length ; i++ ){
arr = arguments[0].filter(function(value){
if( value == arguments[i]){
return false;
}else{
return true;
}
});
}
return arr;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);

// The result will be [1,2,3,1,2,3]
// which means value == arguments[i] doesn't work

LoLRabbit
@KevinStaufy
Feb 14 2016 06:14 UTC
hmm alright let me try this out then
ahh sweet ty @qualitymanifest i got it!
i get the HTML and css confused alot
what does src stand for again?
Josh Fisk
@JoshFisk
Feb 14 2016 06:17 UTC
@KevinStaufy src stands for source
LoLRabbit
@KevinStaufy
Feb 14 2016 06:17 UTC
ahh thanks @JoshFisk
CamperBot
@camperbot
Feb 14 2016 06:17 UTC
kevinstaufy sends brownie points to @joshfisk :sparkles: :thumbsup: :sparkles:
:star: 47 | @joshfisk | http://www.freecodecamp.com/joshfisk
Josh Fisk
@JoshFisk
Feb 14 2016 06:18 UTC
@KevinStaufy href stands for hypertext reference
LoLRabbit
@KevinStaufy
Feb 14 2016 06:19 UTC
@JoshFisk sweet sometimes i mess stuff up haha
Sunil Mitkari
@mitkarisunil
Feb 14 2016 06:19 UTC
hello world
CamperBot
@camperbot
Feb 14 2016 06:19 UTC

welcome to FreeCodeCamp @mitkarisunil!

LoLRabbit
@KevinStaufy
Feb 14 2016 06:19 UTC
@mitkarisunil welcome
Sunil Mitkari
@mitkarisunil
Feb 14 2016 06:20 UTC
I want to know what is kitty ipsum text.
in html how to write it.
blob
hello any one there?
LoLRabbit
@KevinStaufy
Feb 14 2016 06:21 UTC
@mitkarisunil one sec
Sunil Mitkari
@mitkarisunil
Feb 14 2016 06:21 UTC
okay
LoLRabbit
@KevinStaufy
Feb 14 2016 06:22 UTC
@KevinStaufy <p> kitty ipsum dolor sit amet</p>
is what should be on the last line there
@mitkarisunil ^^^
Sunil Mitkari
@mitkarisunil
Feb 14 2016 06:22 UTC
Okay
LoLRabbit
@KevinStaufy
Feb 14 2016 06:22 UTC
@mitkarisunil let me know if it works
Sunil Mitkari
@mitkarisunil
Feb 14 2016 06:23 UTC
Thank you @KevinStaufy
CamperBot
@camperbot
Feb 14 2016 06:23 UTC
mitkarisunil sends brownie points to @kevinstaufy :sparkles: :thumbsup: :sparkles:
:star: 79 | @kevinstaufy | http://www.freecodecamp.com/kevinstaufy
LoLRabbit
@KevinStaufy
Feb 14 2016 06:23 UTC
@mitkarisunil no problem :)
Sunil Mitkari
@mitkarisunil
Feb 14 2016 06:23 UTC
What is this browny points?
LoLRabbit
@KevinStaufy
Feb 14 2016 06:23 UTC
@mitkarisunil how many challenges + how many people you have helped combined
@mitkarisunil like a score on the website
Sunil Mitkari
@mitkarisunil
Feb 14 2016 06:24 UTC
Where we can check that?
Josh Fisk
@JoshFisk
Feb 14 2016 06:24 UTC
profile page
LoLRabbit
@KevinStaufy
Feb 14 2016 06:24 UTC
about @mitkarisunil
CamperBot
@camperbot
Feb 14 2016 06:24 UTC
:star: 12 | @mitkarisunil | http://www.freecodecamp.com/mitkarisunil
LoLRabbit
@KevinStaufy
Feb 14 2016 06:25 UTC
you have 12 points
Chad Zhuang
@changda0616
Feb 14 2016 06:25 UTC
Hello everyone! I got an issue which bother me for a while, and I really need u guys help!! Big thanks!!!!
var code = “formatted”
function destroyer(arr) {
  // Remove all the values
    for ( i = 1; i < arguments.length ; i++ ){
        filter = arguments[i];
        arr = arguments[0].filter(function(value){
        if( value == arguments[i]){
          return false;
        }else{
          return true;
        }
      });
    }
  return arr;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
// The result will be [1,2,3,1,2,3]
// which means value == arguments[i] doesn't work
Josh Fisk
@JoshFisk
Feb 14 2016 06:25 UTC
about @changda0616
CamperBot
@camperbot
Feb 14 2016 06:25 UTC
:star: 264 | @changda0616 | http://www.freecodecamp.com/changda0616
Chad Zhuang
@changda0616
Feb 14 2016 06:25 UTC
var code = “formatted”
function destroyer(arr) {
  // Remove all the values
    for ( i = 1; i < arguments.length ; i++ ){
        filter = arguments[i];
        arr = arguments[0].filter(function(value){
        if( value == filter){
          return false;
        }else{
          return true;
        }
      });
    }
  return arr;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
// The result will be [1,1]
// which means value == arguments[i] work
Sunil Mitkari
@mitkarisunil
Feb 14 2016 06:25 UTC
okay thank you
Josh Fisk
@JoshFisk
Feb 14 2016 06:26 UTC
@changda0616 I see the problem, your doing arguments.length, not arr.length
@changda0616 Your for loop is never running
Chad Zhuang
@changda0616
Feb 14 2016 06:26 UTC
but second version is working
Josh Fisk
@JoshFisk
Feb 14 2016 06:27 UTC
i = 1; i < arguments.length ; i++
nvm
I need to think about it
Chad Zhuang
@changda0616
Feb 14 2016 06:28 UTC
ok thank u so much!!
Josh Fisk
@JoshFisk
Feb 14 2016 06:29 UTC
Well you should declare i in the function
Otherwise i is a global variable
oh...
arguments[0]
You are getting the first argument over and over
rather then using arg
arr
Try this arr = arr.filter
Chad Zhuang
@changda0616
Feb 14 2016 06:32 UTC
ok lemme try !!
Jon Selig
@JonSelig
Feb 14 2016 06:32 UTC
Can someone help my figure out why data-spy isn't working for my project? http://codepen.io/JonSelig/pen/pgGqjr
I'
ve looked at a lot of examples and can't figure it out
Josh Fisk
@JoshFisk
Feb 14 2016 06:34 UTC
Did you set body to relative?
body { position: relative; }
Jon Selig
@JonSelig
Feb 14 2016 06:35 UTC
Just did that and no difference
Josh Fisk
@JoshFisk
Feb 14 2016 06:35 UTC
Do you have jquery, and bootstrap?
Jon Selig
@JonSelig
Feb 14 2016 06:36 UTC
I'm trying to do it without jquery, just html and css/bootstrap
Josh Fisk
@JoshFisk
Feb 14 2016 06:36 UTC
it needs jquery to function
bootstrap uses jquery to use the data attributes
Jon Selig
@JonSelig
Feb 14 2016 06:38 UTC
So I just add jquery to the JS window in codepen?
Josh Fisk
@JoshFisk
Feb 14 2016 06:38 UTC
you can add it in the settings
LoLRabbit
@KevinStaufy
Feb 14 2016 06:38 UTC
 <img src="http://bit.ly/fcc-running-cats" class="img-responsive">
  <div class="row">
    <div class="col-xs-4">
  <button class="btn btn-block btn-primary">Like</button>
    </div>
      <div class="col-xs-4">
  <button class="btn btn-block btn-info">Info</button>
    </div>
        <div class="col-xs-4">
  <button class="btn btn-block btn-danger">Delete</button>
         </div>
  <p>Things cats love:</p>
Josh Fisk
@JoshFisk
Feb 14 2016 06:38 UTC
also the body being relative is important
LoLRabbit
@KevinStaufy
Feb 14 2016 06:38 UTC
someone notice anythig wrong with the div's in this?
Josh Fisk
@JoshFisk
Feb 14 2016 06:38 UTC
@KevinStaufy I do not see the closing tag of that div with the row class
LoLRabbit
@KevinStaufy
Feb 14 2016 06:39 UTC
@JoshFisk hmmm
@JoshFisk now it says my buttons are nested in with the row
Jon Selig
@JonSelig
Feb 14 2016 06:39 UTC
@JoshFisk Adding jquery worked, thanks so much!
CamperBot
@camperbot
Feb 14 2016 06:39 UTC
jonselig sends brownie points to @joshfisk :sparkles: :thumbsup: :sparkles:
:star: 48 | @joshfisk | http://www.freecodecamp.com/joshfisk
Tobias
@tobiaswik
Feb 14 2016 06:39 UTC
ah Now i see. can only join a room if the chatt is in a seperate tab
LoLRabbit
@KevinStaufy
Feb 14 2016 06:39 UTC
@JoshFisk in the div element with the class row
nvm got it
had to put it at the bottom not under the row
Tobias
@tobiaswik
Feb 14 2016 06:42 UTC
``` <form id="cat-photo-form" action="/submit-cat-photo" id="cat-photo-element">
```
aha! why dosnt this line work?
LoLRabbit
@KevinStaufy
Feb 14 2016 06:43 UTC
@tobiaswik link the challenge ur on
Jon Selig
@JonSelig
Feb 14 2016 06:44 UTC
You have 2 id tags
Tobias
@tobiaswik
Feb 14 2016 06:45 UTC
how do I combine them?
LoLRabbit
@KevinStaufy
Feb 14 2016 06:45 UTC
<form id="cat-photo-form cat-photo-element" action="/submit-cat-photo">
Tobias
@tobiaswik
Feb 14 2016 06:45 UTC

<form id="cat-photo-form cat-photo-element" action="/submit-cat-photo">

?

LoLRabbit
@KevinStaufy
Feb 14 2016 06:45 UTC
try that
yup try it
Tobias
@tobiaswik
Feb 14 2016 06:45 UTC
ah
LoLRabbit
@KevinStaufy
Feb 14 2016 06:45 UTC
did it work?
dhruvkler
@dhruvkler
Feb 14 2016 06:46 UTC
guys i am stuck on the first challenge itself "say hello to html elements" , i make the requisite changes and click on run tests but nothing happens. i am running Firefox ver 44.0.2 with no adblock
Josh Fisk
@JoshFisk
Feb 14 2016 06:46 UTC
Post code inside of ```
LoLRabbit
@KevinStaufy
Feb 14 2016 06:46 UTC
@dhruvkler need to make it say Hello World
Tobias
@tobiaswik
Feb 14 2016 06:46 UTC
nope. the background color of green goes away
Abhilash Nambiar
@PROdelision
Feb 14 2016 06:46 UTC
how to create class called smaller.image for image???
LoLRabbit
@KevinStaufy
Feb 14 2016 06:46 UTC
@tobiaswik link me the challenge your on
Tobias
@tobiaswik
Feb 14 2016 06:46 UTC
that will be one big link...
http://www.freecodecamp.com/challenges/use-an-id-attribute-to-style-an-element#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%0A%20%20.gray-background%20%7B%0A%20%20%20%20background-color%3A%20gray%3B%0A%20%20%7D%0A%20%20%0A%20%20%23cat-photo-element%20%7B%0A%20%20%20%20background-color%3A%20green%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%20class%3D%22gray-background%22%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20id%3D%22cat-photo-form%20cat-photo-element%22%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
haha holy shit
LoLRabbit
@KevinStaufy
Feb 14 2016 06:47 UTC
@tobiaswik lol only copy it up until the first #
dhruvkler
@dhruvkler
Feb 14 2016 06:47 UTC
this is what we ware supposed to enter,right?
'<h1>Hello World</h1>'
Tobias
@tobiaswik
Feb 14 2016 06:47 UTC
haha oh right! Thats a good tip. I shall remember that
LoLRabbit
@KevinStaufy
Feb 14 2016 06:47 UTC
@tobiaswik <form id="cat-photo-form cat-photo-element" action="/submit-cat-photo"> thats the line from mine
@dhruvkler <h1>Hello World</h1> no ' on them
Tobias
@tobiaswik
Feb 14 2016 06:48 UTC
<p>Hello @dhruvkler !</p>
LoLRabbit
@KevinStaufy
Feb 14 2016 06:48 UTC
@tobiaswik compare my code to yours and let me know what the diffrence is
@tobiaswik thats strange there the same yours should work
Jon Selig
@JonSelig
Feb 14 2016 06:49 UTC
@tobiaswik you're supposed to add a #cat-photo-form{} style to the top and give it the color green
You're doing something else altogether I think lol
Tobias
@tobiaswik
Feb 14 2016 06:49 UTC

its the same as yours
and within the <style> i have

cat-photo-element {

background-color: green;

}

Jon Selig
@JonSelig
Feb 14 2016 06:50 UTC
not cat-photo-element
Tobias
@tobiaswik
Feb 14 2016 06:50 UTC
with a # before
dhruvkler
@dhruvkler
Feb 14 2016 06:50 UTC
@KevinStaufy i am sorry but i coudn't really understand what you were trying to say
Jon Selig
@JonSelig
Feb 14 2016 06:50 UTC
Use the exising #cat-photo-form
Jon Selig
@JonSelig
Feb 14 2016 06:50 UTC
the form already has an id, cat-photo-element was just from the example
Sunil Mitkari
@mitkarisunil
Feb 14 2016 06:51 UTC
tag for text zomm #css
Whan Yoon
@whando
Feb 14 2016 06:51 UTC
Hey I'm stuck on this challenge! Can any tell me what I'm doing wrong? http://www.freecodecamp.com/challenges/change-the-font-size-of-an-element#
LoLRabbit
@KevinStaufy
Feb 14 2016 06:51 UTC
@whando link your code
Whan Yoon
@whando
Feb 14 2016 06:52 UTC
How do I link my code?
Whan Yoon
@whando
Feb 14 2016 06:52 UTC
Do I just copy and paste>
=
LoLRabbit
@KevinStaufy
Feb 14 2016 06:52 UTC
yea
Mauli Pandey
@pandeymauli
Feb 14 2016 06:52 UTC
I am not understanding part 4 of the challenge, it reads, "only add one class with each of your three selectors"
Whan Yoon
@whando
Feb 14 2016 06:53 UTC

@KevinStaufy here's the link to my code: <style>
.red-text {
color: red;
}
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 Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

LoLRabbit
@KevinStaufy
Feb 14 2016 06:53 UTC
your missing a ;
after 16px
p{
font-size: 16px;
}
Tobias
@tobiaswik
Feb 14 2016 06:53 UTC

still dont get how my #cat-photo-element {
background-color: green;
}

is supposed to be sorry

LoLRabbit
@KevinStaufy
Feb 14 2016 06:54 UTC
@tobiaswik its fine man dont worry everyone gets confused at points just link your full set of code ill take a look at it im not the best but ill most likely be able to help
Whan Yoon
@whando
Feb 14 2016 06:54 UTC
@KevinStaufy of course! easy error on my part. But I don't think that resolves the challenge still
Adi Prasetyo
@brutalcrozt
Feb 14 2016 06:54 UTC
@pandeymauli maybe it want only 1 class selector , look again your css selector
Tobias
@tobiaswik
Feb 14 2016 06:54 UTC
I can make the box green, if I erase cat-photo-form. but then other problems accur
Mauli Pandey
@pandeymauli
Feb 14 2016 06:54 UTC
i tried that. but it doesn't work
LoLRabbit
@KevinStaufy
Feb 14 2016 06:55 UTC
@whando what boxes are not checked for good?
Mauli Pandey
@pandeymauli
Feb 14 2016 06:55 UTC
it says use three different selectors
Whan Yoon
@whando
Feb 14 2016 06:55 UTC
Your p element should contain the first few words of the provided additional kitty ipsum text.
Do not add a class attribute to your new p element.
Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
Tobias
@tobiaswik
Feb 14 2016 06:55 UTC

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

.gray-background {
background-color: gray;
}

#cat-photo-element {
background-color: green;
}
</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 class="gray-background">
<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 id="cat-photo-element cat-photo-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>

Sunil Mitkari
@mitkarisunil
Feb 14 2016 06:55 UTC
blob
LoLRabbit
@KevinStaufy
Feb 14 2016 06:56 UTC
@whando your missing a > on your last p
@tobiaswik gimme a sec ill look it over
Adi Prasetyo
@brutalcrozt
Feb 14 2016 06:56 UTC
@pandeymauli you possibly use same selector? can you distinguish between element selector and class selector?
Mauli Pandey
@pandeymauli
Feb 14 2016 06:56 UTC
@brutalcrozt meaning?
class selector would begin $(.<class-name>)
and element selector would be $(<element-name>)
LoLRabbit
@KevinStaufy
Feb 14 2016 06:58 UTC
@tobiaswik alright so which part of the challenge is it not marking as complete
Tobias
@tobiaswik
Feb 14 2016 06:58 UTC
Give your form element the id of cat-photo-form.
Your form element should have the background-color of green.
LoLRabbit
@KevinStaufy
Feb 14 2016 06:58 UTC
@tobiaswik kk gimme a sec
Adi Prasetyo
@brutalcrozt
Feb 14 2016 06:59 UTC
@pandeymauli i don't sure about this, but maybe it's about css not jquery
Mauli Pandey
@pandeymauli
Feb 14 2016 06:59 UTC
yeah.. looks like
Whan Yoon
@whando
Feb 14 2016 06:59 UTC
@KevinStaufy I think I did add a > on my last p but it still wont help. I'm gonna call it a night. Thanks for your help though!
CamperBot
@camperbot
Feb 14 2016 06:59 UTC
whando sends brownie points to @kevinstaufy :sparkles: :thumbsup: :sparkles:
Jon Selig
@JonSelig
Feb 14 2016 06:59 UTC
@KevinStaufy Did you see my comment? I didn't mention you, but your problem was adding a new id to the form instead of using the existing one
CamperBot
@camperbot
Feb 14 2016 06:59 UTC
:star: 87 | @kevinstaufy | http://www.freecodecamp.com/kevinstaufy
LoLRabbit
@KevinStaufy
Feb 14 2016 07:00 UTC
@JonSelig yea i saw that but im not 100% sure whats up with that challenge atm because i completed it like 2 days ago and now its not saying i have all the req's completed for it
Tobias
@tobiaswik
Feb 14 2016 07:01 UTC
If i just erase the whole ''cat-photo-element'' im just missing one objective:
Your form element should have the background-color of green.
Jon Selig
@JonSelig
Feb 14 2016 07:01 UTC

Just refresh the page and add `

cat-photo-form {

background-color: green;

}` to the top

and it should pass
Dimitris Kottas
@dimitriskottas
Feb 14 2016 07:01 UTC
Can you help me with the lesson Profile Lookup
Here my code!
function lookUp(firstName, prop){
// Only change code below this line
  for (var i = 0; i < contacts.length; i++) {
    if (contacts[i].firstName === firstName && contacts[i][prop] === prop) {
      return contacts[i][prop];
    }
  }
// Only change code above this line
}
CamperBot
@camperbot
Feb 14 2016 07:01 UTC
:bulb: to format code use backticks! ``` more info
Adi Prasetyo
@brutalcrozt
Feb 14 2016 07:01 UTC
@pandeymauli look down on your css, maybe paste here
Tobias
@tobiaswik
Feb 14 2016 07:02 UTC
haha omg. cant believe it was that that was the problem
Jon Selig
@JonSelig
Feb 14 2016 07:02 UTC
code test
it works now? haha
LoLRabbit
@KevinStaufy
Feb 14 2016 07:03 UTC
@JonSelig that challenge is all over the place lol thanks for the help jon i was tryna help him but i could not figure out what was wrong haha
CamperBot
@camperbot
Feb 14 2016 07:03 UTC
kevinstaufy sends brownie points to @jonselig :sparkles: :thumbsup: :sparkles:
:star: 133 | @jonselig | http://www.freecodecamp.com/jonselig
Tony
@Rogers187
Feb 14 2016 07:03 UTC
can anyone help ive pasted all the challenges except the nest one.

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>

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

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

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

<input type="text" placeholder="cat photo URL">

<form id="cat-photo-form cat-photot-element" action="/submit-cat-photo"></form>

Tobias
@tobiaswik
Feb 14 2016 07:04 UTC

Thanks guys.
I dont know how Im supposed to do this but

Tobi sends brownies to star 393 | JonSelig and star 87 | KevinStaufy stars thumb stars

LoLRabbit
@KevinStaufy
Feb 14 2016 07:04 UTC
@tobiaswik say thanks in a message that has there name
CamperBot
@camperbot
Feb 14 2016 07:04 UTC
kevinstaufy sends brownie points to @tobiaswik :sparkles: :thumbsup: :sparkles:
:star: 46 | @tobiaswik | http://www.freecodecamp.com/tobiaswik
Adi Prasetyo
@brutalcrozt
Feb 14 2016 07:05 UTC
@Rogers187 change this
<form id="cat-photo-form cat-photot-element" action="/submit-cat-photo">
  <input type="text" placeholder="cat photo URL">
</form>
Tobias
@tobiaswik
Feb 14 2016 07:05 UTC
@KevinStaufy thanks
CamperBot
@camperbot
Feb 14 2016 07:05 UTC
tobiaswik sends brownie points to @kevinstaufy :sparkles: :thumbsup: :sparkles:
:star: 88 | @kevinstaufy | http://www.freecodecamp.com/kevinstaufy
Tobias
@tobiaswik
Feb 14 2016 07:05 UTC
ah sweet
LoLRabbit
@KevinStaufy
Feb 14 2016 07:05 UTC
there you go :)
make sure to send some jons way hes the one who figured it out
Tobias
@tobiaswik
Feb 14 2016 07:06 UTC
@JonSelig thanks
CamperBot
@camperbot
Feb 14 2016 07:06 UTC
tobiaswik sends brownie points to @jonselig :sparkles: :thumbsup: :sparkles:
:star: 134 | @jonselig | http://www.freecodecamp.com/jonselig
Tobias
@tobiaswik
Feb 14 2016 07:06 UTC
Ill have to sleep now and wake up early tomorrow morning and bake some brownies
Tony
@Rogers187
Feb 14 2016 07:06 UTC
@brutalcrozt Thanks
CamperBot
@camperbot
Feb 14 2016 07:06 UTC
rogers187 sends brownie points to @brutalcrozt :sparkles: :thumbsup: :sparkles:
LoLRabbit
@KevinStaufy
Feb 14 2016 07:06 UTC
@tobiaswik alright night man
CamperBot
@camperbot
Feb 14 2016 07:06 UTC
:star: 50 | @brutalcrozt | http://www.freecodecamp.com/brutalcrozt
Vishnu1337
@Vishnu1337
Feb 14 2016 07:06 UTC
why do i get this message after each challenge
Oops! Something went wrong. Please try again later
is that a common issue?
LoLRabbit
@KevinStaufy
Feb 14 2016 07:07 UTC
i have it happen sometimes @Vishnu1337
Jon Selig
@JonSelig
Feb 14 2016 07:07 UTC
@Vishnu1337 FreeCodeCamp/FreeCodeCamp#6958
Adi Prasetyo
@brutalcrozt
Feb 14 2016 07:07 UTC
@Rogers187 it's works?
listen to this
wiki format
Jon Selig
@JonSelig
Feb 14 2016 07:07 UTC
I filed a bug for it yesterday
Dimitris Kottas
@dimitriskottas
Feb 14 2016 07:07 UTC
@Vishnu1337 yes it is
Adi Prasetyo
@brutalcrozt
Feb 14 2016 07:07 UTC
explain format
CamperBot
@camperbot
Feb 14 2016 07:07 UTC

:point_right: code formatting [wiki]

Inline code

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

Code Block

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

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

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

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

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

sayan
@sayan1991
Feb 14 2016 07:07 UTC
can anyone help do the Make Images Mobile Responsive challenge
LoLRabbit
@KevinStaufy
Feb 14 2016 07:08 UTC
@sayan1991 watcha need help with?
sayan
@sayan1991
Feb 14 2016 07:09 UTC
cant get the new image to load
OmMinky
@OmMinky
Feb 14 2016 07:09 UTC

Hi, I'm stuck on the "stand in line" JS challenge: here is my script: function queue(arr, item) {
// Your code here

return [arr] + item ; // Change this line

}

// Test Setup
var testArr = [1,2,3,4,5];

console.log("Before: " + JSON.stringify(testArr));
testArr.shift();
console.log(queue(testArr.push[0], 6)); // Modify this line to test
console.log("After: " + JSON.stringify(testArr));

"New items can be added at the back of the queue and old items are taken off from the front of the queue.

Write a function queue which takes an array (arr) and a number (item) as arguments. Add the number to the end of the array, then remove the first element of array. The queue function should then return the element that was removed."

LoLRabbit
@KevinStaufy
Feb 14 2016 07:09 UTC
past your code please @sayan1991
sayan
@sayan1991
Feb 14 2016 07:11 UTC

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<div class="container-fluid">
<h2 class="red-text">CatPhotoApp</h2>

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

<a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-relaxing-cat"></a>
<img class="img-responsive" scr="http://bit.ly/fcc-running-cats">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

LoLRabbit
@KevinStaufy
Feb 14 2016 07:12 UTC
sec
Tony
@Rogers187
Feb 14 2016 07:12 UTC
@camperbot what is this??
Josh Fisk
@JoshFisk
Feb 14 2016 07:13 UTC
@Rogers187 He is the freecodecamp robot, he will not talk to you
@Rogers187 At least not without using a command
Ex:
help
CamperBot
@camperbot
Feb 14 2016 07:14 UTC

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
  • Algorithm BONFIRENAME info on a Algorithm

:speech_balloon: meet CamperBot in this room!

:pencil: read more about camperbot on the FCC Wiki

Adi Prasetyo
@brutalcrozt
Feb 14 2016 07:14 UTC
@Rogers187 it's a bot
sayan
@sayan1991
Feb 14 2016 07:14 UTC
@KevinStaufy thanks
CamperBot
@camperbot
Feb 14 2016 07:14 UTC
sayan1991 sends brownie points to @kevinstaufy :sparkles: :thumbsup: :sparkles:
:star: 90 | @kevinstaufy | http://www.freecodecamp.com/kevinstaufy
LoLRabbit
@KevinStaufy
Feb 14 2016 07:14 UTC
@sayan1991 im working it out atm on my code
@sayan1991 hey i figured it out
@brutalcrozt type http://bit.ly/fcc-running-cats out manually dont copy and paste it
Adi Prasetyo
@brutalcrozt
Feb 14 2016 07:15 UTC
wiki js for in
CamperBot
@camperbot
Feb 14 2016 07:15 UTC

:point_right: js for in loop [wiki]

The for..in statement iterates over the enumerable properties of an object, in arbitrary order. For each distinct property, statements can be executed.

for (variable in object) {
...
}
Required/Optional Parameter Description
Required Variable A different property name is assigned to variable on each iteration.
Optional Object Object whose enumerable properties are iterated.

MDN link | MSDN link

:pencil: read more about js for in loop on the FCC Wiki

LoLRabbit
@KevinStaufy
Feb 14 2016 07:16 UTC
@sayan1991 let me know if it works
Josh Fisk
@JoshFisk
Feb 14 2016 07:16 UTC
wiki js reduce
CamperBot
@camperbot
Feb 14 2016 07:16 UTC
no wiki entry for: js reduce
Josh Fisk
@JoshFisk
Feb 14 2016 07:16 UTC
wiki reduce
CamperBot
@camperbot
Feb 14 2016 07:16 UTC

:point_right: challenge condense arrays with reduce [wiki]

Reduce can be useful for condensing an array of numbers into one value.

var array = [4,5,6,7,8];
var singleVal = 0;
// Only change code below this line.

var singleVal = array.reduce(function(previousVal, currentVal){

  return previousVal+currentVal;

});

:pencil: read more about challenge condense arrays with reduce on the FCC Wiki

Josh Fisk
@JoshFisk
Feb 14 2016 07:17 UTC
Does that work for all challanges?
wiki nest many elements
CamperBot
@camperbot
Feb 14 2016 07:17 UTC

:point_right: challenge nest many elements within a single div element [wiki]

The div element, also known as a division element, is a general purpose container for other elements.

The div element is probably the most commonly used HTML element of all. It's useful for passing the CSS of its own class declarations down to all the elements that it contains.

Just like any other non-self-closing element, you can open a div element with <div> and close it on another line with </div>.

```

<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>
:pencil: read more about challenge nest many elements within a single div element on the FCC Wiki

Josh Fisk
@JoshFisk
Feb 14 2016 07:17 UTC
It does!
sayan
@sayan1991
Feb 14 2016 07:17 UTC
yes got it i had written scr should be src
LoLRabbit
@KevinStaufy
Feb 14 2016 07:18 UTC
@sayan1991 ahh nice i didnt notice that sorry haha :P
sayan
@sayan1991
Feb 14 2016 07:19 UTC
got it when you wrote sec in your previous coments @KevinStaufy so thanks
CamperBot
@camperbot
Feb 14 2016 07:19 UTC
sayan1991 sends brownie points to @kevinstaufy :sparkles: :thumbsup: :sparkles:
:warning: sayan1991 already gave kevinstaufy points
Brian
@sludge256
Feb 14 2016 07:20 UTC
Someone is working through the JS section on Twitch.tv if you want to tune in.
cupboard42
@cupboard42
Feb 14 2016 07:21 UTC
hey guys, i need help on the "use responsive Design with Bootstrap Fluid Containers"

  <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="container-fuild">
<h2 class="red-text">CatPhotoApp</h2>

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

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

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Crazy</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</div>
Abhilash Nambiar
@PROdelision
Feb 14 2016 07:21 UTC
unable 2 add linkedin to my portfolio...
LoLRabbit
@KevinStaufy
Feb 14 2016 07:29 UTC
guys i have a question does FCC go over any C# or c++?
sayan
@sayan1991
Feb 14 2016 07:29 UTC
@cupboard42

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

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.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;
}
.container-fluid { }
</style>

<div class="container-fluid">
<h2 class="red-text">CatPhotoApp</h2>

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

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

<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

cupboard42
@cupboard42
Feb 14 2016 07:33 UTC
@sayan1991 thank you!
CamperBot
@camperbot
Feb 14 2016 07:33 UTC
cupboard42 sends brownie points to @sayan1991 :sparkles: :thumbsup: :sparkles:
:star: 78 | @sayan1991 | http://www.freecodecamp.com/sayan1991
CamperBot
@camperbot
Feb 14 2016 07:39 UTC
no wiki entry for: me guz httpwwwfreecodecampcomchallengesimport-a-google-fontsolution0a3clink20href3d22http3a2f2ffontsgoogleapiscom2fcss3ffamily3dlobster2220rel3d22stylesheet2220type3d22text2fcss223e0a3cstyle3e0a2020red-text207b0a20202020color3a20red3b0a20202020font-family3a20lobster3b0a20207d0a0a2020p207b0a20202020font-size3a2016px3b0a20202020font-family3a20monospace3b0a20202020font-family3a20lobster3b0a7d0a3c2fstyle3e0a0a3ch220class3d22red-text223ecatphotoapp3c2fh23e0a0a3cp20class3d22red-text223ekitty20ipsum20dolor20sit20amet2c20shed20everywhere20shed20everywhere20stretching20attack20your20ankles20chase20the20red20dot2c20hairball20run20catnip20eat20the20grass20sniff3c2fp3e0a3cp20class3d22red-text223epurr20jump20eat20the20grass20rip20the20couch20scratched20sunbathe2c20shed20everywhere20rip20the20couch20sleep20in20the20sink20fluffy20fur20catnip20scratched3c2fp3e0a
cupboard42
@cupboard42
Feb 14 2016 07:40 UTC
writing 'center', and 'color' is throwing me off bc of how the Americans spell them ahaha
Sunil Mitkari
@mitkarisunil
Feb 14 2016 07:40 UTC
Help me
CamperBot
@camperbot
Feb 14 2016 07:40 UTC

:point_right: adding environment variables [wiki]

In Windows

Via GUI

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

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

Sunil Mitkari
@mitkarisunil
Feb 14 2016 07:41 UTC
Guys
Please help me
Nick Robson
@nickrobson
Feb 14 2016 07:42 UTC
Post your code here please.
This should be sufficient: