These are chat archives for FreeCodeCamp/Help

16th
Jan 2016
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:04 UTC

Evening all. Need some help with the Profile Lookup challenge (http://www.freecodecamp.com/challenges/profile-lookup). I am having difficulty working out how to access the firstName property.

I cannot work out why my for loop counter variable is not incrementing each time it runs, for example.

for (var i = 0; i < contacts.length; i++) {
      return contacts[i].firstName;
  }
Aleksander Gębicki
@Takumar
Jan 16 2016 00:05 UTC
@CarlMungazi when you write return statement you exit your loop and function :-(
So you never run next iteration of your loop.
Vivek
@vivek28111992
Jan 16 2016 00:05 UTC
@CarlMungazi don't return
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:06 UTC
Thanks. What should I put in its place?
Aleksander Gębicki
@Takumar
Jan 16 2016 00:07 UTC
@CarlMungazi you should check some conditions in this loop and return only if you find correct record in your table.
@CarlMungazi you have your instruction:
The function should check if firstName is an actual contact's firstName and the given property (prop) is a property of that contact.
If both are true, then return the "value" of that property.
@CarlMungazi You should also return value of prop property not always firstName.
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:10 UTC
Ah, is this the classic if statement within a for loop solution?
Aleksander Gębicki
@Takumar
Jan 16 2016 00:10 UTC
@CarlMungazi very classic. i.e. you are looking in your loop name "Akira" and return what he likes when you find him.
Scott Brenner
@ScottBrenner
Jan 16 2016 00:11 UTC
But that's O(n), we can do better!
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:13 UTC
@Takumar thanks. How do I return both the prop and firstName?
CamperBot
@camperbot
Jan 16 2016 00:13 UTC
carlmungazi sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 1758 | @takumar | http://www.freecodecamp.com/takumar
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:14 UTC
My first time returning the arguments in this way
Vivek
@vivek28111992
Jan 16 2016 00:14 UTC
@CarlMungazi first check firstName
Aleksander Gębicki
@Takumar
Jan 16 2016 00:14 UTC
@CarlMungazi firstName is a property so you don't have to return both :-)
Vivek
@vivek28111992
Jan 16 2016 00:14 UTC
if true then check for prop value
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:15 UTC
Are we talking nested if statements here?
Vivek
@vivek28111992
Jan 16 2016 00:15 UTC
@CarlMungazi yes
Maciej Bembenista
@macbem
Jan 16 2016 00:22 UTC
else if (nextIndex-1 !==0 && $(window).width() > 500) {
                $('li').css("background-color", rgba(0, 0, 0, 0.1));
            };
What's wrong with this LOC? It breaks my website's code when uncommented ;-;
Coding Warrior
@CodingWarrior
Jan 16 2016 00:23 UTC
div element has class container-fluid ... how do i nest all HTML elements in .container-fluid
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:25 UTC
Thoughts?
for (var i = 0; i < contacts.length; i++) {
      if (firstName === contacts[i].firstName) {
        if (prop === contacts[i][prop]) {
          return prop;
        } else {
            return "No such property";
        }
        return firstName;
      } else {
          return "No such contact";
      }   
  }
The else statements are passing the test but the ifs are not..
Maciej Bembenista
@macbem
Jan 16 2016 00:30 UTC
paste your whole function here, @CarlMungazi
Scott Brenner
@ScottBrenner
Jan 16 2016 00:30 UTC
@CodingWarrior Like this?
<div class="container-fluid">
   <all HTML elements here>
</div>
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:31 UTC
function lookUp(firstName, prop){
// Only change code below this line

  for (var i = 0; i < contacts.length; i++) {
      if (firstName === contacts[i].firstName) {
        if (firstName === contacts[i][prop]) {
          return prop;
        } else {
            return "No such property";
        }
        return firstName;
      } else {
          return "No such contact";
      }   
  }



// Only change code above this line
}

// Change these values to test your function
lookUp("Kristian", "likes");
Utkarsh Bhimte
@Utkarshbhimte
Jan 16 2016 00:31 UTC
function rot13(str) { // LBH QVQ VG!
  var a = [];
  var b = str[0];

  a =str.charCodeAt(str[1]);
  return a;
}

// Change the inputs below to test
rot13("SERR PBQR PNZC");
Why is c getting sa null value?
Maciej Bembenista
@macbem
Jan 16 2016 00:31 UTC
try
Pawan
@pawan92
Jan 16 2016 00:33 UTC
@CarlMungazi whats wrong with that
Maciej Bembenista
@macbem
Jan 16 2016 00:33 UTC
function lookUp(firstName, prop){
// Only change code below this line

  for (var i = 0; i < contacts.length; i++) {
      if (firstName === contacts[i].firstName) {
        if (contacts[i].hasOwnProperty(prop) {
          return contacts[i][prop];
        } 
       else { return "No such property"; }
      } /*if #1*/
      }   /*for*/
  else {
          return "No such contact"; }



// Only change code above this line
}

// Change these values to test your function
lookUp("Kristian", "likes");
should work just fine, but I haven't checked it
also, why is there a return firstName thing? O.o
tommy
@tommygebru
Jan 16 2016 00:35 UTC
@ScottBrenner
<!--looks good , also this is a comment in html-->
Scott Brenner
@ScottBrenner
Jan 16 2016 00:36 UTC
:thumbsup:
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:37 UTC
No luck @noczesc
Maciej Bembenista
@macbem
Jan 16 2016 00:38 UTC
@CarlMungazi i've edited my message, try again
tommy
@tommygebru
Jan 16 2016 00:38 UTC
@CarlMungazi
good effort... have you fixed the errors in the editor yet?
Maciej Bembenista
@macbem
Jan 16 2016 00:38 UTC
@CarlMungazi wait, i've messed up
function lookUp(firstName, prop){
// Only change code below this line

  for (var i = 0; i < contacts.length; i++) {
      if (firstName === contacts[i].firstName) {
        if (contacts[i].hasOwnProperty(prop) {
          return contacts[i][prop];
        } 
       else { return "No such property"; }
      } /*if #1*/
      }   /*for*/
  else {
          return "No such contact"; }



// Only change code above this line
}

// Change these values to test your function
lookUp("Kristian", "likes");
how about this?
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:43 UTC
@noczesc still nothing...
@tommygebru working on it!
Robert
@robert197
Jan 16 2016 00:43 UTC
with which framework the freecodecamp website was build?
smth like django or nodejs maybe symfony or laravel?
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:44 UTC
@robert197 I think you can check the github account and work it out from the files
Scott Brenner
@ScottBrenner
Jan 16 2016 00:45 UTC
Looks like Node.js and MongoDB https://github.com/FreeCodeCamp/FreeCodeCamp
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:45 UTC
@robert197 - https://github.com/FreeCodeCamp/FreeCodeCamp. Looks to be nodeJS
Robert
@robert197
Jan 16 2016 00:46 UTC
ye its node
Maciej Bembenista
@macbem
Jan 16 2016 00:46 UTC
function lookUp(firstName, prop){
// Only change code below this line
for (var i = 0; i < contacts.length; i++) {
      if (firstName === contacts[i].firstName) {
        if (contacts[i].hasOwnProperty(prop))
            {
          return contacts[i][prop];
            } 
        else
          {
            return "No such property";
          }
      }
}

          return "No such contact";
// Only change code above this line
}
@CarlMungazi I've checked it, it's working (:
Robert
@robert197
Jan 16 2016 00:47 UTC
but sad that they dont use angular
Maciej Bembenista
@macbem
Jan 16 2016 00:47 UTC
new fcc's look is so bad... I've liked the previous one better + the code editor was neater
the new one doesn't resize when there's more code
fortunately, I've moved on toward ziplines and I don't have to put up with it
Robert
@robert197
Jan 16 2016 00:49 UTC
fcc makes me addicted o.O
Phantomlombax
@Phantomlombax
Jan 16 2016 00:50 UTC
They reset my entire history and now the run tests button dose not work.
tommy
@tommygebru
Jan 16 2016 00:51 UTC
@Phantomlombax is this for every challenge?
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:52 UTC
Thanks @noczesc. Looking at your solution, I take it when nesting if statements you only need to return the innermost one? Also, I can see that I should have used the hasOwnProperty() method.
CamperBot
@camperbot
Jan 16 2016 00:52 UTC
carlmungazi sends brownie points to @noczesc :sparkles: :thumbsup: :sparkles:
:star: 316 | @noczesc | http://www.freecodecamp.com/noczesc
Maciej Bembenista
@macbem
Jan 16 2016 00:53 UTC
@CarlMungazi you have to return "no such contact" when you've looped through the entire object and made sure that there's no such contact - if this return statement was in the loop, it'd go off if the first contact wouldn't match the firstName argument
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 00:56 UTC
Hi, I am not able to solve this problem, can anyone help me please.
blob
tommy
@tommygebru
Jan 16 2016 00:56 UTC
@CarlMungazi nice :+1:
@HaroonGhawsi with this new data create an object
var myObject = {property:value};
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 00:58 UTC
This is my code
blob
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:58 UTC
Ah, that makes sense
FarionLord
@FarionLord
Jan 16 2016 00:58 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;
  }
</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>
<form action="/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="outdoor"> Outdoor</label>
Carl Mungazi
@CarlMungazi
Jan 16 2016 00:58 UTC
@noczesc thanks for the pointers. and cheers @tommygebru
CamperBot
@camperbot
Jan 16 2016 00:58 UTC
carlmungazi sends brownie points to @noczesc and @tommygebru :sparkles: :thumbsup: :sparkles:
:warning: carlmungazi already gave noczesc points
:star: 345 | @tommygebru | http://www.freecodecamp.com/tommygebru
FarionLord
@FarionLord
Jan 16 2016 00:58 UTC
"Give your radio buttons the name attribute of indoor-outdoor."?
Maciej Bembenista
@macbem
Jan 16 2016 01:00 UTC
@CarlMungazi you're welcome (:
mthussey
@mthussey
Jan 16 2016 01:00 UTC
why can't I close the "map" and "chat window" box on the right of the screen? anyone else have this problem? I'm using a mac so that might be part of the problem
tommy
@tommygebru
Jan 16 2016 01:00 UTC
@HaroonGhawsi great :+1:
so you have created an object within a function of the same name....
reread the instructions
change the variable name
Maciej Bembenista
@macbem
Jan 16 2016 01:00 UTC
@mthussey report a bug and tell fcc staff that there's poor Safari support
Robert
@robert197
Jan 16 2016 01:00 UTC
@FarionLord you have to add same name to every radio button. indoor-outdoor to both
mthussey
@mthussey
Jan 16 2016 01:01 UTC
it does the same thing in firefox (on my mac), so might be a mac thing?
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:01 UTC
@tommygebru I have renamed it to lookup
I am not able to reference to the function parameter
Maciej Bembenista
@macbem
Jan 16 2016 01:01 UTC
@mthussey I heavily doubt it, but report it anyway (:
Carl Mungazi
@CarlMungazi
Jan 16 2016 01:02 UTC
Random question: Has anyone tried posting code examples on Tumblr using Markdown?
tommy
@tommygebru
Jan 16 2016 01:02 UTC
@HaroonGhawsi
also remember previous lessons of how to access an object
http://www.freecodecamp.com/challenges/access-array-data-with-indexes
Robert
@robert197
Jan 16 2016 01:02 UTC
@mthussey i use mac i have no issues
Jon Spencer
@batboy138
Jan 16 2016 01:02 UTC
function multiplyAll(arr) {
  var product = 1;
  // Only change code below this line
  for(var i = 0; i < multiplyAll.length; i++){
    arr += multiplyAll;
  }
  // Only change code above this line
  return product;
}

// Modify values below to test your code
multiplyAll([[1,2],[3,4],[5,6,7]]);
I'm working on Nesting For Loops and I'm stuck. Can I get some help please?
Carl Mungazi
@CarlMungazi
Jan 16 2016 01:02 UTC
@batboy138 what's the link to the exercise?
@batboy138 multiplyAll is the name of the function and as far as I know has no value but arr does
Jon Spencer
@batboy138
Jan 16 2016 01:04 UTC
Maciej Bembenista
@macbem
Jan 16 2016 01:08 UTC
@batboy138 you have to write a for loop inside your for loop. remember to use something different instead of i in your deeper loop
Carl Mungazi
@CarlMungazi
Jan 16 2016 01:08 UTC
@batboy138 - have a look at the example code on the left panel again.
It will give you big pointers
tommy
@tommygebru
Jan 16 2016 01:08 UTC
@HaroonGhawsi how are you doing?
Maciej Bembenista
@macbem
Jan 16 2016 01:08 UTC
guys, may I ask you a favor?
anyone with a smartphone nearby?
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:10 UTC
@tommygebru I am still thinking to link val with the object
tommy
@tommygebru
Jan 16 2016 01:11 UTC
@HaroonGhawsi :+1: have you tried it ?
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:11 UTC
I know how to use objects but to run the function I want to relate the parameter.
I working on it
update you ASAP.
tommy
@tommygebru
Jan 16 2016 01:11 UTC
@HaroonGhawsi use the parameter
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:11 UTC
ok
@tommygebru
blob
Maciej Bembenista
@macbem
Jan 16 2016 01:14 UTC
@HaroonGhawsi why did you change code above the line?
tommy
@tommygebru
Jan 16 2016 01:14 UTC
@HaroonGhawsi you should try to access the object lookup with the parameter val
and also pay attention to the comments
they are specific to each exercise!
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:15 UTC
@tommygebru ok. let me try again
sure
Jon Spencer
@batboy138
Jan 16 2016 01:15 UTC
function multiplyAll(arr) {
  var product = 1;
  // Only change code below this line
  for(var i = 0; i < arr.length; i++){
    for(var x = 0; x < arr.length, x++){
      console:log(arr[i][x]);
    }   
  }; 
}
It's still not working.
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:16 UTC
@tommygebru how to share the code in Gitter without screen shot?
Donald
@codescout811
Jan 16 2016 01:18 UTC
can somebody help me? add borders around elements.
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:18 UTC
@tommygebru
tommy
@tommygebru
Jan 16 2016 01:19 UTC
@HaroonGhawsi three backticks``` above and below the lines of code
to move down a line press shift and enter :smile:
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:19 UTC
blob
@HaroonGhawsi
how your variable lookup should look
var myObj[someProp]; // "the long list of names"
Steven Ferrari
@to-be-an-ocean
Jan 16 2016 01:21 UTC
can get some help
tommy
@tommygebru
Jan 16 2016 01:21 UTC
@to-be-an-ocean welcome
Steven Ferrari
@to-be-an-ocean
Jan 16 2016 01:22 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;
}
.smaller-image {
width: 100px;
}
</style>

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

<img class=".smaller-image"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>

im trying to shrink an image and make it a class but its not working
Chris Aitken
@cademis
Jan 16 2016 01:23 UTC
take the period out of your class=".smaller-image"
so it looks like
<img class="smaller-image"src="https://bit.ly/fcc-relaxing-cat">
Steven Ferrari
@to-be-an-ocean
Jan 16 2016 01:24 UTC
@cademis ok its still not working
@cademis nevermind i got it, thanks bro
CamperBot
@camperbot
Jan 16 2016 01:25 UTC
to-be-an-ocean sends brownie points to @cademis :sparkles: :thumbsup: :sparkles:
:star: 23 | @cademis | http://www.freecodecamp.com/cademis
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:25 UTC
blob
@tommygebru
Chris Aitken
@cademis
Jan 16 2016 01:26 UTC
Is it showing correctly on the preview? Im actually stuck on the same question. My preview is correct but the editor wont let me progress (ctrl+enter)
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

  .smaller-image {

    width: 100px;

  }
</style>

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

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
task name - Size you image
Donald
@codescout811
Jan 16 2016 01:27 UTC
thanks @tommygebru
CamperBot
@camperbot
Jan 16 2016 01:27 UTC
codescout811 sends brownie points to @tommygebru :sparkles: :thumbsup: :sparkles:
:star: 346 | @tommygebru | http://www.freecodecamp.com/tommygebru
tommy
@tommygebru
Jan 16 2016 01:29 UTC
@HaroonGhawsi
lets remove line 17
and add
result=lookup[val];
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:31 UTC
@tommygebru done
Thanks
tommy
@tommygebru
Jan 16 2016 01:32 UTC
@HaroonGhawsi
nice :+1:
Everyone please share the name and link of the Waypoint Challenge :smile:
Chris Aitken
@cademis
Jan 16 2016 01:36 UTC
Hi - I'm looking for help. I'm not able to progress pass task "size your image" with the following code. What am I doing wrong? the preview looks correct.
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
    .smaller-image {
    width: 100px;
  }
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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


</style>

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

<img class="smaller-image"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>
Alexander Køpke
@alexanderkopke
Jan 16 2016 01:41 UTC
maybe a space between src and image" is needed <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
Robert
@robert197
Jan 16 2016 01:42 UTC
ydp
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:45 UTC
@tommygebru Please guide me where I am lacking for this challenge,
eduwin7
@eduwin7
Jan 16 2016 01:45 UTC
how do i comment out a code?
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:45 UTC
blob
atjeff
@atjeff
Jan 16 2016 01:46 UTC
@eduwin7 which language ?
eduwin7
@eduwin7
Jan 16 2016 01:46 UTC
html
Alexander Køpke
@alexanderkopke
Jan 16 2016 01:46 UTC
atjeff
@atjeff
Jan 16 2016 01:47 UTC
yes
a ! to signal that the comment is beginning
eduwin7
@eduwin7
Jan 16 2016 01:47 UTC
great. its giving me a difficult time. thanks alot!
Robert
@robert197
Jan 16 2016 01:48 UTC
@HaroonGhawsi you need to use objectName[keyName]
tommy
@tommygebru
Jan 16 2016 01:50 UTC
@HaroonGhawsi
This is an anonymous function
function(){};
This is a function with a name
function name(){};
A name of a function has no value
but the parameter of the function does
function name(parameter){execute code};
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:50 UTC
@robert197 @tommygebru alright. thanks
CamperBot
@camperbot
Jan 16 2016 01:50 UTC
haroonghawsi sends brownie points to @robert197 and @tommygebru :sparkles: :thumbsup: :sparkles:
:star: 347 | @tommygebru | http://www.freecodecamp.com/tommygebru
:star: 66 | @robert197 | http://www.freecodecamp.com/robert197
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:50 UTC
Let me try
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:52 UTC
@tommygebru
blob
tommy
@tommygebru
Jan 16 2016 01:52 UTC
@HaroonGhawsi
you were doing fine earlier you used the wrong name
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:53 UTC
@tommygebru I get confused when I have to give a parameter a value.
tommy
@tommygebru
Jan 16 2016 01:54 UTC
@HaroonGhawsi
look at the comment at the bottom it has already given checkProp a value
also a parameter is nothing more than another variable
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:54 UTC
@tommygebru Ok
tommy
@tommygebru
Jan 16 2016 01:56 UTC
@HaroonGhawsi
also
http://www.w3schools.com/js/js_functions.asp is a good resource it explains the basics html, css , javascript really good, tons of examples and exercises :smile:
eduwin7
@eduwin7
Jan 16 2016 01:56 UTC
Leave your h2 element uncommented so that it is visible on your page. help me with this
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 01:57 UTC
@tommygebru Ok thanks
CamperBot
@camperbot
Jan 16 2016 01:57 UTC
haroonghawsi sends brownie points to @tommygebru :sparkles: :thumbsup: :sparkles:
:warning: haroonghawsi already gave tommygebru points
eduwin7
@eduwin7
Jan 16 2016 01:59 UTC
Leave your h2 element uncommented so that it is visible on your page. help please
cannelflow
@cannelflow
Jan 16 2016 02:00 UTC
@eduwin7 which ex?
tommy
@tommygebru
Jan 16 2016 02:00 UTC
@eduwin7 please always share Challenge Title and Link :smile:
eduwin7
@eduwin7
Jan 16 2016 02:00 UTC
html
cannelflow
@cannelflow
Jan 16 2016 02:01 UTC
@eduwin7 this is //comment so for uncommenting remove // from there
@tommygebru :+1:
tommy
@tommygebru
Jan 16 2016 02:02 UTC
@eduwin7 Comment tags <!-- and --> are used to insert comments in HTML.
also http://www.w3schools.com/html/html_comments.asp
eduwin7
@eduwin7
Jan 16 2016 02:03 UTC
its waypoint: comment out html
cannelflow
@cannelflow
Jan 16 2016 02:04 UTC
@eduwin7 remove comment from h2
eduwin7
@eduwin7
Jan 16 2016 02:05 UTC
Leave your h2 element uncommented so that it is visible on your page
cannelflow
@cannelflow
Jan 16 2016 02:06 UTC
@eduwin7 take out your h2 tag from <!---html--->
tommy
@tommygebru
Jan 16 2016 02:06 UTC
@eduwin7 this is a comment <!-- and --> now remove it
eduwin7
@eduwin7
Jan 16 2016 02:06 UTC
okay let me see
tommy
@tommygebru
Jan 16 2016 02:06 UTC
@eduwin7 also if you are having trouble reset the exercise and try again !
cannelflow
@cannelflow
Jan 16 2016 02:06 UTC
@eduwin7 @tommygebru but h1 and p should in comment
eduwin7
@eduwin7
Jan 16 2016 02:08 UTC
I am suppose to comment out so that it is visible on my page
cannelflow
@cannelflow
Jan 16 2016 02:08 UTC
@eduwin7 yes for h2
eduwin7
@eduwin7
Jan 16 2016 02:09 UTC
So I need to delete whats in side of <h2> </h2>
cannelflow
@cannelflow
Jan 16 2016 02:10 UTC
@eduwin7
<!--
<h1>Hello World</h1>
-->
<h2>CatPhotoApp</h2>
<!--
<p>Hello Paragraph</p>
-->
tommy
@tommygebru
Jan 16 2016 02:10 UTC
@eduwin7 I believe they want the tags to disappear too!
but also the console should give a hint to what you are doing
pranavsaktHi
@pranavsaktHi
Jan 16 2016 02:11 UTC
how do I give my form element the id in HTML
cannelflow
@cannelflow
Jan 16 2016 02:11 UTC
@pranavsaktHi <form id="xyz"></form>
Robbie
@centraleft
Jan 16 2016 02:11 UTC
<form id='id'>
tommy
@tommygebru
Jan 16 2016 02:11 UTC
@pranavsaktHi always share the Challenge title and link please
eduwin7
@eduwin7
Jan 16 2016 02:11 UTC
you are the man
pranavsaktHi
@pranavsaktHi
Jan 16 2016 02:11 UTC
thanks @cannelflow
CamperBot
@camperbot
Jan 16 2016 02:11 UTC
pranavsakthi sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 424 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Jan 16 2016 02:12 UTC
@eduwin7 worked?
pranavsaktHi
@pranavsaktHi
Jan 16 2016 02:12 UTC
thanks @centraleft
CamperBot
@camperbot
Jan 16 2016 02:12 UTC
pranavsakthi sends brownie points to @centraleft :sparkles: :thumbsup: :sparkles:
:star: 281 | @centraleft | http://www.freecodecamp.com/centraleft
pranavsaktHi
@pranavsaktHi
Jan 16 2016 02:12 UTC
both of helped me
cannelflow
@cannelflow
Jan 16 2016 02:12 UTC
@pranavsaktHi :+1:
tommy
@tommygebru
Jan 16 2016 02:16 UTC
@eduwin7 how you doing?
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 02:19 UTC
@tommygebru Please help me in 207 Testing Objects for Properties
I am kind of confused.
cannelflow
@cannelflow
Jan 16 2016 02:19 UTC
@HaroonGhawsi tried something?
Robbie
@centraleft
Jan 16 2016 02:19 UTC
what are you confused about?
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 02:20 UTC
@cannelflow
blob
Challenge Modify the function checkObj to test myObj for checkProp. If the property is found, return that property's value. If not, return "Not Found".
Robbie
@centraleft
Jan 16 2016 02:21 UTC
your return statement is wrong
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 02:22 UTC
@centraleft What should be a suitable return statement for this challenge?
Robbie
@centraleft
Jan 16 2016 02:22 UTC
did you skip any challenges? you're going to want to use conditional statements to pull that off. You've got the property checking down, but your code is returning the wrong things
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 02:22 UTC
return checkObj();
Robbie
@centraleft
Jan 16 2016 02:23 UTC
@HaroonGhawsi you don't want to return a function; a return is a keyword a function uses to give back data after it follows the instructions you give it
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 02:23 UTC
No. should I use if statement for the value and "Not Found"
Robbie
@centraleft
Jan 16 2016 02:23 UTC
hasOwnProperty returns a boolean (true or false) value
cannelflow
@cannelflow
Jan 16 2016 02:23 UTC
@HaroonGhawsi myObj.hasOwnProperty("top") you have missing ""own your checkprop
Robbie
@centraleft
Jan 16 2016 02:24 UTC
an if statement will check if something is true, and then execute a specific line of code
you can follow it with an else statement, so that if it is false you can execute a different line of code
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 02:24 UTC
alright. let me put it in a if statement
alright. thanks
blob
Robbie
@centraleft
Jan 16 2016 02:29 UTC

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty

"The hasOwnProperty() method returns a boolean indicating whether the object has the specified property."

your

if (checkProp === myObj.hasOwnProperty())

essentially says

if (checkProp === true)
which will most likely return false
tommy
@tommygebru
Jan 16 2016 02:31 UTC
@centraleft :+1:
FarionLord
@FarionLord
Jan 16 2016 02:31 UTC
@robert197 thanks
CamperBot
@camperbot
Jan 16 2016 02:31 UTC
farionlord sends brownie points to @robert197 :sparkles: :thumbsup: :sparkles:
:star: 67 | @robert197 | http://www.freecodecamp.com/robert197
Jon Spencer
@batboy138
Jan 16 2016 02:32 UTC
function multiplyAll(arr) {
  var product = 1;
  // Only change code below this line
  for(var i = 0; i < arr.length; i++){
    for(var x = 0; x < arr.length, x++){
      console.log(arr[i][x]);
    }   
  }
}
I'm still struggling with this.
Benjamin Starling
@bstarling
Jan 16 2016 02:33 UTC
@batboy138 console:log(arr[i][x]); syntax is console.log
Jon Spencer
@batboy138
Jan 16 2016 02:33 UTC
@nigeltea That was a typo. My bad.
Robbie
@centraleft
Jan 16 2016 02:34 UTC
@batboy138 your second for loop has an error
tommy
@tommygebru
Jan 16 2016 02:34 UTC
@batboy138
also console.log is logging only x, the last index
Robbie
@centraleft
Jan 16 2016 02:35 UTC
unless all your arrays happen to be the same length
Jon Spencer
@batboy138
Jan 16 2016 02:36 UTC
@centraleft What's the error? Other than arr.length,? That's also a typo.
Robbie
@centraleft
Jan 16 2016 02:37 UTC
should be arr[i].length
but if you just made a typo then idk
Benjamin Starling
@bstarling
Jan 16 2016 02:37 UTC
@batboy138 that is where both errors are. You're rechecking the length of larger array, you want the length of the "sub" array.
Jon Spencer
@batboy138
Jan 16 2016 02:39 UTC
 for(var i = 0; i < arr.length; i++){
    for(var x = 0; x < arr[i].length; x++){
      console.log(arr[i][x]);
    }   
  }
Now what do I need?
@tommygebru How do I get it to log [I] and [x]?
Benjamin Starling
@bstarling
Jan 16 2016 02:43 UTC
What do the instructions say? Is this the one to multiply all numbers together? @batboy138
Jon Spencer
@batboy138
Jan 16 2016 02:44 UTC
@nigeltea Yes. these are the instructions: Modify function multiplyAll so that it multiplies the product variable by each number in the sub-arrays of arr.
Benjamin Starling
@bstarling
Jan 16 2016 02:45 UTC
so you need to replace console.log with the logic to track the product in the product variable. based on what you have there, you know you access the individual numbers using arr[i][x]
Jon Spencer
@batboy138
Jan 16 2016 02:47 UTC
@nigeltea But what do I replace it with?
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 02:47 UTC
Hi all
Jon Spencer
@batboy138
Jan 16 2016 02:47 UTC
I tried return but it didn't work.
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 02:47 UTC
var oldArray = [1,2,3,4,5];
var newArray = [];

// Only change code below this line.

 oldArray.map(function(val){
      return  val + 3;
             });

newArray = oldArray;
somebody help me i need to add 3 to each element in the oldArray by using Map method
Benjamin Starling
@bstarling
Jan 16 2016 02:48 UTC
@batboy138 Won't help to just give you the answer but something like product = <logicToUpdateProduct> then return product at the end of the outter loop
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 02:48 UTC
map iterator
challenge 239
eduwin7
@eduwin7
Jan 16 2016 02:49 UTC
need help: Use CSS Selectors to Style Elements

<h2 style="color: red">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>

Remove the style attribute from your h2 element.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
Make sure all your style elements are valid and have a closing tag.
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 02:51 UTC
@eduwin7 make style tags and there you can do any css operation
instead of putting them in h2 tags
Benjamin Starling
@bstarling
Jan 16 2016 02:51 UTC
@sukumarkutagulla you need to create a new array to save the values you are creating to then return that array.
eduwin7
@eduwin7
Jan 16 2016 02:52 UTC
I did. but need to make my h2 element blue. and remove the style attribute from my h2 element
Benjamin Starling
@bstarling
Jan 16 2016 02:52 UTC
@sukumarkutagulla you are going through the logic in your code but you are not assigning it to a variable to store it.
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 02:52 UTC
copy the same which is there in h2 element and put it in style tags
@nigeltea let me try again
cannelflow
@cannelflow
Jan 16 2016 02:53 UTC
@eduwin7 ?
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 02:53 UTC
@nigeltea got it
thanks bro
Benjamin Starling
@bstarling
Jan 16 2016 02:53 UTC
var xyz = arr.map(blah blah) will store whatever you do in your map function in the xyz array.
cool @sukumarkutagulla congrats!
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 02:54 UTC
yea
Jon Spencer
@batboy138
Jan 16 2016 02:54 UTC
function multiplyAll(arr) {
  var product = 1;
  // Only change code below this line
  for(var i = 0; i < arr.length; i++){
    for(var x = 0; x < arr[i].length; x++){
     product *= arr[i][x];   
  }
 }
  // Only change code above this line
  return product;
}

// Modify values below to test your code
multiplyAll([[1,2],[3,4],[5,6,7]]);
Done!
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 02:54 UTC
@eduwin7
Robbie
@centraleft
Jan 16 2016 02:54 UTC
@eduwin7 if you have a css window just use css
Benjamin Starling
@bstarling
Jan 16 2016 02:54 UTC
@batboy138 sweet! way to stick with it.
Robbie
@centraleft
Jan 16 2016 02:55 UTC
gj @batboy138
Jon Spencer
@batboy138
Jan 16 2016 02:56 UTC
Now I have to do more Bonfires...
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 02:57 UTC
Screen Shot 2016-01-15 at 8.56.40 PM.png
I am doing the profile Lookup, and it seems to have a bug? I have the answer on console.log that match the checkpoint, but it says I did not meet it?
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 02:58 UTC
```
Guys, help me for this challenge 207 Testing Objects for Properties
// Setup

  var myObj = {
  gift: "pony",
  pet: "kitten",
  bed: "sleigh"
};

function checkObj(checkProp) {
  // Your Code Here

 myObj.hasOwnProperty("checkProp");

  if(checkProp == myObj.hasOwnProperty()){
    return checkProp;
  }else 

  return "Not Found";
}

// Test your code by modifying these values
checkObj("gift");
Herman Fassett
@HermanFassett
Jan 16 2016 02:59 UTC
@pkshreeman probably something to do with stringifying and parsing
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 03:00 UTC
@HermanFassett I just found out it was acutally the JSON data that didn’t match. I had to “correct” the data…LOL!
Thanks anyway! @HermanFassett
CamperBot
@camperbot
Jan 16 2016 03:00 UTC
pkshreeman sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:star: 1358 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
Robbie
@centraleft
Jan 16 2016 03:00 UTC
@HaroonGhawsi if you read this:
your problem is here:
if(checkProp == myObj.hasOwnProperty())
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 03:02 UTC
@centraleft I read it but I am not able understand the concept of this challenger, otherwise I got to know how to use Object Methods and using the properties.
Robbie
@centraleft
Jan 16 2016 03:05 UTC
you might want to go back and redo some bonfires
Benjamin Starling
@bstarling
Jan 16 2016 03:05 UTC
@HaroonGhawsi this is an important one. Check back to this for an example of how to use hasOwnProperty http://www.freecodecamp.com/challenges/testing-objects-for-properties
Robbie
@centraleft
Jan 16 2016 03:06 UTC

the problem with your function is that:

myObj.hasOwnProperty()

does not return a property it returns one of two values, true or false.

Logan Hampton
@loganch
Jan 16 2016 03:06 UTC
// Setup
var collection = {
    2548: {
      album: "Slippery When Wet",
      artist: "Bon Jovi",
      tracks: [ 
        "Let It Rock", 
        "You Give Love a Bad Name" 
      ]
    },
    2468: {
      album: "1999",
      artist: "Prince",
      tracks: [ 
        "1999", 
        "Little Red Corvette" 
      ]
    },
    1245: {
      artist: "Robert Palmer",
      tracks: [ ]
    },
    5439: {
      album: "ABBA Gold"
    }
};
// Keep a copy of the collection for tests
var collectionCopy = JSON.parse(JSON.stringify(collection));

// Only change code below this line
function update(id, prop, value) {
  var album = collection[id];

  if (value !== "") {
    if (album[prop] !== "tracks") {
      album[prop] = value;
    } else {
      album.tracks.push(value);
    }
  } else {
    delete album[prop];
  }

  return collection;
}

// Alter values below to test your code
update(5439, "artist", "ABBA");
This is from the Record Collection challenge. I have everything working except adding a track: the push action seems to just replace the array with a single string matching the value and I'm not sure what's causing it to do that or how to rewrite the code to make it work properly.
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 03:07 UTC
@HaroonGhawsi you need to use this like if (myObj.hasOwnProperty(checkProp) ===true)
Franco Zapata
@Francozt01
Jan 16 2016 03:10 UTC
@pkshreeman without the === true works cuz it already has the value true in it
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 03:10 UTC
@pkshreeman One error is solved by this solution.
// Setup
var myObj = {
  gift: "pony",
  pet: "kitten",
  bed: "sleigh"
};

function checkObj(checkProp) {
  // Your Code Here

  if (myObj.hasOwnProperty(checkProp) === true){

  return checkProp;
}else
  return "Not Found";
}

// Test your code by modifying these values
checkObj("gift");
The code still has two more errors.
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 03:11 UTC
@loganch you only changed the var album, not the collection itself...
Robbie
@centraleft
Jan 16 2016 03:11 UTC
@HaroonGhawsi that does work but it is redundant, you don't need the
 === true
Franco Zapata
@Francozt01
Jan 16 2016 03:11 UTC
@HaroonGhawsi return myObj[checkProp];
cannelflow
@cannelflow
Jan 16 2016 03:11 UTC
@HaroonGhawsi return myObj[checkProp]
@Francozt01 :smile:
Franco Zapata
@Francozt01
Jan 16 2016 03:11 UTC
:D
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 03:12 UTC
@Francozt01 Thanks for correction. Didn’t realize it was redundant.
CamperBot
@camperbot
Jan 16 2016 03:12 UTC
pkshreeman sends brownie points to @francozt01 :sparkles: :thumbsup: :sparkles:
:star: 463 | @francozt01 | http://www.freecodecamp.com/francozt01
Haroon Ghawsi
@HaroonGhawsi
Jan 16 2016 03:12 UTC
Thank you all it's done
Benjamin Starling
@bstarling
Jan 16 2016 03:12 UTC
@loganch your issue is in this line if (album[prop] !== "tracks") think about what you are trying to check. The album prop or the function parameter prop?
Franco Zapata
@Francozt01
Jan 16 2016 03:12 UTC
@pkshreeman @HaroonGhawsi np :+1:
Logan Hampton
@loganch
Jan 16 2016 03:12 UTC
@pkshreeman I don't think that's the problem, I just changed the code to collection[id].tracks.push(value) and am I still getting the same results.
Franco Zapata
@Francozt01
Jan 16 2016 03:13 UTC
@loganch collection[id][prop].push(value)
bracket notation
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 03:13 UTC
@Francozt01 yeah, I noticed that..why doesn’t it work with dot notation?
Franco Zapata
@Francozt01
Jan 16 2016 03:14 UTC
@pkshreeman i think is an error in the exercise
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 03:14 UTC
ah.
Benjamin Starling
@bstarling
Jan 16 2016 03:14 UTC
@Francozt01 the way he has it will push value fine because he has created an album variable which is collection[id].
Robbie
@centraleft
Jan 16 2016 03:14 UTC
@pkshreeman you can't get a property from an object using dot notation with a variable
Franco Zapata
@Francozt01
Jan 16 2016 03:15 UTC
also in the if statement only need prop === "tracks"
Logan Hampton
@loganch
Jan 16 2016 03:15 UTC
Yeah, I'm not sure it's the exercise that's wrong, I'm trying this in parallel on JSBin and everything works except the push replacing the tracks array into a string
Benjamin Starling
@bstarling
Jan 16 2016 03:15 UTC
@Francozt01 You should double check his code before giving the solution. He has written it in a different way than most solutions.
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 03:15 UTC
@centraleft can you explain that or refer me to some reading? I don’t quite get that type of concept.
Benjamin Starling
@bstarling
Jan 16 2016 03:16 UTC
@loganch it's a minor issue here if (album[prop] !== "tracks") you just need to check if prop !== "tracks"
Robbie
@centraleft
Jan 16 2016 03:18 UTC

basically, when you a variable like

var prop = 'propertyName'

to get a property from an object, you have to put it in brackets

myObj[prop];

where as if you wanted to get a method or object directly out of an object

var myObj = {
  property: 'value'
}

return myObj.property
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 03:18 UTC
@nigeltea @loganch yup, those are the "raw" arguments you are getting into the function, they are not included in album[] yet, .
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 03:18 UTC
got it. thank you @centraleft
CamperBot
@camperbot
Jan 16 2016 03:18 UTC
pkshreeman sends brownie points to @centraleft :sparkles: :thumbsup: :sparkles:
:star: 285 | @centraleft | http://www.freecodecamp.com/centraleft
Robbie
@centraleft
Jan 16 2016 03:18 UTC
np
Logan Hampton
@loganch
Jan 16 2016 03:19 UTC
@nigeltea and @Francozt01 Thanks, the issue was in the nested if statement, changing it to only if (prop !== "tracks") made it work
CamperBot
@camperbot
Jan 16 2016 03:19 UTC
loganch sends brownie points to @nigeltea and @francozt01 :sparkles: :thumbsup: :sparkles:
:star: 464 | @francozt01 | http://www.freecodecamp.com/francozt01
:star: 316 | @nigeltea | http://www.freecodecamp.com/nigeltea
Benjamin Starling
@bstarling
Jan 16 2016 03:19 UTC
@loganch Yes, album[prop] is undefined so your else statement would never execute.
Logan Hampton
@loganch
Jan 16 2016 03:20 UTC
In fact I think it was causing the main statement to execute so I it was setting the value directly in tracks, it seems so obvious now.
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 03:20 UTC
I was sick for so many days .. I suppose I could jog up my mind back here by helping someone :smile:
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 03:21 UTC
@loganch I think that’s the beauty of programming…:)
Logan Hampton
@loganch
Jan 16 2016 03:21 UTC
@pkshreeman True.
Franco Zapata
@Francozt01
Jan 16 2016 03:21 UTC
lol hahaha
Benjamin Starling
@bstarling
Jan 16 2016 03:23 UTC
G'night FCC. Happy coding & good luck!
alex nissen
@alexnissen
Jan 16 2016 03:48 UTC
hi all
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 03:48 UTC
hello @alexnissen
alex nissen
@alexnissen
Jan 16 2016 03:49 UTC
i m stuck on something simple but I've just started the camp coding
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 03:49 UTC
@alexnissen shoot :smile:
alex nissen
@alexnissen
Jan 16 2016 03:49 UTC
hi
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 03:49 UTC
@alexnissen state the problem
alex nissen
@alexnissen
Jan 16 2016 03:50 UTC
I need to make my font size 16 ... Give elements with the p tag a font-size of 16px.')
I m up to session i thin 17 in the program
<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> I know how to make it red but i can't seem to change font size using the same pattern
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 03:51 UTC

@alexnissen do you have a class of p as:

p {
 properties: values;
}

in your <style></style> tag ?

alex nissen
@alexnissen
Jan 16 2016 03:51 UTC
<p class="red-text" "font-size 16px"> Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat
Elifaz Filho
@Elifaz
Jan 16 2016 03:52 UTC
@alexnissen So you have a <style> section anywhere in your code? if not, then what you can do is write an inline styling. Such as <p class=“bla blip boo” style=“color: green”> </p>
Kyle Roach
@iRoachie
Jan 16 2016 03:52 UTC
This message was deleted
Jamela
@Jamela08
Jan 16 2016 03:52 UTC
hi i have a question
Elifaz Filho
@Elifaz
Jan 16 2016 03:52 UTC
I wrote 3 classes in there by the way hahaha
alex nissen
@alexnissen
Jan 16 2016 03:53 UTC

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

.font-size {font:16px;
}

</style>

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

<p class="red-text" "font-size 16px"> 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>

Jamela
@Jamela08
Jan 16 2016 03:53 UTC
i was working on 86 add font awesome icons to buttons
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 03:53 UTC
@Jamela08 ask ..
Jamela
@Jamela08
Jan 16 2016 03:53 UTC
questions is
Kyle Roach
@iRoachie
Jan 16 2016 03:53 UTC
@alexnissen not font. You have to use font-size
Jamela
@Jamela08
Jan 16 2016 03:53 UTC
i am expecting to see a thumbs up button, i run my code its okay but then cant see the thumbs up button
Kyle Roach
@iRoachie
Jan 16 2016 03:53 UTC
font-size: 16px
Elifaz Filho
@Elifaz
Jan 16 2016 03:54 UTC
@alexnissen alright, you are messing up on your p element below, on your paragraph so take care removing that out. and on your font-size attribute that is currently set as a class you have to refer to your red-text class apparently and set within your curly braces font-size: 16px.
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 03:54 UTC
@alexnissen you need to add one more class in <style></style> tag as I said then include font-size: property and then give its value as 16px;
Jamela
@Jamela08
Jan 16 2016 03:54 UTC
<button class="btn btn-block btn-primary">Like<i class="fa fa-thumbs-up"></i></button>
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 03:55 UTC
@Jamela08 hmm... what waypoint are you in again ?
Jamela
@Jamela08
Jan 16 2016 03:55 UTC
86
Elifaz Filho
@Elifaz
Jan 16 2016 03:56 UTC

Trying to wrap my head around this code, damn this broke my cognitive function

function reverseArrayInPlace(array) {
  for (var i = 0; i < Math.floor(array.length / 2); i++) {
    var old = array[i];
    array[i] = array[array.length - 1 - i];
    array[array.length - 1 - i] = old;
  }
  return array;
}

Found on Eloquent Javascript book.

Sami Zaman
@sydszaman
Jan 16 2016 03:56 UTC
@tommygebru still not working
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 03:57 UTC
@Jamela08 could you tell the name of the waypoint ? I am using the new layout of FCC
Neal Caffery
@neal1991
Jan 16 2016 03:57 UTC
I am confused about the waypoint:Target a Specific Child of an Element Using jQuery
I implement like this
 $("#left-well:nth-child(2)").addClass("bounce target");
    $("#right-well:nth-child(2)").addClass("bounce target");
Jamela
@Jamela08
Jan 16 2016 03:59 UTC
86
Add Font Awesome Icons to our Buttons
Kevin Rodriguez
@kevin2r
Jan 16 2016 04:00 UTC
I'm stuck at seek and destroy!
Jamela
@Jamela08
Jan 16 2016 04:02 UTC
been in bootstrap part when i run the tests says its okay but then I couldnt see the desired effect on the right panel (output)
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:02 UTC
@neal1991 shouldn't you should use .target instead of #left-well ?
@neal1991 and also for #right-well
Neal Caffery
@neal1991
Jan 16 2016 04:02 UTC
it does not work
And there is no elements which belongs to target class
Jamela
@Jamela08
Jan 16 2016 04:05 UTC
hi @Mr-Kumar-Abhishek have you checked it?
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:06 UTC
@Jamela08 <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button> this is correct , you may have to check if anything else you are missing in your code
tommy
@tommygebru
Jan 16 2016 04:06 UTC
@sydszaman whats not working
@kevin2r meseeks and destroy
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:08 UTC
@neal1991 care to show the whole code ?
Jamela
@Jamela08
Jan 16 2016 04:08 UTC
if i run it it says im correct but couldnt see the image thumbs up
tommy
@tommygebru
Jan 16 2016 04:09 UTC
@Jamela08 for us to check it we need your current link
Neal Caffery
@neal1991
Jan 16 2016 04:09 UTC
<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove();
    $("#target2").appendTo("#right-well");
    $("#target5").clone().appendTo("#left-well");
    $("#target1").parent().css("background-color", "red");
    $("#right-well").children().css("color", "green");

    $(".well:nth-child(2)").addClass("bounce");

  });
</script>

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

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
Jamela
@Jamela08
Jan 16 2016 04:09 UTC
how can i send the current link?
http://www.freecodecamp.com/challenges/add-font-awesome-icons-to-our-buttons#?solution=%0A%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%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%3ELike%3Ci%20class%3D%22fa%20fa-thumbs-up%22%3E%3C%2Fi%3E%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%3EInfo%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%3EDelete%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%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%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%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%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%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
Neal Caffery
@neal1991
Jan 16 2016 04:10 UTC
I am quite confused about this word:
You must target the children of element with the target class.
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:11 UTC
@Jamela08 try to refresh the page , but most likely it is not a problem from your code rather some network problem of not getting the image
Jamela
@Jamela08
Jan 16 2016 04:11 UTC
oh okay
i'll try to refresh my page
tommy
@tommygebru
Jan 16 2016 04:12 UTC
@Jamela08 it seems that console is unavailable for this challenge... must be because the website FCC has been updated :smile: but everything passes and all the thumbs ups are green!
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:12 UTC
@neal1991 there is class called .target id are mentioned as #target
Jamela
@Jamela08
Jan 16 2016 04:12 UTC
what should i do?
@tommygebru
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 04:13 UTC
@Jamela08 just close your browser and reopen it
thats it
Jamela
@Jamela08
Jan 16 2016 04:13 UTC
okay
tommy
@tommygebru
Jan 16 2016 04:13 UTC
@Jamela08 ignore it
unless I am not understanding the problem.... do the next challenge
Neal Caffery
@neal1991
Jan 16 2016 04:14 UTC
@Mr-Kumar-Abhishek where? I have not seen
Kevin Rodriguez
@kevin2r
Jan 16 2016 04:14 UTC
@tommygebru I'm using a for loop inside Array.filter() for checking if the current value is inside the arguments array, but when return from the loop a not good behavior is working
alex nissen
@alexnissen
Jan 16 2016 04:14 UTC
sorry i m not following I need to see an example this is what i did

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

</style>

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

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

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

Neal Caffery
@neal1991
Jan 16 2016 04:14 UTC
I just need to modify the class of the well, isn't it?
tommy
@tommygebru
Jan 16 2016 04:15 UTC
@kevin2r let me see that Challenge name and a link will help
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:15 UTC
@neal1991 when you mention class="btn btn-default target" in any tag there are three classes in this case btn btn-default and target
tommy
@tommygebru
Jan 16 2016 04:16 UTC
@alexnissen style is a separate document like html. dont do it twice :smile:
alex nissen
@alexnissen
Jan 16 2016 04:16 UTC
so i delete the second style
Neal Caffery
@neal1991
Jan 16 2016 04:17 UTC
@Mr-Kumar-Abhishek Yeah, I see. But what's problem with my code
alex nissen
@alexnissen
Jan 16 2016 04:17 UTC
happy to make you smile:)
Avery Lucas
@ItsMuse
Jan 16 2016 04:17 UTC
Can someone explain the reduce method for me? Language : JavaScript
Neal Caffery
@neal1991
Jan 16 2016 04:17 UTC
$(".target:nth-child(2)").addClass("bounce");
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:19 UTC
@neal1991 you have to use .target class as the waypoint instructs you , and you need animated with bounce too I suppose.
tommy
@tommygebru
Jan 16 2016 04:19 UTC
@kevin2r have you tried the bonfire chatroom?
https://gitter.im/orgs/FreeCodeCamp/rooms/
I have not completed this yet :smile: just finished palindromes
Kyle Roach
@iRoachie
Jan 16 2016 04:19 UTC
@ItsMuse Hey reduce is used when you want to get a single value from an array
This message was deleted
Manish Giri
@Manish-Giri
Jan 16 2016 04:19 UTC
@ItsMuse reduce takes an array and reduces it to a single value based on the operation you provide
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:20 UTC
@neal1991 correct , for the most part, add animated too
Kyle Roach
@iRoachie
Jan 16 2016 04:20 UTC
@ItsMuse Like for example if you want to add all the values of an array to get a total
Neal Caffery
@neal1991
Jan 16 2016 04:20 UTC
@Mr-Kumar-Abhishek yeah, you are right. But I am really confused that the error information does not mention the animated class.
Kyle Roach
@iRoachie
Jan 16 2016 04:20 UTC
@ItsMuse Understand?
tommy
@tommygebru
Jan 16 2016 04:21 UTC
@alexnissen :+1:
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:21 UTC
@neal1991 as .addClass("animated bounce") , it doesn't show in error? hmm.. It's changed from the last I have used
Neal Caffery
@neal1991
Jan 16 2016 04:23 UTC
@Mr-Kumar-Abhishek it just says that you should make the 2nd element in your target class bounce.
Manish Giri
@Manish-Giri
Jan 16 2016 04:23 UTC
@neal1991 send the url to your waypoint
Neal Caffery
@neal1991
Jan 16 2016 04:24 UTC
http://codecamp.ucai.cn/challenges/waypoint-target-a-specific-child-of-an-element-using-jquery#?solution=fccss%0A%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%24(%22%23target1%22).css(%22color%22%2C%20%22red%22)%3B%0A%20%20%20%20%24(%22%23target1%22).prop(%22disabled%22%2C%20true)%3B%0A%20%20%20%20%24(%22%23target4%22).remove()%3B%0A%20%20%20%20%24(%22%23target2%22).appendTo(%22%23right-well%22)%3B%0A%20%20%20%20%24(%22%23target5%22).clone().appendTo(%22%23left-well%22)%3B%0A%20%20%20%20%24(%22%23target1%22).parent().css(%22background-color%22%2C%20%22red%22)%3B%0A%20%20%20%20%24(%22%23right-well%22).children().css(%22color%22%2C%20%22green%22)%3B%20%20%20%20%0A%20%20%20%20%24(%22.well%3Anth-child(2)%22).addClass(%22bounce%22)%3B%0A%20%20%20%20%24(%22.target%3Anth-child(2)%22).addClass(%22bounce%22)%3B%0A%20%20%7D)%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%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%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
tommy
@tommygebru
Jan 16 2016 04:24 UTC
@neal1991 to target means
$("this is a targeted html element").addClass("animated bounce"); :smile:
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:25 UTC
@Manish-Giri these urls are so :space_invader: spammy
alex nissen
@alexnissen
Jan 16 2016 04:26 UTC

I can't seem to work out how to change the font size <style>
.red-text {
color: red;
font-size: 16px; }

</style>

tommy
@tommygebru
Jan 16 2016 04:26 UTC
How to share a link ..... and other things.... check out the markdown button next to the chat box...
    [title](http://)
@alexnissen looks good, reset the challenge and try again :thumbsup:
alex nissen
@alexnissen
Jan 16 2016 04:28 UTC
okay
tommy
@tommygebru
Jan 16 2016 04:28 UTC
@neal1991 did you pass the challenge?
alex nissen
@alexnissen
Jan 16 2016 04:28 UTC
thanks
tommy
@tommygebru
Jan 16 2016 04:29 UTC
@alexnissen nice :+1:
Manish Giri
@Manish-Giri
Jan 16 2016 04:29 UTC
@neal1991 here is what I have
$(".target:nth-child(2)").addClass("animated bounce”);
@neal1991 you’ve also used the same thing for .well, remove that
    $(".well:nth-child(2)").addClass("bounce");
    $(".target:nth-child(2)").addClass("bounce”);
Neal Caffery
@neal1991
Jan 16 2016 04:30 UTC
@Manish-Giri the crucial problem is the error information does not give the correct information.
It doesn't mention the class animated.
Manish Giri
@Manish-Giri
Jan 16 2016 04:32 UTC
@neal1991 it mentions that right in the top, over the instructions

@neal1991

Here's how you would give the third element in each well the bounce class:

$(".target:nth-child(3)").addClass("animated bounce");

Make the second child in each of your well elements bounce. You must target the children of element with the target class.

Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:32 UTC
@alexnissen font sizes are changed by font-size: value; property just figure out in which class you to change them from next or if have to make a new class
Manish Giri
@Manish-Giri
Jan 16 2016 04:33 UTC
@neal1991 as for why the error does not point out animated bounce, I think it’s probably because of the well thing
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:33 UTC
@Manish-Giri :+1:
Jamela
@Jamela08
Jan 16 2016 04:34 UTC
what about this one i already added <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i>Info</button>
but still it says You should add a <i class="fa fa-info-circle"></i> within your info button element.
alex nissen
@alexnissen
Jan 16 2016 04:34 UTC

i reset and its not changing is there some where i can see how its done <style>
.red-text {
color: red;
font-size: 16px;
}
</style>

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

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

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

Give elements with the p tag a font-size of 16px.')
Manish Giri
@Manish-Giri
Jan 16 2016 04:34 UTC
@alexnissen don’t you have an opening <style> up top?
Jamela
@Jamela08
Jan 16 2016 04:34 UTC
@Jamela08
what about this one i already added <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i>Info</button>
but still it says You should add a <i class="fa fa-info-circle"></i> within your info button element.
alex nissen
@alexnissen
Jan 16 2016 04:35 UTC
yes i think i do
<style>
.red-text {
color: red;
font-size: 16px;
}
</style>
Jamela
@Jamela08
Jan 16 2016 04:36 UTC
works fine now
Manish Giri
@Manish-Giri
Jan 16 2016 04:36 UTC
@alexnissen you’re asked to give elements with p tag the font-size
alex nissen
@alexnissen
Jan 16 2016 04:36 UTC
yes
Manish Giri
@Manish-Giri
Jan 16 2016 04:36 UTC
@alexnissen and you’re giving it to .red-text instead
Brian
@sludge256
Jan 16 2016 04:36 UTC
@alexnissen your code passed for me
alex nissen
@alexnissen
Jan 16 2016 04:36 UTC
i can't work out how to do it
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:36 UTC
@Jamela08 is this what have you done ?
<div class="col-xs-4">
      <button class="btn btn-block btn-info"><i class="fa fa-info-circle" ></i>Info</button>
    </div>
Brian
@sludge256
Jan 16 2016 04:37 UTC
it works both if the font size is in red text or with the p selector
alex nissen
@alexnissen
Jan 16 2016 04:37 UTC
it ask me to make the font red and 16px
Manish Giri
@Manish-Giri
Jan 16 2016 04:37 UTC
@alexnissen send the url to your waypoint
alex nissen
@alexnissen
Jan 16 2016 04:39 UTC
where do i find waypoint
Brian
@sludge256
Jan 16 2016 04:39 UTC
try restarting your browser
definitely passes for me
tommy
@tommygebru
Jan 16 2016 04:40 UTC
@Manish-Giri :+1: also must be a bug if it passed for @sludge256 @alexnissen
Brian
@sludge256
Jan 16 2016 04:40 UTC
I think someone was having trouble with the same one earlier
tommy
@tommygebru
Jan 16 2016 04:41 UTC
paragraph and h2 passes as classes @sludge256
Manish Giri
@Manish-Giri
Jan 16 2016 04:41 UTC
@alexnissen the code works for me too
alex nissen
@alexnissen
Jan 16 2016 04:41 UTC
oh i just click the url i sent you and it came up that it worked so must be a bug in my web page
Brian
@sludge256
Jan 16 2016 04:42 UTC
:bug: free is the dream
alex nissen
@alexnissen
Jan 16 2016 04:42 UTC
i can't believe i was doing it write and it kept telling me i was wrong ... thanks for your patients i have learnt an important lesson
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 04:43 UTC
it happens every now and then sometimes refreshing clears everything or restarting the browser
Jamela
@Jamela08
Jan 16 2016 04:44 UTC
@Mr-Kumar-Abhishek it works fine now
i just re-run it
patience is a virtue
that i must have
alex nissen
@alexnissen
Jan 16 2016 04:44 UTC
:smile:
idk where to start the class
i can't start it in the <img> because it will take the image away
Edward Hong
@edward-hong
Jan 16 2016 04:54 UTC
Hi I'm currently working on my calculator app. While styling the buttons, I noticed that Chrome automatically includes a blue rounded outline whenever I click on one of the buttons on my calculator. Is there anyway I can get rid of the outline? I've tried normalize.css and it hasn't worked
Kyle Roach
@iRoachie
Jan 16 2016 04:54 UTC
This message was deleted
Manish Giri
@Manish-Giri
Jan 16 2016 04:55 UTC
@PxNasty your css(class style) is fine, just need to add the class to img element, like
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
@edward-hong try outline:none;
Kyle
@PxNasty
Jan 16 2016 04:56 UTC
@Manish-Giri thank you.. I thought it would interupt the source
CamperBot
@camperbot
Jan 16 2016 04:56 UTC
pxnasty sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 590 | @manish-giri | http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jan 16 2016 04:57 UTC
@PxNasty never hesitate to break things, that’s how one learns!
Kyle
@PxNasty
Jan 16 2016 04:57 UTC
but what if its expensive lol
Manish Giri
@Manish-Giri
Jan 16 2016 04:57 UTC
still
Edward Hong
@edward-hong
Jan 16 2016 04:58 UTC
thanks @Manish-Giri it worked
CamperBot
@camperbot
Jan 16 2016 04:58 UTC
edward-hong sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 591 | @manish-giri | http://www.freecodecamp.com/manish-giri
Kyle
@PxNasty
Jan 16 2016 04:58 UTC
I will keep that in mind.. thanks again
Manish Giri
@Manish-Giri
Jan 16 2016 04:58 UTC
couldn’t be that expensive lol
alex nissen
@alexnissen
Jan 16 2016 04:58 UTC
i need to Your p element should still use the font Monospace.
Kyle Roach
@iRoachie
Jan 16 2016 04:59 UTC
@alexnissen Hey you just have to apply the font to your h2
h2 {
font-family: Lobster;
}
alex nissen
@alexnissen
Jan 16 2016 05:00 UTC
but it want me to keep the p element should still use the font Monospace.
Manish Giri
@Manish-Giri
Jan 16 2016 05:01 UTC
@alexnissen why do all your p elements have the class red-text?
Kyle Roach
@iRoachie
Jan 16 2016 05:01 UTC
@alexnissen since h2, is specified it wont affect ur p elements
alex nissen
@alexnissen
Jan 16 2016 05:02 UTC
because it asked for red text :smile:
Manish Giri
@Manish-Giri
Jan 16 2016 05:02 UTC
@alexnissen as far as I remember, class selectors are more specific than element seletors, so your red-text style overrides the p style
alex nissen
@alexnissen
Jan 16 2016 05:02 UTC
yes
Manish Giri
@Manish-Giri
Jan 16 2016 05:02 UTC
@alexnissen I’m pretty sure they didn’t ask for you to add red-text class to all p elements
Kyle Roach
@iRoachie
Jan 16 2016 05:03 UTC

Hey that’s not ur problem, i completed the challenge you linked by adding the selector for h2

@alexnissen Hey you just have to apply the font to your h2

h2 {
font-family: Lobster;
}
Manish Giri
@Manish-Giri
Jan 16 2016 05:03 UTC
@alexnissen hold on
tommy
@tommygebru
Jan 16 2016 05:03 UTC
@Manish-Giri its the default when you reset
Manish Giri
@Manish-Giri
Jan 16 2016 05:03 UTC
@alexnissen you need to apply font-family: Lobster to h2 not to .red-text
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:03 UTC
@alexnissen you could do this lol font-family: Monospace!important;
@alexnissen however don't do this, it is not a good use.
Kyle Roach
@iRoachie
Jan 16 2016 05:04 UTC
Guys! Follow the link to the question that he posted
Manish Giri
@Manish-Giri
Jan 16 2016 05:04 UTC

@alexnissen read this

Now you can set Lobster as a font-family value on your h2 element.

tommy
@tommygebru
Jan 16 2016 05:04 UTC
yeah we should try to be specific to the instruction.... its the only one we got !
Kyle Roach
@iRoachie
Jan 16 2016 05:05 UTC

@alexnissen This solves your problem

@alexnissen Hey you just have to apply the font to your h2

h2 {
font-family: Lobster;
}
tommy
@tommygebru
Jan 16 2016 05:08 UTC
Are we still helping @alexnissen ?
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:08 UTC
@iRoachie :+1: @alexnissen check the classes you were missing from what @iRoachie said
alex nissen
@alexnissen
Jan 16 2016 05:08 UTC
yes
<h2 {font-family: Lobster;} class="red-text">CatPhotoApp</h2>
Manish Giri
@Manish-Giri
Jan 16 2016 05:09 UTC
@tommygebru looks that way!
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:09 UTC
@alexnissen the h2 class should come under <style></style> tag
Kyle Roach
@iRoachie
Jan 16 2016 05:09 UTC

@alexnissen i see where u made the mistake

you have the put in your style

<style>
h2  {
font-family: Lobster;
}
</style>
tommy
@tommygebru
Jan 16 2016 05:10 UTC
UPVOTE!!!!!!!! @iRoachie thanks
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:11 UTC
@iRoachie :+1:
Amit Agrwal
@AgarwalAmit699
Jan 16 2016 05:11 UTC
Kindly Help me to start the freecodechamp project s...
tommy
@tommygebru
Jan 16 2016 05:12 UTC
@AgarwalAmit699 sure, there are other FreeCodeCamp chatrooms for projects
https://gitter.im/orgs/FreeCodeCamp/rooms/ :smile:
Amit Agrwal
@AgarwalAmit699
Jan 16 2016 05:15 UTC
Thanks tommygebru
alex nissen
@alexnissen
Jan 16 2016 05:15 UTC

<stlyle>

<h2 {font-family: Lobster;} class="red-text" >CatPhotoApp</h2>
</style>

alex nissen
@alexnissen
Jan 16 2016 05:16 UTC
still not changing it to lobster
Kyle
@PxNasty
Jan 16 2016 05:16 UTC
idk how yall are sending just the picture of the code lol
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:16 UTC
@alexnissen please follow what @iRoachie said.
Amit Agrwal
@AgarwalAmit699
Jan 16 2016 05:16 UTC
Actually I don't know how to develop the personal web page (first front end project) please help
varEnigmatic
@varEnigmatic
Jan 16 2016 05:16 UTC
There must be a screen shot feature
Pawan
@pawan92
Jan 16 2016 05:17 UTC
whats the difference between relative and absolute postioning can someone ELI5?
Manish Giri
@Manish-Giri
Jan 16 2016 05:17 UTC
@PxNasty img class=“smaller-image thick-green-border” src=“..”>
varEnigmatic
@varEnigmatic
Jan 16 2016 05:17 UTC
@AgarwalAmit699 have you wireframe your project?
neuromeda
@neuromeda
Jan 16 2016 05:17 UTC
completing a task that took you hours to figure out has to be the most exhilarating moment ever
Kyle Roach
@iRoachie
Jan 16 2016 05:17 UTC

@alexnissen Hey alex seems you’re still confused.

First set the style

<style>
h2  {
font-family: Lobster;
}
<style>
alex nissen
@alexnissen
Jan 16 2016 05:18 UTC
thank you
neuromeda
@neuromeda
Jan 16 2016 05:18 UTC
</style>
varEnigmatic
@varEnigmatic
Jan 16 2016 05:18 UTC
A lot of people think it starts in the OS, but the paper is where it really starts
Amit Agrwal
@AgarwalAmit699
Jan 16 2016 05:18 UTC
Yeah..
Kyle
@PxNasty
Jan 16 2016 05:18 UTC
@Manish-Giri so i don't seperate the 2
varEnigmatic
@varEnigmatic
Jan 16 2016 05:18 UTC
So now it's computational thought
Kyle Roach
@iRoachie
Jan 16 2016 05:18 UTC
@alexnissen it’s working now?
varEnigmatic
@varEnigmatic
Jan 16 2016 05:18 UTC
What do you want it to don
Manish Giri
@Manish-Giri
Jan 16 2016 05:18 UTC
yea
varEnigmatic
@varEnigmatic
Jan 16 2016 05:19 UTC
Do
Amit Agrwal
@AgarwalAmit699
Jan 16 2016 05:19 UTC
I do not know from where to start
varEnigmatic
@varEnigmatic
Jan 16 2016 05:19 UTC
Think of the computer as a blank page u have to instruct EVERYTHING you want
Amit Agrwal
@AgarwalAmit699
Jan 16 2016 05:19 UTC
OK
varEnigmatic
@varEnigmatic
Jan 16 2016 05:19 UTC
Index.html
Kyle
@PxNasty
Jan 16 2016 05:20 UTC
@Manish-Giri wow you pointing that out just made me feel dumb lol i just over thought that way too hard
tanya-giri
@tanya-giri
Jan 16 2016 05:20 UTC
Hello everyone!
varEnigmatic
@varEnigmatic
Jan 16 2016 05:20 UTC
<!DOCTYPE html>
Manish Giri
@Manish-Giri
Jan 16 2016 05:20 UTC
@PxNasty no prob! happens to everyone!
varEnigmatic
@varEnigmatic
Jan 16 2016 05:20 UTC
This is not programming. It's just a markup language so the browser can read it
tanya-giri
@tanya-giri
Jan 16 2016 05:20 UTC
I have some doubt regarding codepen as I am making my portfolio
Amit Agrwal
@AgarwalAmit699
Jan 16 2016 05:21 UTC
Yeah
tanya-giri
@tanya-giri
Jan 16 2016 05:21 UTC
Please tell me how to put images?
varEnigmatic
@varEnigmatic
Jan 16 2016 05:21 UTC
Now what does the page do
Kyle Roach
@iRoachie
Jan 16 2016 05:21 UTC
@tanya-giri We add images uses the img tag
tanya-giri
@tanya-giri
Jan 16 2016 05:21 UTC
I am giving path of image
in src attribute
Its not working
varEnigmatic
@varEnigmatic
Jan 16 2016 05:21 UTC
@tanya-giri Src=""
tanya-giri
@tanya-giri
Jan 16 2016 05:21 UTC
yaa
Kyle Roach
@iRoachie
Jan 16 2016 05:21 UTC
@tanya-giri
<img src=“image”>
tanya-giri
@tanya-giri
Jan 16 2016 05:22 UTC
doing the same
Kyle Roach
@iRoachie
Jan 16 2016 05:22 UTC
What’s your url?
tanya-giri
@tanya-giri
Jan 16 2016 05:22 UTC
Image is stored in my computer
varEnigmatic
@varEnigmatic
Jan 16 2016 05:22 UTC
Do you have a CDs style @tanya-giri
Css
tanya-giri
@tanya-giri
Jan 16 2016 05:22 UTC
thts y I am giving path like C:\tanya\images
Kyle Roach
@iRoachie
Jan 16 2016 05:22 UTC
ohhh
varEnigmatic
@varEnigmatic
Jan 16 2016 05:23 UTC
Did you size it?
tanya-giri
@tanya-giri
Jan 16 2016 05:23 UTC
Is there any difference in using codepen
Kyle Roach
@iRoachie
Jan 16 2016 05:23 UTC
Tanya you have to provide a path from the index.html
Manish Giri
@Manish-Giri
Jan 16 2016 05:23 UTC
@tanya-giri put your image in dropbox, get a shareable link and put that link in codepen
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:23 UTC
@tanya-giri as far as I codepen.io doesn't hosts any images but if you are give your hosted image url such as <img src="http://somedomain.com/yourimage.jpg"> it should work
tanya-giri
@tanya-giri
Jan 16 2016 05:23 UTC
yaa that too I have tried
varEnigmatic
@varEnigmatic
Jan 16 2016 05:23 UTC
Yeah ref it in the body
Samantha Maturen
@slmaturen
Jan 16 2016 05:23 UTC
@tanya-giri CodePen is a place for practice or to show other people your work. You won't be able to host your website there.
Kyle Roach
@iRoachie
Jan 16 2016 05:23 UTC
Your webpage doesnt know where C drive
tanya-giri
@tanya-giri
Jan 16 2016 05:23 UTC
Dropbox
whats that?
Samantha Maturen
@slmaturen
Jan 16 2016 05:23 UTC
You can def. get started there though and then find hosting later :)
tanya-giri
@tanya-giri
Jan 16 2016 05:23 UTC
please tell me
varEnigmatic
@varEnigmatic
Jan 16 2016 05:23 UTC
Use a plain text editor
Samantha Maturen
@slmaturen
Jan 16 2016 05:24 UTC
How far are you in the lessons @tanya-giri ?
varEnigmatic
@varEnigmatic
Jan 16 2016 05:24 UTC
Or use a little more pro one like webmaster or sublime
Text wrangler is good too
tanya-giri
@tanya-giri
Jan 16 2016 05:24 UTC
See I have written the whole code for my portfolio.
Only Images are not coming
May be the path is wrong
varEnigmatic
@varEnigmatic
Jan 16 2016 05:24 UTC
Are you on a Mac?
tanya-giri
@tanya-giri
Jan 16 2016 05:24 UTC
no on windows
windows8
varEnigmatic
@varEnigmatic
Jan 16 2016 05:25 UTC
Carl A
Control
tanya-giri
@tanya-giri
Jan 16 2016 05:25 UTC
what?
varEnigmatic
@varEnigmatic
Jan 16 2016 05:25 UTC
Should select all
Kyle Roach
@iRoachie
Jan 16 2016 05:25 UTC
can i see your code for the img?
tanya-giri
@tanya-giri
Jan 16 2016 05:25 UTC
okay
Kyle Roach
@iRoachie
Jan 16 2016 05:25 UTC
for the img tag
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:25 UTC
@tanya-giri first upload your images in image hosting service
tanya-giri
@tanya-giri
Jan 16 2016 05:25 UTC
<img src="images/tanya-2.jpg" class="img-responsive">
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:25 UTC
@tanya-giri then get the absolute url of that image from that image hosting service
tanya-giri
@tanya-giri
Jan 16 2016 05:26 UTC
image hosting service?
varEnigmatic
@varEnigmatic
Jan 16 2016 05:26 UTC
I don't think it will work from your desktop
tanya-giri
@tanya-giri
Jan 16 2016 05:26 UTC
from where? Mrkumar
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 05:26 UTC
@tanya-giri you can’t call your image on your computer, you have to upload it to a “cloud"
varEnigmatic
@varEnigmatic
Jan 16 2016 05:26 UTC
Yeah you have to href the url
Kyle Roach
@iRoachie
Jan 16 2016 05:26 UTC
@tanya-giri Are you doing this for a challenge in the browser?
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:26 UTC
@tanya-giri hold on
tanya-giri
@tanya-giri
Jan 16 2016 05:26 UTC
Okay
varEnigmatic
@varEnigmatic
Jan 16 2016 05:27 UTC
<Img Src="url here"
tanya-giri
@tanya-giri
Jan 16 2016 05:27 UTC
I have made it all using notepad++ editor and on my browser its working superb
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:27 UTC
@tanya-giri use this to host images https://www.imgur.com/
tanya-giri
@tanya-giri
Jan 16 2016 05:27 UTC
But when i copied it tocodepen
Its not working
Okay i try it @Mr-Kumar-Abhishek
varEnigmatic
@varEnigmatic
Jan 16 2016 05:27 UTC
I use an editor or command line
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 05:28 UTC
@tanya-giri when you excute code locally, it doesn’t work if you use references in local drive and then use it in codepen as the codepen does not have access to your hard drive.
tanya-giri
@tanya-giri
Jan 16 2016 05:28 UTC
Right @pkshreeman
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:28 UTC
@tanya-giri get the absolute image url from the image hosting service and use that in src attribute of <img> tag
Kyle Roach
@iRoachie
Jan 16 2016 05:28 UTC
@tanya-giri Tanya what’s he’s trying to tell you is that you need to upload the file to hosting service first, so you can use it on codepen
varEnigmatic
@varEnigmatic
Jan 16 2016 05:28 UTC
@tanya-giri
tanya-giri
@tanya-giri
Jan 16 2016 05:28 UTC
Okay the link is opening @Mr-Kumar-Abhishek
varEnigmatic
@varEnigmatic
Jan 16 2016 05:29 UTC
Www. W3schools.com
tanya-giri
@tanya-giri
Jan 16 2016 05:30 UTC
I have uploaded the image using your link.
Now please tell me from where do I get the path @Mr-Kumar-Abhishek ?
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:31 UTC
@tanya-giri give me the page's link
@tanya-giri you should find it written there after uploading is complete
varEnigmatic
@varEnigmatic
Jan 16 2016 05:31 UTC
@tanya-giri that site should tell you everything
varEnigmatic
@varEnigmatic
Jan 16 2016 05:32 UTC
Step by step
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:33 UTC
@tanya-giri you are in editing , you should move on after you have done editing if any you have to do that is.
cannelflow
@cannelflow
Jan 16 2016 05:33 UTC
@tanya-giri go to that image you want to add on imgur then right click on image and click open image on new tab your image will now open in new tab copy that url
@tanya-giri https://imgur.com/gallery/6bqqA right cilck any image and click opem image in new tab
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:36 UTC
@tanya-giri lastly if you are uploading your own image , you have to click on publish button to get a url.
There should be proper instructions on how to host images and use them in codepen.io , I have seen a issue about it before in github repo before.
cannelflow
@cannelflow
Jan 16 2016 05:40 UTC
@Mr-Kumar-Abhishek @tanya-giri for adding image to codepen.io simple add img src url
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:41 UTC
@cannelflow but surely it doesn't hosts images does it ?
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 05:41 UTC
@Mr-Kumar-Abhishek I believe the developers are aware that the HTML/CSS need “lot of love” …..but I suspect that the HTML/CSS is not the main focus of the FCC. The treatment is still lopsided (lot of waypoints on how to do colors, but little on anything else, for instance).
cannelflow
@cannelflow
Jan 16 2016 05:42 UTC
@Mr-Kumar-Abhishek codepen ? no it not
@tanya-giri you have to take direct url their
if anyone needs HQ image without giving Attribute then can use https://pixabay.com/
varEnigmatic
@varEnigmatic
Jan 16 2016 05:45 UTC
If I don't have any friends on git is there anywhere else to recruit a team?
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 05:45 UTC
@varEnigmatic team for what?
varEnigmatic
@varEnigmatic
Jan 16 2016 05:46 UTC
Developing projects for youth to learn to code and elderly
My nana said my hw looks like Greek
tanya-giri
@tanya-giri
Jan 16 2016 05:47 UTC
Thank youuu soo much @Mr-Kumar-Abhishek . Done!
CamperBot
@camperbot
Jan 16 2016 05:47 UTC
tanya-giri sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:star: 289 | @mr-kumar-abhishek | http://www.freecodecamp.com/mr-kumar-abhishek
varEnigmatic
@varEnigmatic
Jan 16 2016 05:47 UTC
Plus my mother is handicap so simplicity is key I guess in this app to teach or even tap some potential hidden
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 05:48 UTC
@varEnigmatic there is Facebook page? any luck there?
varEnigmatic
@varEnigmatic
Jan 16 2016 05:49 UTC
I've found that teaching some youth I tutor has made them more apt to attend college
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 05:49 UTC
varEnigmatic
@varEnigmatic
Jan 16 2016 05:49 UTC
Everyone wants to make the next big thing lol
Thank you! @pkshreeman
CamperBot
@camperbot
Jan 16 2016 05:49 UTC
varenigmatic sends brownie points to @pkshreeman :sparkles: :thumbsup: :sparkles:
:star: 287 | @pkshreeman | http://www.freecodecamp.com/pkshreeman
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 05:49 UTC
@varEnigmatic I have added you to non-profit projects room, you could get help from there
varEnigmatic
@varEnigmatic
Jan 16 2016 05:50 UTC
Thank you! @Mr-Kumar-Abhishek
CamperBot
@camperbot
Jan 16 2016 05:50 UTC
varenigmatic sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:star: 290 | @mr-kumar-abhishek | http://www.freecodecamp.com/mr-kumar-abhishek
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 05:50 UTC
Good luck @varEnigmatic !
varEnigmatic
@varEnigmatic
Jan 16 2016 05:51 UTC
Thank you!
Any OS X or iOS devs?
Chantal
@chanty6680
Jan 16 2016 06:00 UTC
hi there, i hope someone can help me with jquery - i just started with Waypoint 6. It's giving me and X with the item "Only add one class with each of your three selectors." and this is my code: <script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("btn-primary");
});
</script> so i don't really know what's wrong. the rest of the list says it's ok
scottmike0
@scottmike0
Jan 16 2016 06:01 UTC
@chanty6680 selectors mean what ... and that should help the process :3
Kyle Roach
@iRoachie
Jan 16 2016 06:03 UTC
@chanty6680 paste ur url here so we can see
Chantal
@chanty6680
Jan 16 2016 06:04 UTC
thanks @iRoachie this is my first time in the chat. http://www.freecodecamp.com/challenges/target-the-same-element-with-multiple-jquery-selectors#?solution=fccss%0A%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%24(%22button%22).addClass(%22animated%22)%3B%0A%20%20%20%20%24(%22.btn%22).addClass(%22animated%20shake%22)%3B%0A%20%20%20%20%24(%22%23target1%22).addClass(%22btn-primary%22)%3B%0A%20%20%7D)%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%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%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
CamperBot
@camperbot
Jan 16 2016 06:04 UTC
chanty6680 sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:star: 97 | @iroachie | http://www.freecodecamp.com/iroachie
scottmike0
@scottmike0
Jan 16 2016 06:04 UTC
@chanty6680 refresh your browser
@chanty6680 that is the cause of it
Kyle Roach
@iRoachie
Jan 16 2016 06:05 UTC
@chanty6680
Hey i figured it out. You need to only add one class per statement
<script>
  $(document).ready(function() {
    $("button").addClass("animated");
    $(".btn").addClass("animated");
    $("#target1").addClass("animated");
    $("#target1").addClass("shake");
        $("#target1").addClass("btn-primary");
  });
</script>
scottmike0
@scottmike0
Jan 16 2016 06:06 UTC
@iRoachie actually you can hve 2
Chantal
@chanty6680
Jan 16 2016 06:07 UTC
ohhhhh!!! i had no idea that i had to do that for #target1... so dumb!! thank a lot @iRoachie
CamperBot
@camperbot
Jan 16 2016 06:07 UTC
chanty6680 sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:warning: chanty6680 already gave iroachie points
Kyle Roach
@iRoachie
Jan 16 2016 06:07 UTC
@scottmike0 Yea i know u can add 2, but that’s not what the instructions asked
scottmike0
@scottmike0
Jan 16 2016 06:07 UTC
@iRoachie
$(document).ready(function() {
    $("button").addClass("animated");
    $(".btn").addClass("animated shake");
    $("#target1").addClass("btn-primary");
  })
@iRoachie its what i did :P
Kyle Roach
@iRoachie
Jan 16 2016 06:07 UTC
Yea i figured
@chanty6680 the instructions said
Only add one class with each of your three selectors.
So that’s why it wasn’t working, cause he was adding 2
scottmike0
@scottmike0
Jan 16 2016 06:08 UTC
@iRoachie but that does not work when making a site, as i have tried via
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 06:08 UTC
@chanty6680 just delete “animated” from animated shake, and you are set.
scottmike0
@scottmike0
Jan 16 2016 06:08 UTC
@iRoachie and mine works :P
Kyle Roach
@iRoachie
Jan 16 2016 06:09 UTC
Lol mine works as well
Dr. Paul Kenneth Shreeman
@pkshreeman
Jan 16 2016 06:09 UTC
you have two classes…animated AND shake…and the instructions says add only one class per selectors. @chanty6680
Kyle Roach
@iRoachie
Jan 16 2016 06:09 UTC
^ exactly @scottmike0
Chantal
@chanty6680
Jan 16 2016 06:09 UTC
it works! @iRoachie thanks!
CamperBot
@camperbot
Jan 16 2016 06:09 UTC
chanty6680 sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:warning: chanty6680 already gave iroachie points
Glen Roberts
@ZeroAccess
Jan 16 2016 06:16 UTC
@clarkarnold my pleasure
Artur
@ArturMC
Jan 16 2016 06:19 UTC
Anyone else not feeling this new design? :/
varEnigmatic
@varEnigmatic
Jan 16 2016 06:28 UTC
ECMA? Date?
stavgrossfeld
@stavgrossfeld
Jan 16 2016 06:32 UTC
if you're resizing an image in html, how do you call the resize class on an image <img class = ".smaller-image"> src="https://bit.ly/fcc-relaxing-cat"</img>
cannelflow
@cannelflow
Jan 16 2016 06:37 UTC
@stavgrossfeld in styel .smaller-image{ size:100px}
Kyle Roach
@iRoachie
Jan 16 2016 06:38 UTC
@stavgrossfeld Hey u need to remove that “.” So it reads
<img class = "smaller-image”>
cannelflow
@cannelflow
Jan 16 2016 06:39 UTC
yes @iRoachie is correct class is smaller-class @stavgrossfeld
@stavgrossfeld class=smaller-image
@iRoachie seems @stavgrossfeld is gone
Kevin Rogers
@kevintrogers
Jan 16 2016 06:43 UTC
$("#slide_caption").html(slide_list[count][1]);
that code does not work. Where is the error?
btw slide list is a 2-D array which looks to be formatted correctly. The second element of the 2d array is a string which i want rendered inside the slide_caption element.
Rajat Asthana
@rast-7
Jan 16 2016 06:49 UTC
<p "font-size: 16px;" class="red-text">
can someone please tell me what i am doing wrong
cannelflow
@cannelflow
Jan 16 2016 06:50 UTC
This message was deleted
@rast-7 you have to give font size in between style for class red-text
Kyle Roach
@iRoachie
Jan 16 2016 06:51 UTC
@rast-7 If you’re doing an inline style you have add style
<p style="font-size:16px" class="red-text">
Kevin Rogers
@kevintrogers
Jan 16 2016 06:51 UTC
and count is a variable which i am incrementing through functions.
Rajat Asthana
@rast-7
Jan 16 2016 06:51 UTC
oh yes! thanks @iRoachie
CamperBot
@camperbot
Jan 16 2016 06:51 UTC
rast-7 sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:star: 130 | @iroachie | http://www.freecodecamp.com/iroachie
Yasin Yusuf
@YasinYA
Jan 16 2016 06:52 UTC
hi every one
am trying to understand this waypiont http://www.freecodecamp.com/challenges/counting-cards
so can anyone try to explain me
cannelflow
@cannelflow
Jan 16 2016 06:54 UTC
@YasinYA if you got card 2, 3, 4, 5, 6 add 1 for each card if it is 7, 8, 9 you got 0 if it is 10, 'J', 'Q', 'K','A' you have to substract 1
Kyle Roach
@iRoachie
Jan 16 2016 06:55 UTC
@YasinYA Hey you need to use an if statement to check the value coming in and return the correct message
Yasin Yusuf
@YasinYA
Jan 16 2016 06:56 UTC
yes but didn't play cards ever
so idont't have any idea about it
Glen Roberts
@ZeroAccess
Jan 16 2016 06:57 UTC
Hello everyone
Yasin Yusuf
@YasinYA
Jan 16 2016 06:57 UTC
to get the value of the card
Glen Roberts
@ZeroAccess
Jan 16 2016 06:57 UTC
how is everyone tonight
cannelflow
@cannelflow
Jan 16 2016 06:57 UTC
@YasinYA you can also use switch if input is 2,3,4,5,6 you have to add 1 for each
Yasin Yusuf
@YasinYA
Jan 16 2016 06:58 UTC
let me try that first @cannelflow
Kyle Roach
@iRoachie
Jan 16 2016 07:01 UTC
@YasinYA Hey i dont want to give the answer, but i’ll put you on the right track
switch (card) {
    case 2:
    case 3:
    case 4:
    case 5:
    case 6:
      return "5 Bet";
  }
@YasinYA You need to do the same for “0 Hold” and the others
Yasin Yusuf
@YasinYA
Jan 16 2016 07:02 UTC
yeah i got it right thanks @cannelflow
CamperBot
@camperbot
Jan 16 2016 07:02 UTC
yasinya sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 426 | @cannelflow | http://www.freecodecamp.com/cannelflow
Yasin Yusuf
@YasinYA
Jan 16 2016 07:02 UTC
thanks @iRoachie
CamperBot
@camperbot
Jan 16 2016 07:02 UTC
yasinya sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:star: 132 | @iroachie | http://www.freecodecamp.com/iroachie
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:03 UTC
Hi
Yasin Yusuf
@YasinYA
Jan 16 2016 07:03 UTC
hi @SarthakAdhikari
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:03 UTC
Can anyone help me in 'Target a Specific Child of an Element Using jQuery' problem? :)
Hi @YasinYA
:D
Kyle Roach
@iRoachie
Jan 16 2016 07:04 UTC
@SarthakAdhikari Sure what’s the prob?
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:04 UTC
The problem is ..
Yasin Yusuf
@YasinYA
Jan 16 2016 07:04 UTC
yes sure tell me the challenge
@SarthakAdhikari
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:05 UTC
I dont know how to explain but .. I understand what nth child is but i don't know how to solve that problem.
Target a Specific Child of an Element Using jQuery
@YasinYA This problem :) Target a Specific Child of an Element Using jQuery
Kyle Roach
@iRoachie
Jan 16 2016 07:06 UTC
@SarthakAdhikari Okay I just did that actually. Paste ur url so we can see we’re you’re stuck
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:07 UTC
url or code?
<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove();
    $("#target2").appendTo("#right-well");
    $("#target5").clone().appendTo("#left-well");
    $("#target1").parent().css("background-color", "red");
    $("#right-well").children().css("color", "orange");
    $('.well:nth-child(2)').addClass('animated Bounce')

  });
</script>

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

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
Kyle Roach
@iRoachie
Jan 16 2016 07:08 UTC
@SarthakAdhikari Hey you’re problem is the capital B in bounce
It’s supposed to be lowercase “bounce"
Yasin Yusuf
@YasinYA
Jan 16 2016 07:08 UTC
@SarthakAdhikari when you don't have a class or id to track your target element you use what is called the CSS pseudo selector and that is ":nth-child[index]". so i hope you got it
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:09 UTC
Ok.
using Bounce still makes it bounce though.
@YasinYA Yea. Thanks.
CamperBot
@camperbot
Jan 16 2016 07:10 UTC
sarthakadhikari sends brownie points to @yasinya :sparkles: :thumbsup: :sparkles:
:star: 209 | @yasinya | http://www.freecodecamp.com/yasinya
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:10 UTC
But how do i solve this problem?
Kyle Roach
@iRoachie
Jan 16 2016 07:10 UTC
@SarthakAdhikari Hey send your url, not the code
So we can see what’s stopping you from completing it
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:10 UTC
okay
http://www.freecodecamp.com/challenges/target-a-specific-child-of-an-element-using-jquery#?solution=fccss%0A%20%20%24%28document%29.ready%28function%28%29%20{%0A%20%20%20%20%24%28%22%23target1%22%29.css%28%22color%22%2C%20%22red%22%29%3B%0A%20%20%20%20%24%28%22%23target1%22%29.prop%28%22disabled%22%2C%20true%29%3B%0A%20%20%20%20%24%28%22%23target4%22%29.remove%28%29%3B%0A%20%20%20%20%24%28%22%23target2%22%29.appendTo%28%22%23right-well%22%29%3B%0A%20%20%20%20%24%28%22%23target5%22%29.clone%28%29.appendTo%28%22%23left-well%22%29%3B%0A%20%20%20%20%24%28%22%23target1%22%29.parent%28%29.css%28%22background-color%22%2C%20%22red%22%29%3B%0A%20%20%20%20%24%28%22%23right-well%22%29.children%28%29.css%28%22color%22%2C%20%22orange%22%29%3B%0A%20%20%20%20%24%28%27.well%3Anth-child%282%29%27%29.addClass%28%27animated%20bounce%27%29%0A%0A%20%20}%29%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%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%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
You guys have to decode the url it seems :P
Yasin Yusuf
@YasinYA
Jan 16 2016 07:11 UTC
@SarthakAdhikari type this line
Kyle Roach
@iRoachie
Jan 16 2016 07:11 UTC
@SarthakAdhikari Alright i see the problem
Yasin Yusuf
@YasinYA
Jan 16 2016 07:12 UTC
This message was deleted
CamperBot
@camperbot
Jan 16 2016 07:12 UTC
:bulb: to format code use backticks! ``` more info
Yasin Yusuf
@YasinYA
Jan 16 2016 07:12 UTC
@sarthakAdhikari$(".target").addClass("animated bounce");
Kyle Roach
@iRoachie
Jan 16 2016 07:12 UTC
Yea that’s ut
you were targeting the wrong element
You were specifying .well instead
Corrected code is
 $(‘.target:nth-child(2)').addClass('animated bounce’)
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:13 UTC
ok
can you guys teach me to solve problems by checking url? :P
so that I can be self dependent from next time.
Maulik Darji
@maulikdarji
Jan 16 2016 07:15 UTC
Kyle Roach
@iRoachie
Jan 16 2016 07:15 UTC
@SarthakAdhikari It’s not anything special about the url. When you send it, it allows us to go directly to your challenge, to see what you’re doing wrong
Yasin Yusuf
@YasinYA
Jan 16 2016 07:15 UTC
@SarthakAdhikari sorry what do you mean
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:15 UTC
@iRoachie @YasinYA Thanks.
CamperBot
@camperbot
Jan 16 2016 07:15 UTC
sarthakadhikari sends brownie points to @iroachie and @yasinya :sparkles: :thumbsup: :sparkles:
:warning: sarthakadhikari already gave yasinya points
:star: 138 | @iroachie | http://www.freecodecamp.com/iroachie
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:16 UTC
@YasinYA I mean how do you know whats causing the error by checking the url?
cannelflow
@cannelflow
Jan 16 2016 07:17 UTC
@maulikdarji gr8
Kyle Roach
@iRoachie
Jan 16 2016 07:17 UTC
@SarthakAdhikari Sometimes the challenges are tricky, make sure to read instructions carefully
Yasin Yusuf
@YasinYA
Jan 16 2016 07:17 UTC
you just read the instructions carefully and try to understand what is the problem is @SarthakAdhikari
@maulikdarji cute
i liked
cannelflow
@cannelflow
Jan 16 2016 07:17 UTC
@maulikdarji 1 of my link was also there lol
:smile:
Maulik Darji
@maulikdarji
Jan 16 2016 07:18 UTC
@cannelflow @YasinYA :+1:
@cannelflow :smile:
@cannelflow You completed Pomodoro ?
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:18 UTC
okay :D
cannelflow
@cannelflow
Jan 16 2016 07:21 UTC
@maulikdarji nope doing zipline one by one is frustrating so i planed for 1 zipline a week and rest for bonfire
@maulikdarji but i will soon :smile:
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:22 UTC
And what about 'All the target elements that computer considers even should shake.' in challenge 'Target Even Numbered Elements Using jQuery'?
My code:
Maulik Darji
@maulikdarji
Jan 16 2016 07:22 UTC
@cannelflow Good :+1:
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:22 UTC
<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove();
    $("#target2").appendTo("#right-well");
    $("#target5").clone().appendTo("#left-well");
    $("#target1").parent().css("background-color", "red");
    $("#right-well").children().css("color", "orange");
    $("#left-well").children().css("color", "green");
    $(".target:nth-child(2)").addClass("animated bounce");

    $('.target:even').addClass('animated Shake');

  });
</script>

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

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
Kyle Roach
@iRoachie
Jan 16 2016 07:22 UTC
@SarthakAdhikari Looks good to me but send the url
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:23 UTC
http://www.freecodecamp.com/challenges/target-even-numbered-elements-using-jquery#?solution=fccss%0A%20%20%24%28document%29.ready%28function%28%29%20{%0A%20%20%20%20%24%28%22%23target1%22%29.css%28%22color%22%2C%20%22red%22%29%3B%0A%20%20%20%20%24%28%22%23target1%22%29.prop%28%22disabled%22%2C%20true%29%3B%0A%20%20%20%20%24%28%22%23target4%22%29.remove%28%29%3B%0A%20%20%20%20%24%28%22%23target2%22%29.appendTo%28%22%23right-well%22%29%3B%0A%20%20%20%20%24%28%22%23target5%22%29.clone%28%29.appendTo%28%22%23left-well%22%29%3B%0A%20%20%20%20%24%28%22%23target1%22%29.parent%28%29.css%28%22background-color%22%2C%20%22red%22%29%3B%0A%20%20%20%20%24%28%22%23right-well%22%29.children%28%29.css%28%22color%22%2C%20%22orange%22%29%3B%0A%20%20%20%20%24%28%22%23left-well%22%29.children%28%29.css%28%22color%22%2C%20%22green%22%29%3B%0A%20%20%20%20%24%28%22.target%3Anth-child%282%29%22%29.addClass%28%22animated%20bounce%22%29%3B%0A%20%20%20%0A%20%20%20%20%24%28%27.target%3Aeven%27%29.addClass%28%27animated%20Shake%27%29%3B%0A%0A%20%20}%29%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%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%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
Kyle Roach
@iRoachie
Jan 16 2016 07:24 UTC
Yea “shake” instead of “Shake"
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:24 UTC
:o:
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 07:25 UTC
hmmm.... I think I am giving too much time on my zipline project
Yasin Yusuf
@YasinYA
Jan 16 2016 07:25 UTC
@SarthakAdhikari $(".target:even").addClass("animated shake"); this line of code is solving your problem but try to understand it
Kyle Roach
@iRoachie
Jan 16 2016 07:25 UTC
@SarthakAdhikari I changed it to “shake” and it completed for me
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:25 UTC
Cant thank you enough
It worked for me too.
Kyle Roach
@iRoachie
Jan 16 2016 07:26 UTC
@SarthakAdhikari Glad i could help :)
SarthakAdhikari
@SarthakAdhikari
Jan 16 2016 07:26 UTC
@YasinYA @iRoachie Thank you again guys.. It didnt work because i used 'Shake' instead of 'shake' :D
CamperBot
@camperbot
Jan 16 2016 07:26 UTC
sarthakadhikari sends brownie points to @yasinya and @iroachie :sparkles: :thumbsup: :sparkles:
:warning: sarthakadhikari already gave yasinya points
:warning: sarthakadhikari already gave iroachie points
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 07:27 UTC
Anyone knows where to start looking if I want animations from only css ??
Gary G
@garysa2010
Jan 16 2016 07:29 UTC

guys, need your suggestion pls. am doing the counting card exercise but now i am stuck. ```
var count = 0;

function cc(card) {
// Only change code below this line
switch(card){
case 2:
case 3:
case 4:
case 5:
case 6:
count++;
break;
case 7:
case 8:
case 9:
count += 0;
break;
case 10:
case 'J':
case 'Q':
case 'K':
case 'A':
count--;
break;
default:
return "Change Me";
}

if (count <= 0) {
console.log(count);
console.log(" Hold");
} else
console.log(count);
console.log(" Bet");

// Only change code above this line
}

// Add/remove calls to test your function.
// Note: Only the last will display
cc(2); cc(3); cc(4); cc(5); cc(6);```

guys, need your suggestion pls. am doing the counting card exercise but now i am stuck.```
js
var count = 0;

function cc(card) {
// Only change code below this line
switch(card){
case 2:
case 3:
case 4:
case 5:
case 6:
count++;
break;
case 7:
case 8:
case 9:
count += 0;
break;
case 10:
case 'J':
case 'Q':
case 'K':
case 'A':
count--;
break;
default:
return "Change Me";
}

if (count <= 0) {
console.log(count);
console.log(" Hold");
} else
console.log(count);
console.log(" Bet");

// Only change code above this line
}

// Add/remove calls to test your function.
// Note: Only the last will display
cc(2); cc(3); cc(4); cc(5); cc(6);```

Yasin Yusuf
@YasinYA
Jan 16 2016 07:30 UTC
@garysa2010 use switch statement
Glen Roberts
@ZeroAccess
Jan 16 2016 07:31 UTC
he is
explain format
CamperBot
@camperbot
Jan 16 2016 07:31 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

Yasin Yusuf
@YasinYA
Jan 16 2016 07:32 UTC
This message was deleted
Gary G
@garysa2010
Jan 16 2016 07:32 UTC
@YasinYA i @ZeroAccess sorry about that..let me try again.
Yasin Yusuf
@YasinYA
Jan 16 2016 07:32 UTC
ok @garysa2010 try it
Glen Roberts
@ZeroAccess
Jan 16 2016 07:33 UTC
no worries, gimme a minute and I'll be able to help. Went to hospital today and gotta take some medicine and get a few things
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 07:33 UTC
probably I am slacking of too much , after recovering ... but I have no clue what to use in colors for my portfolio design :worried: does this look good ? http://codepen.io/Mr-Kumar-Abhishek/full/NxjdrB/
Gary G
@garysa2010
Jan 16 2016 07:33 UTC
js var count = 0;

function cc(card) {
  // Only change code below this line
  switch(card){    
    case 2:
    case 3:
    case 4:
    case 5:
    case 6:
      count++;
      break;
    case 7:
    case 8:
    case 9:
      count += 0;
      break;
    case 10:
    case 'J':
    case 'Q':
    case 'K':
    case 'A':
      count--;
      break;
    default:
      return "Change Me";
}

  if (count <= 0) {
    console.log(count); 
    console.log(" Hold");
    } else
    console.log(count);
    console.log(" Bet");

  // Only change code above this line
}

// Add/remove calls to test your function.
// Note: Only the last will display
cc(2); cc(3); cc(4); cc(5); cc(6);
```
Yasin Yusuf
@YasinYA
Jan 16 2016 07:33 UTC
@ZeroAccess how r you
Kyle Roach
@iRoachie
Jan 16 2016 07:35 UTC
@garysa2010 paste ur url here
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 07:36 UTC
@garysa2010 just close and reopen the browser
it will work perfectly
JonnyUtah86
@JonnyUtah86
Jan 16 2016 07:38 UTC
Hello friends, quick question... Once your have created a CSS width property, how do you apply it to an image?
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 07:38 UTC
Hi somebody help me out here
function reverseString(str) {
   str.split();
}

reverseString("hello");
basic algorithm reverse string
Kevin Rogers
@kevintrogers
Jan 16 2016 07:39 UTC
@JonnyUtah86 you do something like this ````img {
Yasin Yusuf
@YasinYA
Jan 16 2016 07:39 UTC
jsvar count = 0;

function cc(card) {
  // Only change code below this line
  switch(card){    
    case 2,3,4,5,6:
      count += 1;
      return "5 Bet";
      break;
    case 7,8,9: 
      return "0 Hold";
      break;
    case 10,"J", "Q", "K", "A":
      return "-5 Hold";
      break;
    case 3,2, "A", 10, "K":
      return "-1 Hold";
      break;
Kevin Rogers
@kevintrogers
Jan 16 2016 07:40 UTC
sorry img { width: 32em;}
JonnyUtah86
@JonnyUtah86
Jan 16 2016 07:40 UTC
is that within the <img src="">?
Gary G
@garysa2010
Jan 16 2016 07:41 UTC
@sukumarkutagulla i don't why it still doesn't work.
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 07:41 UTC
just refresh some times after closing the browser, logout and relogin alos
it works for me
Yasin Yusuf
@YasinYA
Jan 16 2016 07:41 UTC
@garysa2010 do it like that
Kevin Rogers
@kevintrogers
Jan 16 2016 07:42 UTC
that would be in the stylesheet, the CSS file, if you do it inline do it like this <img src=" " style="width:32em">
Gary G
@garysa2010
Jan 16 2016 07:42 UTC
@YasinYA oh ok. let me try. will get back shortly. thanks!
CamperBot
@camperbot
Jan 16 2016 07:42 UTC
garysa2010 sends brownie points to @yasinya :sparkles: :thumbsup: :sparkles:
:star: 213 | @yasinya | http://www.freecodecamp.com/yasinya
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 07:43 UTC
function reverseString(str) {
   str.split();
}

reverseString("hello");
Kevin Rogers
@kevintrogers
Jan 16 2016 07:43 UTC
always preferable to do that in the style sheet however. If you have to change the width later and have to look for it in the html file, much more difficult than in the CSS.
Yasin Yusuf
@YasinYA
Jan 16 2016 07:43 UTC
no problem @garysa2010
Kevin Rogers
@kevintrogers
Jan 16 2016 07:43 UTC
sorry if that's getting beyond your current knowledge.
Kyle Roach
@iRoachie
Jan 16 2016 07:45 UTC
@garysa2010 Yea i got it for you
  switch(card){    
    case 2:
    case 3:
    case 4:
    case 5:
    case 6:
      count++;
      break;
    case 7:
    case 8:
    case 9:
      count = 0;
      break;
    case 10:
    case 'J':
    case 'Q':
    case 'K':
    case 'A':
      count--;
      break;
  }

 if (count > 0) {
    return count + " Bet"; 
    } else {
    return count + " Hold";
}
Glen Roberts
@ZeroAccess
Jan 16 2016 07:48 UTC
Sorry for delay @YasinYA , good now just a lil scare. I
I'm somewhat young I'll bounce back
just exhausted
so tired I can't sleep
Yasin Yusuf
@YasinYA
Jan 16 2016 07:49 UTC
yeah hope you get better @ZeroAccess
Glen Roberts
@ZeroAccess
Jan 16 2016 07:49 UTC
Thanks @YasinYA
CamperBot
@camperbot
Jan 16 2016 07:49 UTC
zeroaccess sends brownie points to @yasinya :sparkles: :thumbsup: :sparkles:
:star: 214 | @yasinya | http://www.freecodecamp.com/yasinya
Yasin Yusuf
@YasinYA
Jan 16 2016 07:49 UTC
welcome @ZeroAccess
varEnigmatic
@varEnigmatic
Jan 16 2016 07:50 UTC
@Mr-Kumar-Abhishek have you tried #565656
A good red is #e00404
Gary G
@garysa2010
Jan 16 2016 07:51 UTC
@iRoachie cool man! it worked! thanks!
CamperBot
@camperbot
Jan 16 2016 07:51 UTC
garysa2010 sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:star: 152 | @iroachie | http://www.freecodecamp.com/iroachie
varEnigmatic
@varEnigmatic
Jan 16 2016 07:51 UTC
Nice off white #f4f4f4
JonnyUtah86
@JonnyUtah86
Jan 16 2016 07:53 UTC
You are the man @kevintrogers
I did just start but you helped a lot. I was trying to add it before the source
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 07:53 UTC
@varEnigmatic thanks
CamperBot
@camperbot
Jan 16 2016 07:53 UTC
mr-kumar-abhishek sends brownie points to @varenigmatic :sparkles: :thumbsup: :sparkles:
:star: 28 | @varenigmatic | http://www.freecodecamp.com/varenigmatic
varEnigmatic
@varEnigmatic
Jan 16 2016 07:54 UTC
Np @Mr-Kumar-Abhishek
Is parse the best for transferring data...like forwarding a pic
Matthew Cates
@matthewcates
Jan 16 2016 08:14 UTC
Can you be more specific?
varEnigmatic
@varEnigmatic
Jan 16 2016 08:21 UTC
Like if I take a pic and I need to upload it according to apples strict mvc
I want to do this to share it
So like bootstrap based like Twitter app?
It always works in my head
John Shtefan
@JohnPaine
Jan 16 2016 08:29 UTC
Hey guys! I'm new to JS=) I wonder if there is someone familiar with Atlassian JIRA development? I'm trying to make a sort of plugin for it, but not through it's plugin SDK, because I have a small task. I tried to make web page through Confluence spaces and to get some data from JIRA via http request with JS, but it seems to work only in IE - not in Chrome.. Looks like it's because of cross-site requests that are not permitted in Chrome.. Am I right? And is there some way to bypass this restriction?
KoToZ
@Mohamedtareque
Jan 16 2016 08:58 UTC

hey guys

<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  .pink-text {
    color: pink;
  }
  .blue-text {
    color: blue;
  }
  #orange-text{
    color:orange;
  }
</style>
<h1 class="pink-text blue-text " id =" orange-text">Hello World!</h1>

why this text dose not change to orange !!

Ranjith Kumar Yadav Cheguri
@theeverindian
Jan 16 2016 08:58 UTC
@Mohamedtareque you have space in " orange-text" remove that space
KoToZ
@Mohamedtareque
Jan 16 2016 09:03 UTC
ya good now thnx
John Shtefan
@JohnPaine
Jan 16 2016 09:04 UTC
@Mohamedtareque also class="pink-text blue-text " is useless here because the id tag re-covers your text format
Fayheim
@Fayheim
Jan 16 2016 09:12 UTC
Hey
Can anyone help me, currently stuck at the start of bootstrap
dont really know how to go on from here
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:18 UTC
@Fayheim what you don't understand ?
Fayheim
@Fayheim
Jan 16 2016 09:19 UTC
@Mr-Kumar-Abhishek "To get started, we should nest all of our HTML in a div element with the class container-fluid."
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

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

<a href="#"><img class="smaller-image thick-green-border" 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>
The HTML elements are the one after Styles right?
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:21 UTC
@Fayheim yes
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:21 UTC
@Mr-Kumar-Abhishek
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:21 UTC
@Fayheim now add the class
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:21 UTC
function reverseString(str) {

  var spArray = str.split();
  var rv = spArray.reverse();
  var j = rv.join("");

  return j;
}
reverseString("hello");
suggest me corrections
Fayheim
@Fayheim
Jan 16 2016 09:21 UTC
@Mr-Kumar-Abhishek how do i add it
or where?
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:22 UTC
@Fayheim hint: div with a class<div class="some-class">
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:22 UTC
@Fayheim classes can be added in element tags or style tags
@Mr-Kumar-Abhishek can you check my code
??
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:23 UTC
@sukumarkutagulla what is the output ?
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:24 UTC
hello only
its not getting reversed
like olleh
Fayheim
@Fayheim
Jan 16 2016 09:24 UTC
@Mr-Kumar-Abhishek
<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;
  }

  .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>
@Mr-Kumar-Abhishek is this correct
however, still get an error
"Make sure you have nested all HTML elements in .container-fluid.
"
youngperson
@youngperson
Jan 16 2016 09:24 UTC
I'm stuck
Your p element should contain the first few words of the provided kitty ipsum text.
Mihai Neagu
@mihai54321
Jan 16 2016 09:25 UTC
the prblem not closed div
-fluid" <
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:26 UTC
@Fayheim your missing > in opening of <div class="container-fluid">
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:26 UTC
@Mr-Kumar-Abhishek with for loop also it is not getting reversed
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:26 UTC
@sukumarkutagulla which waypoint ?
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:27 UTC
248 challenge
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:27 UTC
@sukumarkutagulla name ?
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:27 UTC
basic algorithm
Mihai Neagu
@mihai54321
Jan 16 2016 09:27 UTC
@Fayheim pay attention to @Mr-Kumar-Abhishek
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:27 UTC
Get Set for our Algorithm Challenges
@mihai54321
@Mr-Kumar-Abhishek
Fayheim
@Fayheim
Jan 16 2016 09:28 UTC
Thanks @Mr-Kumar-Abhishek @mihai54321
CamperBot
@camperbot
Jan 16 2016 09:28 UTC
fayheim sends brownie points to @mr-kumar-abhishek and @mihai54321 :sparkles: :thumbsup: :sparkles:
Fayheim
@Fayheim
Jan 16 2016 09:28 UTC
but this is all still confusing for me
CamperBot
@camperbot
Jan 16 2016 09:28 UTC
:star: 291 | @mr-kumar-abhishek | http://www.freecodecamp.com/mr-kumar-abhishek
:star: 232 | @mihai54321 | http://www.freecodecamp.com/mihai54321
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:29 UTC
@sukumarkutagulla just give me the link I am not finding in my map maybe it is a new
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:29 UTC
ok
@Mr-Kumar-Abhishek you got it??
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:31 UTC
@sukumarkutagulla yess looking at it
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:31 UTC
ok
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:32 UTC
@sukumarkutagulla what is your argument for the split() function ?
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:32 UTC
var spArray = str.split();
no argument as we have only one word in the parameter
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:32 UTC
@sukumarkutagulla you should split as split('')
@sukumarkutagulla to give indication to split every character
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:33 UTC
wow got it thanks bro
its working now
thanks to @Mr-Kumar-Abhishek
CamperBot
@camperbot
Jan 16 2016 09:33 UTC
sukumarkutagulla sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:star: 292 | @mr-kumar-abhishek | http://www.freecodecamp.com/mr-kumar-abhishek
Abhishek Kumar
@Mr-Kumar-Abhishek
Jan 16 2016 09:34 UTC
@sukumarkutagulla refer mdn docs how split() works
sukumarkutagulla
@sukumarkutagulla
Jan 16 2016 09:34 UTC
i referred but didn't get mu