These are chat archives for FreeCodeCamp/Help

21st
Oct 2015
werefrog
@werefrog
Oct 21 2015 00:02
sorry, I missed the punctuation point
I'm almost a beginner in JS, but at first glance a regex might do the trick
re.sub(r'(\w+)', reverse(\1))
in python :)
Garrett Schultz
@garettschultz
Oct 21 2015 00:11
could somebody explain this for me? Why would we need to nest an array inside another array? Whats the use of it?
Byron Lagrone
@byronic
Oct 21 2015 00:18
@gratschultz2013 There are lots of reasons why you'd want a multi-dimensional array. A hash table is probably the most common
Chris
@Aoxom
Oct 21 2015 00:19
@gratschultz2013 maybe so you can add more info for each item in the array? like client[0] = new array ("Joe", 47, "Accountant"), client[1] = new array ("Fred", 32, "Cashier")
@byronic does my example make sense or no? (beginner here trying to understand too) :)
Byron Lagrone
@byronic
Oct 21 2015 00:19
@Aoxom good callout
Garrett Schultz
@garettschultz
Oct 21 2015 00:21
hmmm, can you think of more of a "gradeschool" example? it takes awhile for me to understand things
Chris
@Aoxom
Oct 21 2015 00:23
this is what i was basing my example off of http://www.elated.com/articles/nested-arrays-in-javascript/
Byron Lagrone
@byronic
Oct 21 2015 00:23
@gratschultz2013 you might also think of a (very bad) implementation of a pixel image
so the two-dimensional array would describe x,y coordinates of the image
i.e. [ [blue, blue, blue], [blue, white, white], [blue, blue, blue]] would be a simplistic blue C
Does that make sense?
Garrett Schultz
@garettschultz
Oct 21 2015 00:26
i thought a nested array was one array inside another like this:
var ourArray = [["the universe", "everything", 42]];
but that link from @Aoxom is completely different and doesnt even look like that.
Byron Lagrone
@byronic
Oct 21 2015 00:27
@gratschultz2013 it is
Garrett Schultz
@garettschultz
Oct 21 2015 00:28
var pets = new Array ( );
pets[0] = new Array ( "Sheba", 13, "cat" );
pets[1] = new Array ( "Jasper", 12, "dog" );
alert ( pets[0][0] + " is a " + pets[0][1] + " year old " + pets[0][2] ); // Displays "Sheba is a 13 year old cat"
alert ( pets[1][0] + " is a " + pets[1][1] + " year old " + pets[1][2] );
that doesnt look anything like the nested array from FCC that why im confused
Byron Lagrone
@byronic
Oct 21 2015 00:28
That's just a fancy way to declare [ [ "Sheba", 13, "cat" ], [ "Jasper", 12, "dog" ] ]
Garrett Schultz
@garettschultz
Oct 21 2015 00:29
so where can i find an example of an array like on FCC
Byron Lagrone
@byronic
Oct 21 2015 00:29
Your example @gratschultz2013 is also a nested array, there's just one array inside another instead of multiple arrays inside of another
Anytime you have an array inside another array, those arrays are considered 'nested'
Chris
@Aoxom
Oct 21 2015 00:36
@gratschultz2013 so in the FCC example, if you want to reference "everything", do you know where its at?
Damani Turner
@AdamBrashear
Oct 21 2015 00:43
Hi everyone! i am stuck on waypoint 49 where it's having me prioritize one style over another. it want the pink to show up over the green and even though I think I have the code entered correctly it wont change anything. the code looks like this: .pink-text { color= pink;}
Garrett Schultz
@garettschultz
Oct 21 2015 00:44
@byronic but how is that possible when those are parenthesis and not brackets?
Byron Lagrone
@byronic
Oct 21 2015 00:45
@gratschultz2013 Because instead of initializing the arrays by hand, we are adding them at slots 0 and 1 in the 'outside' array via the new Array( ) constructor function
So:
Varun Upadhyay
@varunu28
Oct 21 2015 00:45

Bonfire:Difference of two Arrays

function diff(arr1, arr2) {
var newArr = [];
var n=arr1.length;
var m=arr2.length;
var i=0;
  while(i<n){
    if(arr1.indexOf(arr2[i])===-1){
      newArr.push(arr2[i]);
    }
    i++;
  }

  i=0;
  while(i<m){
    if(arr2.indexOf(arr1[i])===-1){
      newArr.push(arr1[i]);
    }
    i++;
  }
  return newArr;
}

I am getting the correct values for the algorithm but I am also getting a null value stored in the newArr because of which the test cases are getting failed.
How to approach this problem?

Garrett Schultz
@garettschultz
Oct 21 2015 00:45
in the example i showed you i dont see any array nested inside another array because all i see is individual arrays right next to one another inside parenthesis
Byron Lagrone
@byronic
Oct 21 2015 00:46

@gratschultz2013

pet = new Array();

and

pet = [ ];

are equivalent.

Garrett Schultz
@garettschultz
Oct 21 2015 00:47
so then why did FCC say that array are inside brackets and not parenthesis? this is the crap that confuses me
Byron Lagrone
@byronic
Oct 21 2015 00:48
@gratschultz2013 The arrays (what you end up with) are in brackets. The constructor function new Array( ) is a function that returns an array. Functions use parentheses instead of brackets.
so after running pet = new Array(); you'll have an array called pet that looks like: [ ]
Similarly, after running pet = new Array("dog", "cat") the resulting pet array would look like: ["dog", "cat"]
Garrett Schultz
@garettschultz
Oct 21 2015 00:50
is it normal to be this confused over beginner javascript? i mean idk what a constructor function even means.
Byron Lagrone
@byronic
Oct 21 2015 00:52
@gratschultz2013 It's okay to be confused at this stage. Functions, arrays and classes are a step up from basic programming.
It might be worth your time to review W3schools' JavaScript tutorials: http://www.w3schools.com/js/js_functions.asp
They're very boiled-down to essentials and it might make some of that easier to understand
Ed Sztukowski
@Burgustu
Oct 21 2015 01:04
@gratschultz2013 I've gone through like 3 of the bonfires now and Im still incredibly lost
I pretty much feel like throwing in the towel constantly, will someone reassure me that it gets better
Chris
@Aoxom
Oct 21 2015 01:07
@Burgustu soon youll realize FCC set up the Bonfires to be challenging on purpose.. makes you really have to research and learn how things work. at least thats what im discovering (im a newbie too)
Ed Sztukowski
@Burgustu
Oct 21 2015 01:09
@Aoxom Yeah I starting to get that they're vague on purpose. I think it took me about an hour and a half to get the palindrome one yesterday
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 01:12
@Burgustu i had the same problems, i was in shock because i didn't know how to use RegEx
zeuS
@z0s
Oct 21 2015 01:25

can someone help with creating a button

<form action="/submit-cat-photo">
<input button type="submit" placeholder="cat photo URL"></button>
</form>

Wat am i doing wrong
KofiAkorli
@KofiAkorli
Oct 21 2015 01:26
@z0s switch the positions of input and button
zeuS
@z0s
Oct 21 2015 01:31
<form action="/submit-cat-photo">
<button type="Submit" placeholder="cat photo URL">
</button>
</form>
how about now
Matt Leonard
@matty22
Oct 21 2015 01:32
which waypoint are you on z0s?
zeuS
@z0s
Oct 21 2015 01:32

Waypoint: Add a Submit Button to a Form
Let's add a submit button to your form. Clicking this button will send the data from your form to the URL you specified with your form's action attribute.

Here's an example submit button: <button type="submit">this button submits the form</button>.

Add a submit button to your form element with type submit and "Submit" as its text.

@matty22
Matt Leonard
@matty22
Oct 21 2015 01:34
You aren't passing test 3?

Look at their example and yours and see if you can find what you need to add

```

//Their example
<button type="submit">this button submits the form</button>

//Your code

<button type="Submit" placeholder="cat photo URL"></button>
KofiAkorli
@KofiAkorli
Oct 21 2015 01:38
yeah @z0s they give examples in the instructions to the left, follow those
Byron Lagrone
@byronic
Oct 21 2015 01:39

I may just be misinterpreting this, but the following code is flummoxing me:

function isNaN(value)
{
  if(value === NaN)
    return true;
  else
    return false;
};

isNaN(NaN);

When I run this code, isNaN(NaN) evaluates to false.

Can anyone tell me why that's happening or point me at a resource that explains this behavior?
Matt Leonard
@matty22
Oct 21 2015 01:40
@byronic check out the MDN page on NaN. One of it's oddities is that it is not strictly equal (===) to itself
Byron Lagrone
@byronic
Oct 21 2015 01:41
@matty22 thanks, I thought I was going crazy for a minute there
CamperBot
@camperbot
Oct 21 2015 01:41
byronic sends brownie points to @matty22 :sparkles: :thumbsup: :sparkles:
:star: 196 | @matty22 | http://www.freecodecamp.com/matty22
Byron Lagrone
@byronic
Oct 21 2015 01:41
That answers my question handily
so now I just have to hope isNaN() is supported in FCC :)
it is!
I also had to use a test for typeof(value) but that cleared it up
thanks again :)
CamperBot
@camperbot
Oct 21 2015 01:44
if you want to thank someone, put an @ before their name!
Byron Lagrone
@byronic
Oct 21 2015 01:45
I already did @camperbot :|
VeryPlite
@VeryPlite
Oct 21 2015 01:49
Hey all! I'm having issues nesting an a element inside a p element. I think I'm doing it right but it says it's not nested. And it says my p element doesn't have the text "View more" when at least I think it doesn't. Obviously I am not understanding something.
Matt Leonard
@matty22
Oct 21 2015 01:58
Show us your code @VeryPlite
Greg Foley
@GregFoley
Oct 21 2015 02:00
@VeryPlite Did you notice that they prewrote some of the code?
VeryPlite
@VeryPlite
Oct 21 2015 02:00
@matty22 How exactly do I do that? I am pretty new here.
Matt Leonard
@matty22
Oct 21 2015 02:01
Type ```and hit enter
it will put another 3 under it. paste your code in between the top and bottom row of
woops
Paste your code in between the top row of ``` and the bottom row of
Then hit ctrl + enter
```
VeryPlite
@VeryPlite
Oct 21 2015 02:03
<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>

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

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

<p>View more 
  <a href="http://freecodecamp.com"> 
    cat photos.
  </a> </p>
1) It says cannot read property 'length' of null
Matt Leonard
@matty22
Oct 21 2015 02:04
Get it all onto one line maybe?
VeryPlite
@VeryPlite
Oct 21 2015 02:04
Still the same
Greg Foley
@GregFoley
Oct 21 2015 02:04
It may have to be between the h2 and the img... not positive. Try it.
VeryPlite
@VeryPlite
Oct 21 2015 02:04
It says it's not nested either, it also says <p> doesn't say View more with a space afterwards
okay, ill try that
<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>View more <a href="http://freecodecamp.com"> cat photos.</a> </p>

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
I changed it but it says the same
Matt Leonard
@matty22
Oct 21 2015 02:06
Try removing the space before "cat photos."
Greg Foley
@GregFoley
Oct 21 2015 02:06
<p>View more 
  <a href="http://www.freecatphotoapp.com">
    cat photos
  </a>
</p>
above works for me
I was about to say try removing the space too.
and maybe the period
VeryPlite
@VeryPlite
Oct 21 2015 02:07
<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>View more 
  <a href="http://freecodecamp.com">
    cat photos.
  </a> 
</p>

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Matt Leonard
@matty22
Oct 21 2015 02:07
and the space between the closing </a> and closing </p>
VeryPlite
@VeryPlite
Oct 21 2015 02:08
This isn't working. Although now it says P element says view more with a space.
The space didn't work
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 02:08
hi, i'm stuck in "Bonfire: Title Case a Sentence"
this is my code
Matt Leonard
@matty22
Oct 21 2015 02:08
Yeah, remove all those spaces and carriage returns.
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 02:09

``` function titleCase(str) {
str=str.split(" ");
for (var a in str)
{
str[a][0]=str[a].charAt(0).toUpperCase();
}
str=str.join(" ");
return str;
}

titleCase("I'm a little tea pot"); ````

VeryPlite
@VeryPlite
Oct 21 2015 02:09
<p>View more <a href="http://freecodecamp.com">cat photos.</a></p>
DJ
@qualitymanifest
Oct 21 2015 02:09
@reppito you need to put the backticks on separate lines above and below your code
VeryPlite
@VeryPlite
Oct 21 2015 02:09
This is what I changed it to but it still says the same
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 02:09
function titleCase(str) {
str=str.split(" ");
for (var a in str)
{
str[a][0]=str[a].charAt(0).toUpperCase();
}
str=str.join(" ");
return str;
}
titleCase("I'm a little tea pot"); 
`
THAANKS! @qualitymanifest
thanks @qualitymanifest
CamperBot
@camperbot
Oct 21 2015 02:10
reppito sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
Matt Leonard
@matty22
Oct 21 2015 02:10
Ah...read the instructions very carefully @VeryPlite. See what they tell you to have as a link
CamperBot
@camperbot
Oct 21 2015 02:10
:star: 290 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Greg Foley
@GregFoley
Oct 21 2015 02:10
@matty22 good catch, I missed that
Matt Leonard
@matty22
Oct 21 2015 02:11
/bow
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 02:11
the function return the same string :/ anyone know what could be the problem?
VeryPlite
@VeryPlite
Oct 21 2015 02:11
Yeah the link I had was wrong, its all fixed now :D Thanks for the help! @matty22 @GregFoley
CamperBot
@camperbot
Oct 21 2015 02:11
veryplite sends brownie points to @matty22 and @gregfoley :sparkles: :thumbsup: :sparkles:
:star: 29 | @gregfoley | http://www.freecodecamp.com/gregfoley
:star: 197 | @matty22 | http://www.freecodecamp.com/matty22
Matt Leonard
@matty22
Oct 21 2015 02:12
No problemo! Keep that in mind moving forward as well. I've gotten myself hung up on challenges several times cause I didn't read the entire instructions!
deaninous
@deaninous
Oct 21 2015 02:28
hi coders. i am working on bf validate US phone numbers
my code passes most tests but accepts when only one parem is included
is there is way to include that?
here is my code
function telephoneCheck(str) {
  // Good luck!
  var phenoma = /^(1)?([\(\-\s]?(\d{3}\)?[\(\-\s]?)?)(\d{3})[(\-\s]?\)?(\d{4})$/;
  if (str.match(phenoma))
    return true;
  else{
    return false;
  }
  //console.log(arguments);


}



telephoneCheck("555-555-5555");
DJ
@qualitymanifest
Oct 21 2015 02:40
@reppito are you still working on that? i just got a chance to look at your code and i have some suggestions
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 02:41
@qualitymanifest i did, but i 'll be glad if you give me some suggestions
DJ
@qualitymanifest
Oct 21 2015 02:41
@reppito oh you got it?
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 02:41
yes I'll show you
function titleCase(str) {
  str=str.toLowerCase();
  str=str.split(" ");
  for(var a in str)
   {
     str[a]=str[a].charAt(0).toUpperCase()+str[a].slice(1);
   }
  str=str.join(" ");
  return str;
}


titleCase("sHoRt AnD sToUt");
but, thanks anyway @qualitymanifest
CamperBot
@camperbot
Oct 21 2015 02:42
reppito sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:warning: reppito already gave qualitymanifest points
DJ
@qualitymanifest
Oct 21 2015 02:43
interesting. my way was to lowercase it, and split it into individual characters. capitalize the first character. then, in a for loop, check if the character you're looping on is a space, if so, capitalize the next character.
function titleCase(str) {
str = str.toLowerCase().split('');
console.log(str);
str[0] = str[0].toUpperCase();
for (var a = 0; a < str.length; a++) {
    if (str[a] === " ") {
        console.log(str[a])
        str[a + 1] = str[a + 1].toUpperCase();
    }
}
str = str.join('');
return str;
}
titleCase("I'm a little tea pot");
so your code actually came out cleaner than mine, good job.
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 02:47
@qualitymanifest is a intersting way too!!
@qualitymanifest but, whats happen if the next character isn't a letter and is other space?
DJ
@qualitymanifest
Oct 21 2015 02:49
@reppito nothing, it just keeps going
Anna Snider
@annerlaine
Oct 21 2015 02:50
Hey guys, having problems with my waypoints
using bootstrap grid to put elements side by side
can anyone help?
Velmurugan Velayutham
@velmuruganvelayutham
Oct 21 2015 02:51
@annerlaine yes please
Anna Snider
@annerlaine
Oct 21 2015 02:51
im on lesson number 78
but i can figure out where to place my <div> elements
@velmuruganvelayutham
DJ
@qualitymanifest
Oct 21 2015 02:54
@annerlaine have you tried anything yet? if so, paste your code
Anna Snider
@annerlaine
Oct 21 2015 02:59
Screen Shot 2015-10-20 at 10.01.27 PM.jpg
@qualitymanifest here is where i have gotten to
I cant fufill this requirement
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
just found my mistake
thanks for being willing to help though
CamperBot
@camperbot
Oct 21 2015 03:00
if you want to thank someone, put an @ before their name!
Herman Fassett
@HermanFassett
Oct 21 2015 03:00
Glad to be a rubber duck
Judy T
@judes3011
Oct 21 2015 03:18
hello! sorry to bother...i have this function:
<script>
$(document).ready(function($("button").addClass("animated bounce")) {

});
</script>
but when i run test, i get this message: Unexpected token (
Maya B
@MayaBorgueta
Oct 21 2015 03:19
Can anyone please help with Waypoint: Manipulate Arrays with Push?
Judy T
@judes3011
Oct 21 2015 03:19
...rather than what i've done correctly or incorrectly. can anyone help? or..it is a bug?
Maya B
@MayaBorgueta
Oct 21 2015 03:20
The instruction is "Take the myArray array and push() this value to the end of it: ["dog", 3]."
and my code: myArray.push(["dog", 3])
it looks like the example to me?
Judy T
@judes3011
Oct 21 2015 03:21
oh wait i just found the answer elsewhere...sorry!
tseamus
@tseamus
Oct 21 2015 03:26

Hey folks, I've been working on the second bonfire for a while, and can't figure out what to do. Here is my code:


function reverseString(str) {
  return str.split().reverse().join();

}

reverseString("hello");

Can anyone help?

Herman Fassett
@HermanFassett
Oct 21 2015 03:31
You need an argument in split and join
tseamus
@tseamus
Oct 21 2015 03:33
What do you mean by an argument exactly?
I understand that there's something called an argument, but I don't understand what that is.
Herman Fassett
@HermanFassett
Oct 21 2015 03:34

So in

function reverseString(str) {

the str is the parameter... and

reverseString("hello");

"hello" is the argument

So you need a character at which to split and which with to join
Argument is basically what you send to a function in between parentheses
tseamus
@tseamus
Oct 21 2015 03:36
Ahh, okay. Thank you. That's super simple. Every website that I read in which it's described makes it very unclear.
CamperBot
@camperbot
Oct 21 2015 03:36
if you want to thank someone, put an @ before their name!
tseamus
@tseamus
Oct 21 2015 03:37
@HermanFassett one other question: can the parameter be made into a variable as well, or is that not necessary in this case?
Herman Fassett
@HermanFassett
Oct 21 2015 03:38
Well it kind of is a variable passed to the function... Well that's the argument part. But you can just use it as str like a variable
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:38
1st time here to ask for help.
tseamus
@tseamus
Oct 21 2015 03:38
Okay. Thank you.
CamperBot
@camperbot
Oct 21 2015 03:38
if you want to thank someone, put an @ before their name!
Herman Fassett
@HermanFassett
Oct 21 2015 03:39
Well welcome to help chat @rodri0315
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:39
@HermanFassett thank you!... I am on the problem of "Waypoint: Bring your JavaScript Slot Machine to Life"
CamperBot
@camperbot
Oct 21 2015 03:39
rodri0315 sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:star: 404 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
Herman Fassett
@HermanFassett
Oct 21 2015 03:40
Oh ok so what's the problem and your code?
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:40

Let's use the jQuery selector $(".slot") to select all of the slots.

Once they are all selected, we can use bracket notation to access each individual slot:

$($(".slot")[0]).html(slotOne);

This jQuery will select the first and update the slot's HTML to display the correct number.

Use the above selector to display each number in its corresponding slot.

My answer $($(".slot")
[0]).html(slotOne);
$($(".slot") [1]).html(slotTwo);

$($(".slot") [2]).html(slotThree);
$($(".slot") [0]).html(slotOne);
$($(".slot") [1]).html(slotTwo);

$($(".slot") [2]).html(slotThree);
Herman Fassett
@HermanFassett
Oct 21 2015 03:42
Looks pretty good to me, just don't have a space between the ) and [
Carhivo
@Carhivo
Oct 21 2015 03:43
Alguien habla español?
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:43
No freaking way!!!... really?! wow... I tried every single different way to type this except taking the space from there!
@HermanFassett Thank you again!
CamperBot
@camperbot
Oct 21 2015 03:44
rodri0315 sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:warning: rodri0315 already gave hermanfassett points
Herman Fassett
@HermanFassett
Oct 21 2015 03:44
Yeah
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:44
@Carhivo si Yo
HayleeNeal
@HayleeNeal
Oct 21 2015 03:44

//

// Only change code below this line.

slotOne Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotTwo Math.floor(Math.random() * (3 - 1 + 1)) + 1;
slotThree Math.floor(Math.random() * (3 - 1 + 1)) + 1;
// Only change code above this line.

//

Waypoint: Create a JavaScript Slot Machine

I can't figure out qwhat I'm doing wrong?

Carhivo
@Carhivo
Oct 21 2015 03:45
@rodri0315 Oye, me puedes ayudar?, estoy en css y no se como poner la fuente "monospace"
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:45
que pasa amigo?.... Now I'm gonna try to help this guy that comented in spanish
Cual es el problema?
Carhivo
@Carhivo
Oct 21 2015 03:46
@rodri0315 Espera :v

@rodri0315 Mira, google no traduce bien hací que no puedo entender esto:

"Make all of your p elements use the Monospace font.

You can set an element's font by using the font-family property.

For example, if you wanted to set your h2 element's font to Sans-serif, you would use the following CSS: h2 { font-family: Sans-serif; }."

@rodri0315 Ya lo solucione xDDD
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 03:48
deberias intentar dominar un poco el ingles aunque sea entenderlo, si no te costara la vida este curso
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:48
@Carhivo Okay, ya estaba buscando el problema. esta bien, suerte con el resto
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 03:48
@Carhivo try speak in english it's better
try to speak*
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:49
@reppito tiene razon, ayuda para ser mejor
Carhivo
@Carhivo
Oct 21 2015 03:50
@reppito Si, estoy llevando unos curso de doulingo, y entiendo un poco, pero me cuando me enrredo uso traductor.
@rodri0315 gracias a los dos :v
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:50
@HayleeNeal did you find a solution yet?!
tseamus
@tseamus
Oct 21 2015 03:50
@HermanFassett Hey man, sorry but one other question.
HayleeNeal
@HayleeNeal
Oct 21 2015 03:50
@rodri0315 no not yet
Still looking. I'm sure I'm missing a miniscule detail somwhere'
tseamus
@tseamus
Oct 21 2015 03:51
@HermanFassett why does it only work if there are .split has (' ') and .join has (' '), rather than each having ()?
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:51
okay, you are missing your var = slotOne
HayleeNeal
@HayleeNeal
Oct 21 2015 03:51
The one thing I didn't try lol
@rodri0315 thank you
CamperBot
@camperbot
Oct 21 2015 03:51
hayleeneal sends brownie points to @rodri0315 :sparkles: :thumbsup: :sparkles:
:star: 167 | @rodri0315 | http://www.freecodecamp.com/rodri0315
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:52
@HayleeNeal Don't worry it had just happened to me in a different problem! hahah
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 03:54
@tseamus you need put a parameter, you need to put something! its the condition that every function ask to you
HayleeNeal
@HayleeNeal
Oct 21 2015 03:54
@rodri0315 that's not working for some reason
Basic JavaScript waypoint 37
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 03:55
@tseamus i see that to myself as "function : if you want that I work give me my conditions first"
HayleeNeal
@HayleeNeal
Oct 21 2015 03:56
Got it. Had to put the = in between the slot identifier and the math equation.
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:56
@HayleeNeal sorry var slotOne = Math...
HayleeNeal
@HayleeNeal
Oct 21 2015 03:56
:)
Jorge Rodriguez
@rodri0315
Oct 21 2015 03:56
that was my fault. :/
:) I'm glad you got it tho!
HayleeNeal
@HayleeNeal
Oct 21 2015 03:57
No problem. It gave me a little push to work through the problem!
I knew an = went in there somewhere
tseamus
@tseamus
Oct 21 2015 04:13
@reppito than why doesn't .reverse need a parameter; it works as .reverse()?
Logan Tegman
@ltegman
Oct 21 2015 04:15
@tseamus Not every function needs an argument. Functions only need an argument if there’s something about their operation you can or need to control. reverse simply reverses an array, so it doesn’t have anything you need to specify or change with an argument.
tseamus
@tseamus
Oct 21 2015 04:18
Oh, okay. Thanks @ltegman
CamperBot
@camperbot
Oct 21 2015 04:18
tseamus sends brownie points to @ltegman :sparkles: :thumbsup: :sparkles:
:star: 259 | @ltegman | http://www.freecodecamp.com/ltegman
Arnold Sanders
@b4thestorm
Oct 21 2015 04:23
array = array.filter( function(val) { return val > 5; }); is not working
can anyone spot any error in my code?
Logan Tegman
@ltegman
Oct 21 2015 04:26
@b4thestorm What are you trying to accomplish with that code?
Maria
@mariashifa
Oct 21 2015 04:26

okay so. my code is not working <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

h2 {font-family:Lobster;
}

it still says that my h2 element should use the font Lobster...
why is it not changing :/
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:27
@mariashifa Lobster should be in single quotes I think
Arnold Sanders
@b4thestorm
Oct 21 2015 04:27
@ltegman the challenge is asking me to filter out values greater than 5
Maria
@mariashifa
Oct 21 2015 04:28
what do u mean single quotes :/
I'm very new to this stuff
Velmurugan Velayutham
@velmuruganvelayutham
Oct 21 2015 04:28
@b4thestorm can you post the complete code.. ?
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:28
@b4thestorm I think your function is filtering out values less than 5
Logan Tegman
@ltegman
Oct 21 2015 04:28
@b4thestorm Your callback you pass to filter should return true whenever you want to keep the number. Your current callback is returning true when the value is greater than 5, so you’re only keeping the values the challenge is asking you to remove
Arnold Sanders
@b4thestorm
Oct 21 2015 04:28
var array = [1,2,3,4,5,6,7,8,9,10];
Maria
@mariashifa
Oct 21 2015 04:28
@thedigitalmonk single quotes???
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:29
This message was deleted
Arnold Sanders
@b4thestorm
Oct 21 2015 04:29
array = array.filter( function(num) { return num > 5; });
if i switch from greater than to less than I get the same issue,
Logan Tegman
@ltegman
Oct 21 2015 04:30
@b4thestorm it needs to be less than or equal to 5
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:30
h2 {
    font-family: 'Lobster', serif;
}
Maria
@mariashifa
Oct 21 2015 04:31
doesn't work
Arnold Sanders
@b4thestorm
Oct 21 2015 04:31
@ltegman that worked. Thanks. Im going to have to remember it works like that
CamperBot
@camperbot
Oct 21 2015 04:31
b4thestorm sends brownie points to @ltegman :sparkles: :thumbsup: :sparkles:
:star: 260 | @ltegman | http://www.freecodecamp.com/ltegman
Logan Tegman
@ltegman
Oct 21 2015 04:31
@b4thestorm Glad that helped!
Maria
@mariashifa
Oct 21 2015 04:31
@thedigitalmonk why is serif there? it only says Lobster... but i did edit it like that.. doesn't seem to work.. thanks for helping :)
CamperBot
@camperbot
Oct 21 2015 04:31
mariashifa sends brownie points to @thedigitalmonk :sparkles: :thumbsup: :sparkles:
:star: 238 | @thedigitalmonk | http://www.freecodecamp.com/thedigitalmonk
DTing
@dting
Oct 21 2015 04:32
@mariashifa serif is the fallback
Maria
@mariashifa
Oct 21 2015 04:33
okay.. so does that mean that i didn't import the lobster font properly @dting
whats the problem here @dting :/
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:33
@mariashifa let's pair
DTing
@dting
Oct 21 2015 04:34
if lobster is not available it will use the serif type font
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:34
I can get a better idea of your problem if I can look at your code as a whole.
Phil Andy
@philandy
Oct 21 2015 04:35
Hi, I would like to get better at keeping all of my historical documentation and personal code together. Solutions?
Also is there an alternative to flowcharts and pseudocode?
DTing
@dting
Oct 21 2015 04:37
@philandy a lot of people store their code in github
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:40

If I have a function like this -

$(".container .btn").on("click", functionName);
$(".container .otherbtn").on("click", functionName);

functionName() {
    //I want to get the button I clicked so I can find another element in that container and modify it
   var clicked = ?;
}

I have a feeling the solution will include $(this) but not sure how to implement it.
It's for the pomodoro break and session time.

Phil Andy
@philandy
Oct 21 2015 04:40
@dting not sure if i'm a git fan yet
DTing
@dting
Oct 21 2015 04:41
@thedigitalmonk $(this). something
what do you want from the button?
or if you want the id
function functionName() {
  console.log(this.id);
}
Mark Pearyer
@marcusp619
Oct 21 2015 04:45
@philandy why not its a great version control that is widely popular if you're not comfortable with the command line you should probably use the desktop app simplifies and makes life easier.
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:45
<div class="col-sm-6 break">
    <div class="title">BREAK LENGTH</div>
    <span class="minus">-</span>
    <span id="breakTime" class="time">5:00</span>
    <span class="plus">+</span>
  </div>
Basically I want to change the time when I click on the plus button.
The markup of the session time is also similar. I was trying to see if I can use a single function to do the plus and minus stuff for both session and break time.
lilu
@lilugirl
Oct 21 2015 04:47
hey guys , I am doing the HTML5 and CSS section . when I enter Run tests ,it shows up a $ is not defined
Prashanth Chandra
@prashcr
Oct 21 2015 04:49
Question about Safari 9. Does anyone know how to open Web inspector on the same page like in Chrome? It keeps opening in a new window which is annoying.
Mark Pearyer
@marcusp619
Oct 21 2015 04:50
@lilugirl send some code please
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:50
@prashcr please please please don't use Safari to learn code.
Chrome or if you have a problem with Chrome then Firefox.
Mark Pearyer
@marcusp619
Oct 21 2015 04:51
@prashcr easier to use chrome developer tools
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:51
Safari is terrible for web development.
Prashanth Chandra
@prashcr
Oct 21 2015 04:51
I use chrome when I need serious debugging but it sucks my battery so I use safari for general browsing and small tasks
ronaldrdguez
@ronaldrdguez
Oct 21 2015 04:51
@prashcr Top left, couple of dock buttons
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 04:51
@prashcr Have you tried Firefox? It doesn't use as much battery.
Not even close.
ronaldrdguez
@ronaldrdguez
Oct 21 2015 04:53
Speaking of Chrome, I notice that is saving automatically the changes I make which I find to be a bad thing. Anyway to turn it off?
Prashanth Chandra
@prashcr
Oct 21 2015 04:54
@ronaldrdguez Thanks, I couldn't find those buttons, I restarted Safari and they appeared lol
CamperBot
@camperbot
Oct 21 2015 04:54
prashcr sends brownie points to @ronaldrdguez :sparkles: :thumbsup: :sparkles:
:star: 357 | @ronaldrdguez | http://www.freecodecamp.com/ronaldrdguez
Prashanth Chandra
@prashcr
Oct 21 2015 04:56
@thedigitalmonk It's more efficient than chrome but still less than safari
Mark Pearyer
@marcusp619
Oct 21 2015 04:58
@prashcr what are you debugging??
Prashanth Chandra
@prashcr
Oct 21 2015 04:58
@marcusp619 Just a simple MEAN example, nothing much
Mark Pearyer
@marcusp619
Oct 21 2015 04:59
@prashcr oh okay! Good Luck!
jerrylee85
@jerrylee85
Oct 21 2015 05:05
<a> Cat photos
<a href="http://freecatphotoapp.com">
link to Free Code Camp
</a>
for you to follow.</a>
It is still telling me I need an a element that links to http://freecatphotoapp.com.. any help?
DJ
@qualitymanifest
Oct 21 2015 05:06
@jerrylee85 your outer element is an a element but it should be a p element
@jerrylee85 also it seems like you have some other things wrong... can you paste a link to your waypoint?
jerrylee85
@jerrylee85
Oct 21 2015 05:08
It says my a element should have the anchor text of cat photos
working on it
i dont know how to paste link yet. just started
ronaldrdguez
@ronaldrdguez
Oct 21 2015 05:14
@jerrylee85 <a href=« http://where/it/points/to »>this is the anchor text</a>
DJ
@qualitymanifest
Oct 21 2015 05:15
@jerrylee85 what @ronaldrdguez said. you only need a single <a> element
ronaldrdguez
@ronaldrdguez
Oct 21 2015 05:15
hmm what happened to my double quotes? « » ???
DJ
@qualitymanifest
Oct 21 2015 05:16
This message was deleted
This message was deleted
@ronaldrdguez strange. where are you from?
just wondering if maybe your keyboard types characters that register differently on here. i don't know why else that would happen
ronaldrdguez
@ronaldrdguez
Oct 21 2015 05:19
I’m in Canada atm, US layout. Works fine on vim/sublime, its only happening in gitter so far it seems
Dunno maybe some new OSX wonder
DJ
@qualitymanifest
Oct 21 2015 05:21
ronaldrdguez
@ronaldrdguez
Oct 21 2015 05:22
test: " "
ahh there it is, thanks @qualitymanifest, last OS update seem to have changed smartquote settings.
CamperBot
@camperbot
Oct 21 2015 05:23
ronaldrdguez sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 292 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
Oct 21 2015 05:24
@ronaldrdguez funny! glad it's solved
Jose Praveen
@JosePraveen
Oct 21 2015 05:58

I have stuck in between "

<p>kitty ipsum text.j</p>"

is that right
chapter 11
Fher Gomez
@fhergomez
Oct 21 2015 06:06
I’m stuck…could anybody help…I’m really close to solving it but I’m not sure what’s the next step
function titleCase(str) {
  var str = str.toLowerCase();
  var strings = str.split(' ');

  for (var i = 0;i < str.length;i++){
    var word = strings[i].split('');
    word[0] = word[0].toUpperCase();
    strings[i] = word.join('');
    return strings[i];
  }

}

titleCase("I'm a little tea pot”);
This is the Bonfire: Title Case a Sentence
I’m not using charAt() because I thought this was an easier way to solve it.
Fher Gomez
@fhergomez
Oct 21 2015 06:13
output // “I’m"
I’m not getting the rest of the string
Robert Richey
@0x0936
Oct 21 2015 06:15
@fhergomez two issues I'm seeing is your for loop is iterating over the length of str instead of strings and strings are immutable, so word[0] cannot be assigned to, to change word.
and the return statement should be outside the loop, otherwise it will exit the function after the first loop iteration
Fher Gomez
@fhergomez
Oct 21 2015 06:23
Thank you @0x0936 !
CamperBot
@camperbot
Oct 21 2015 06:23
fhergomez sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 292 | @0x0936 | http://www.freecodecamp.com/0x0936
Fher Gomez
@fhergomez
Oct 21 2015 06:23
that worked!!
Robert Richey
@0x0936
Oct 21 2015 06:23
great :)
Rex Schrader
@SaintPeter
Oct 21 2015 06:24
@0x0936 Wow, I hadly recognize you anymore. Have you gained weight?
Robert Richey
@0x0936
Oct 21 2015 06:24
pleasantly plump - getting ready for winter!
all that rice
Rex Schrader
@SaintPeter
Oct 21 2015 06:26
@0x0936 :D
Sachin sundar
@ssundar48
Oct 21 2015 06:38
Stuck here http://www.freecodecamp.com/challenges/waypoint-nest-an-anchor-element-within-a-paragraph#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EView%20more%20%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%20%3C%2Fp%3E
Error in " Your p element should have the text "View more " (with a space after it).
Can anyone help?
Rex Schrader
@SaintPeter
Oct 21 2015 06:41
@ssundar48 Put the <p> tag after the img tag and before the other <p> tags
Logan Tegman
@ltegman
Oct 21 2015 06:41
@ssundar48 Your p element with the a inside of it should be right below the h2 and above the img, where the a originally was.
Or what @SaintPeter said. Really, it just has to be the first p on the page
Sachin sundar
@ssundar48
Oct 21 2015 06:42
Out of curiosity, why is it like that?
Rex Schrader
@SaintPeter
Oct 21 2015 06:42
@ssundar48 It's just the way the test was written.
Sachin sundar
@ssundar48
Oct 21 2015 06:43
@SaintPeter Cool
Rex Schrader
@SaintPeter
Oct 21 2015 06:43
@ssundar48 I guess we could change the wording to be a bit more specific about where it needs to be . . .
Logan Tegman
@ltegman
Oct 21 2015 06:43
@SaintPeter A PR was just merged that puts comments saying not to alter code above and below certain lines. It’s pending a push to master
Rex Schrader
@SaintPeter
Oct 21 2015 06:44
@ltegman Excellent.
Logan Tegman
@ltegman
Oct 21 2015 06:44
@SaintPeter It sometimes catches me off guard what parts of the curriculum will cause problems. I think I’ve got more questions and bugs about this problem on this waypoint than anything else in the last week
Rex Schrader
@SaintPeter
Oct 21 2015 06:46
@ltegman I know, me too. I still have not figured out why everyone thinks that return stores values. That's an area of the cirriculum I want to focus on.
Logan Tegman
@ltegman
Oct 21 2015 06:47
@SaintPeter Yeah, I think sometimes return is glossed over in javascript curriculums since you don’t have to include the return type in the function declaration like some languages, but nonetheless it still deserves some time spent on it.
Rex Schrader
@SaintPeter
Oct 21 2015 06:48
@ltegman I think we need to spend some time on variables and assignment too.
Logan Tegman
@ltegman
Oct 21 2015 06:49
@SaintPeter Yup. And mention of primitive types being immutable. I feel like it is briefly mentioned somewhere in the curriculum, but I see a lot of problems come up in the chat with people trying to assign to a single character in a string so it may need a bit more emphasis.
I should be writing these things down so I remember them later XD
Rex Schrader
@SaintPeter
Oct 21 2015 06:50
@ltegman :D
@ltegman I've been thinking about trying to take notes on every question I answer, but it can be hard enough to just answer them all.
Bah.
Time for bed anyway
TTYL
Logan Tegman
@ltegman
Oct 21 2015 06:50
@SaintPeter Cya later!
Vivek Dhariwal
@emviveem
Oct 21 2015 07:11
Waypoint: Make Object Properties Private - How do I make properties private?
Ankit Panwar
@coderNoob
Oct 21 2015 07:58
$('#ans').val(eval($('#ans').val())).toFixed(2); is not working. It is displaying results way over two digits. Why?
Even if I put the function on eval like this $('#ans').val(eval($('#ans').val()).toFixed(2)); it still does not work.
Aleksandar B.
@aleksandar-b
Oct 21 2015 08:05
@catapixel
What am I doing wrong here:
https://ide.c9.io/samosale/start_node_server
it' in the folder async file async.js, part Juggling Async
Name234
@Name234
Oct 21 2015 08:40
Im Suck. For this tutorial
Geepum Lee
@Geepum
Oct 21 2015 08:45
im doing really basic html and i have no idea what it wants me to do! it wants me to set all p elements font size to be 16, and i think i did that but its not passing me!!
Sachin sundar
@ssundar48
Oct 21 2015 08:49
It is working right?
@Geepum
Geepum Lee
@Geepum
Oct 21 2015 08:51
It should work, but it isnt working at the moment, and i have no idea why.
Name234
@Name234
Oct 21 2015 08:51
<!--- and -----> what should i do?
Sachin sundar
@ssundar48
Oct 21 2015 08:52
@Geepum Test passed for you
Name234
@Name234
Oct 21 2015 08:52
i don't understand the challenge :/
Sachin sundar
@ssundar48
Oct 21 2015 08:52
@Name234 Regarding what?
Name234
@Name234
Oct 21 2015 08:52

Uncomment your h1, h2 and p elements.

Commenting is a way that you can leave comments within your code without affecting the code itself.

Commenting is also a convenient way to make code inactive without having to delete it entirely.

You can start a comment with <!-- and end a comment with -->.

Sachin sundar
@ssundar48
Oct 21 2015 08:53
Put the link
Just uncomment the commented part
Sachin sundar
@ssundar48
Oct 21 2015 08:54
Delete those comments
Don't you understand the first line "Uncomment your h1, h2 and p elements."
Laura Stephenson
@lauralstephenson
Oct 21 2015 08:54
I am on Waypoint 37 and I don't understand what Nest your text input element within a form element. means. What am I doing wrong?
Geepum Lee
@Geepum
Oct 21 2015 08:54
Why IE lets me pass and Chrome doesnt? this is weird
Laura Stephenson
@lauralstephenson
Oct 21 2015 08:54
<form action="/submit-cat-photo"></form>
Name234
@Name234
Oct 21 2015 08:55
no im not english. so i don't understand everything here :(
Laura Stephenson
@lauralstephenson
Oct 21 2015 08:55
My total code:
Sachin sundar
@ssundar48
Oct 21 2015 08:55
@Geepum I use chrome
Laura Stephenson
@lauralstephenson
Oct 21 2015 08:55

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

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

Sachin sundar
@ssundar48
Oct 21 2015 08:55
It passes for me in your link
Name234
@Name234
Oct 21 2015 08:55
thanks ssundar48 :)
CamperBot
@camperbot
Oct 21 2015 08:55
if you want to thank someone, put an @ before their name!
Geepum Lee
@Geepum
Oct 21 2015 08:56
@ssundar48 that's weird. Maybe cuz im on my mobile doing this
Name234
@Name234
Oct 21 2015 08:56
@ssundar48 thank you :D
CamperBot
@camperbot
Oct 21 2015 08:56
name234 sends brownie points to @ssundar48 :sparkles: :thumbsup: :sparkles:
:star: 49 | @ssundar48 | http://www.freecodecamp.com/ssundar48
Sachin sundar
@ssundar48
Oct 21 2015 08:56
@Name234 np
Geepum Lee
@Geepum
Oct 21 2015 08:56
Thanks @ssundar48
CamperBot
@camperbot
Oct 21 2015 08:56
geepum sends brownie points to @ssundar48 :sparkles: :thumbsup: :sparkles:
:star: 50 | @ssundar48 | http://www.freecodecamp.com/ssundar48
Sachin sundar
@ssundar48
Oct 21 2015 08:57
@lauralstephenson please share the link
Laura Stephenson
@lauralstephenson
Oct 21 2015 08:58
@ssundar48 what link?
Sachin sundar
@ssundar48
Oct 21 2015 09:00
Waypoint link
Geepum Lee
@Geepum
Oct 21 2015 09:01
@lauralstephenson copy your current address of the web page you are on, that starts with http:// blah blah blah
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 09:01

@lauralstephenson nesting means putting something within something else. In this case it is putting the input inside the form.

Just put the input element between the opening and closing tags of the form elements and you’re good to go.

Sachin sundar
@ssundar48
Oct 21 2015 09:01
Yup
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 09:01
@lauralstephenson For example here’s how I would nest a span element within a div element.
<div class=“somethingcool”>
    <span> this is a span </span>
</div>
Sachin sundar
@ssundar48
Oct 21 2015 09:03
I think this is a little bit out of context here
Laura Stephenson
@lauralstephenson
Oct 21 2015 09:04
@thedigitalmonk Thanks! It worked!
CamperBot
@camperbot
Oct 21 2015 09:04
lauralstephenson sends brownie points to @thedigitalmonk :sparkles: :thumbsup: :sparkles:
:star: 241 | @thedigitalmonk | http://www.freecodecamp.com/thedigitalmonk
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 09:05
@lauralstephenson glad to help. :)
Name234
@Name234
Oct 21 2015 09:09
i need help
<h2>CatPhotoApp</h2>
this text should be red
Sachin sundar
@ssundar48
Oct 21 2015 09:11
@Name234 Change it in style
Name234
@Name234
Oct 21 2015 09:11
how?
im new sry.
Sachin sundar
@ssundar48
Oct 21 2015 09:11
It is given in the left side of each tutorial
The left pane?
Name234
@Name234
Oct 21 2015 09:12
yes but i don't understand it
Ankur Singh
@Ankurlvv
Oct 21 2015 09:12
@Name234 make a class and then put it in<h2 your class>catphotoapp</h2>
Name234
@Name234
Oct 21 2015 09:13
<h2style="color: blue">CatPhotoApp</h2>
so?
Sachin sundar
@ssundar48
Oct 21 2015 09:13
<style>
           h2 {
                   color: red;
           }
</style>
Name234
@Name234
Oct 21 2015 09:14
@ssundar48 ok thank you :)
CamperBot
@camperbot
Oct 21 2015 09:14
name234 sends brownie points to @ssundar48 :sparkles: :thumbsup: :sparkles:
:warning: name234 already gave ssundar48 points
Ankur Singh
@Ankurlvv
Oct 21 2015 09:15
<h2 style="color:red">CatPhotoApp</h2> is correct @Name234
Name234
@Name234
Oct 21 2015 09:15
yes :D
thanks men
CamperBot
@camperbot
Oct 21 2015 09:15
if you want to thank someone, put an @ before their name!
Ankur Singh
@Ankurlvv
Oct 21 2015 09:22
bonfire:reverse the string ..help pls??
Sachin sundar
@ssundar48
Oct 21 2015 09:30
Link please
@Ankurlvv
Ankur Singh
@Ankurlvv
Oct 21 2015 09:30
it's second bonfire..
Sachin sundar
@ssundar48
Oct 21 2015 09:32
Paste the link so that I can see it
Sachin sundar
@ssundar48
Oct 21 2015 09:34
The solution is given in left pane
use String.split(str) and store the result in another variable(array), say array.
use Array.reverse(array) and store it in array_reverse
Name234
@Name234
Oct 21 2015 09:35
<p { font-family: Monospace; }. 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>
is this rightß
?*
Sachin sundar
@ssundar48
Oct 21 2015 09:36
Array.join(array_reverse) should return the reversed string
@Ankurlvv Ok?
Name234
@Name234
Oct 21 2015 09:38
ß
?
<p { font-family: Monospace; }. 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>
its not working
Ankur Singh
@Ankurlvv
Oct 21 2015 09:38
@ssundar48 let me try it
Sachin sundar
@ssundar48
Oct 21 2015 09:38
Add {font-family: Monospace} to the class "red-text " in style
Laura Stephenson
@lauralstephenson
Oct 21 2015 09:39
I'm on Waypoint 44. I can't give my div element the class gray-background, trying to find my error. Here's my code:

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

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

</style>

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

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

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

<div>

<h2 class="gray-background"></h2>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>

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

Sachin sundar
@ssundar48
Oct 21 2015 09:39
Don't paste code
@lauralstephenson
Paste link alone
Name234
@Name234
Oct 21 2015 09:40
thanks i try it ssundar48
CamperBot
@camperbot
Oct 21 2015 09:40
if you want to thank someone, put an @ before their name!
Laura Stephenson
@lauralstephenson
Oct 21 2015 09:40
If you mean the page link, @ssundar48 , it is http://www.freecodecamp.com/challenges/waypoint-give-a-background-color-to-a-div-element#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%20%20%0A%20.gray-background%20%7B%20%0A%20%20%20background-color%3A%20gray%3B%20%0A%20%7D%0A%20%20%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%3E%0A%20%20%0A%3Ch2%20class%3D%22gray-background%22%3E%3C%2Fh2%3E%20%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
I don't know what link you mean.
Name234
@Name234
Oct 21 2015 09:40
<p class="red-text" { font-family: Sans-serif; }.>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>
is not working ;(
:(
Ankur Singh
@Ankurlvv
Oct 21 2015 09:42
@lauralstephenson give gray background in <div background></div>
Name234
@Name234
Oct 21 2015 09:43
<p class="red-text" { font-family: Monospace; }.>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>
don't works i need help
For the solution
Ankur Singh
@Ankurlvv
Oct 21 2015 09:44
@Name234 put font family in class "red-text"
Name234
@Name234
Oct 21 2015 09:45
show e
me*
Ankur Singh
@Ankurlvv
Oct 21 2015 09:45
send me the link @Name234
Ankur Singh
@Ankurlvv
Oct 21 2015 09:46
@ssundar48 thanks
CamperBot
@camperbot
Oct 21 2015 09:46
ankurlvv sends brownie points to @ssundar48 :sparkles: :thumbsup: :sparkles:
:star: 62 | @ssundar48 | http://www.freecodecamp.com/ssundar48
Ankur Singh
@Ankurlvv
Oct 21 2015 09:47
@ssundar48 what's reverseString & str stand for??
Sachin sundar
@ssundar48
Oct 21 2015 09:47
reverseString is the function which reverses the string
str is the variable passed to that function
They have their own code to give inputs
It will automatically run your functions giving different inputs
@Name234 this is the solution
@ssundar48 thanks
CamperBot
@camperbot
Oct 21 2015 09:49
ankurlvv sends brownie points to @ssundar48 :sparkles: :thumbsup: :sparkles:
:warning: ankurlvv already gave ssundar48 points
Name234
@Name234
Oct 21 2015 09:49
@Ankurlvv Thanks :)
@Ankurlvv you help me :D
Sachin sundar
@ssundar48
Oct 21 2015 09:50
@Ankurlvv your solution is wrong
The font family should be included in "p" class not in red-text
Name234
@Name234
Oct 21 2015 09:50
i think it works xD. wtf
Sachin sundar
@ssundar48
Oct 21 2015 09:50
@Name234 But its not the correct solution
Learn the basics correctly
Ankur Singh
@Ankurlvv
Oct 21 2015 09:51
@ssundar48 srry , i tried my best an gave the shot..
@Name234 srry man if it didn't worked
Sachin sundar
@ssundar48
Oct 21 2015 09:52
It will work but not the correct solutiom
Laura Stephenson
@lauralstephenson
Oct 21 2015 09:53
@Ankurlvv it didn't work and now it is worse. Now I don't have either element done. http://www.freecodecamp.com/challenges/waypoint-give-a-background-color-to-a-div-element#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%20%20%0A%20.gray-background%20%7B%20%0A%20%20%20background-color%3A%20gray%3B%20%0A%20%7D%0A%20%20%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cdiv%20background%3Egray-background%20%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
Ankur Singh
@Ankurlvv
Oct 21 2015 09:53
@ssundar48 yeah u r right..thanks
CamperBot
@camperbot
Oct 21 2015 09:53
ankurlvv sends brownie points to @ssundar48 :sparkles: :thumbsup: :sparkles:
:warning: ankurlvv already gave ssundar48 points
Sachin sundar
@ssundar48
Oct 21 2015 09:54
@lauralstephenson Solution in :http://www.freecodecamp.com/challenges/waypoint-give-a-background-color-to-a-div-element#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%20%20%0A%20.gray-background%20%7B%20%0A%20%20%20background-color%3A%20gray%3B%20%0A%20%7D%0A%20%20%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%20class%3D%22gray-background%22%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
Ankur Singh
@Ankurlvv
Oct 21 2015 09:54
@lauralstephenson http://www.freecodecamp.com/challenges/waypoint-give-a-background-color-to-a-div-element#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%20%20%0A%20.gray-background%20%7B%20%0A%20%20%20background-color%3A%20gray%3B%20%0A%20%7D%0A%20%20%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%20class%3D%22gray-background%22%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cdiv%20background%3Egray-background%20%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
Sachin sundar
@ssundar48
Oct 21 2015 09:55
Add the class name "gray-background" to existing div element
@Ankurlvv Please don't answer if you are not sure
Everyone is trying to learn here
Ankur Singh
@Ankurlvv
Oct 21 2015 09:56
@ssundar48 i have asked , him the same solution as u did
Sachin sundar
@ssundar48
Oct 21 2015 09:57
Chill out
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 09:58
@ssundar48 please stop asking campers to share links in a public room. Either teach them how to format their code or ask to share in a private chat.
The links are very long strings and disrupt other conversation feeds.
Laura Stephenson
@lauralstephenson
Oct 21 2015 09:59
It made the situation a little better , but it still doesn't have the div element the class grey-background. Here are the two elements I did:
.gray-background {
background-color: gray;
}
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 10:00
wiki formatting
CamperBot
@camperbot
Oct 21 2015 10:00

:point_right: code formatting [wiki]

Inline code

alt text

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

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<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

Laura Stephenson
@lauralstephenson
Oct 21 2015 10:00

and ...</div>

<div background>

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

Sachin sundar
@ssundar48
Oct 21 2015 10:01
(y)
Laura Stephenson
@lauralstephenson
Oct 21 2015 10:01
I think the first segment is correct and the second segment isn't, but beating on it isn't finding the flaw.
Aleksander Gębicki
@Takumar
Oct 21 2015 10:07
@coderNoob if you need criticism. First thing - characters on calculator buttons are hard to read - change background or give your buttons some background.
Juliano Rafael
@thefrontendwizard
Oct 21 2015 10:08
@coderNoob I guess it is perfectly functioning, now you need to work on the CSS to make this look better
Aleksander Gębicki
@Takumar
Oct 21 2015 10:09
You can place multiple pluses or minuses and calculator won't work then. i.e. 6+++2
Juliano Rafael
@thefrontendwizard
Oct 21 2015 10:09
for start, rearrange the numbers in multiple collumns instead of one
than, as @Takumar said, the numbers are not clearly visible
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 10:10
@coderNoob Once result for one calculation is printed and user types for next calculation then the previous result should be cleared.
Juliano Rafael
@thefrontendwizard
Oct 21 2015 10:11
after the result is shown, I think the best thing to do i to clear the field as I press any digit
Thomson Muriyadan
@thedigitalmonk
Oct 21 2015 10:12
He got this much working with just 12 lines of JS. Pretty impressive. At least to me.
And jQuery. But still. 12 lines is so concise.
Hicham Mounadi
@hichammounadi
Oct 21 2015 10:19
how to make method accessible outside the object ???
of course i am talking about Javascript :D
help
CamperBot
@camperbot
Oct 21 2015 10:28

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

Basic Commands:

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

:speech_balloon: meet CamperBot in this room!

:pencil: read more about camperbot on the FCC Wiki

Name234
@Name234
Oct 21 2015 10:29
:(
Aleksander Gębicki
@Takumar
Oct 21 2015 10:32
@Name234 you have unnecessary closing </style> tag in second line.
You also created: <larger-image { width: 100px; } style outside the <style> .. </style> section. Your class definition should start from period: .larger-image { width: 100px; } not from 'less than' character.
Second thing, in your exercise you were supposed to create smaller-image class not larger-image
So create smaller-image class and apply it to your <img> element. Remember to put your new class between opening <style> and closing </style> tags.
Name234
@Name234
Oct 21 2015 10:38
@Takumar thank you :) you help me :+1:
CamperBot
@camperbot
Oct 21 2015 10:38
name234 sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 510 | @takumar | http://www.freecodecamp.com/takumar
anthonygallina1
@anthonygallina1
Oct 21 2015 10:41
find pomodoro clock
CamperBot
@camperbot
Oct 21 2015 10:41
find pomodoro clock
nothing found
anthonygallina1
@anthonygallina1
Oct 21 2015 10:41
find weather
CamperBot
@camperbot
Oct 21 2015 10:41
find weather
nothing found
anthonygallina1
@anthonygallina1
Oct 21 2015 10:42
find build a pomodo clock
CamperBot
@camperbot
Oct 21 2015 10:42
find build a pomodo clock
nothing found
Name234
@Name234
Oct 21 2015 10:42
find anthonygallina1
CamperBot
@camperbot
Oct 21 2015 10:42
find anthonygallina1
nothing found
Name234
@Name234
Oct 21 2015 10:43

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

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

h2 {
font-family: Lobster, Monospace;
}

anthonygallina1
@anthonygallina1
Oct 21 2015 10:43
help
CamperBot
@camperbot
Oct 21 2015 10:43

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

Basic Commands:

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

:speech_balloon: meet CamperBot in this room!

:pencil: read more about camperbot on the FCC Wiki

Name234
@Name234
Oct 21 2015 10:43
right?
anthonygallina1
@anthonygallina1
Oct 21 2015 10:44
about @anthonygallina1
CamperBot
@camperbot
Oct 21 2015 10:44
:star: 341 | @anthonygallina1 | http://www.freecodecamp.com/anthonygallina1
anthonygallina1
@anthonygallina1
Oct 21 2015 10:45
find interesting
CamperBot
@camperbot
Oct 21 2015 10:45
find interesting
nothing found
anthonygallina1
@anthonygallina1
Oct 21 2015 10:45
lol
wiki topic
CamperBot
@camperbot
Oct 21 2015 10:46

:point_right: topic [wiki]

This is an example. You should replace topic with the thing you want to find info on.
For example:

wiki css    # find a wiki page on css
find js     # find all pages related to css

:pencil: read more about topic on the FCC Wiki

anthonygallina1
@anthonygallina1
Oct 21 2015 10:46
wiki topic build a pomodro clock
CamperBot
@camperbot
Oct 21 2015 10:46
no wiki entry for: topic build a pomodro clock
:pencil: click here to create one now!after creating your page type update to reload it here
anthonygallina1
@anthonygallina1
Oct 21 2015 10:47
wiki topic weather
CamperBot
@camperbot
Oct 21 2015 10:47
no wiki entry for: topic weather
:pencil: click here to create one now!after creating your page type update to reload it here
Abhishek
@Abhi493
Oct 21 2015 10:48
@anthonygallina1 i overwhelmed about how to build that tomato clock
anthonygallina1
@anthonygallina1
Oct 21 2015 10:48
I am over whelmed about a lot
Abhishek
@Abhi493
Oct 21 2015 10:48
if u get any resource or api then please share it with me @anthonygallina1
anthonygallina1
@anthonygallina1
Oct 21 2015 10:49
@Abhi493 I sure will
Abhishek
@Abhi493
Oct 21 2015 10:49
thanks @anthonygallina1
CamperBot
@camperbot
Oct 21 2015 10:49
abhi493 sends brownie points to @anthonygallina1 :sparkles: :thumbsup: :sparkles:
:star: 342 | @anthonygallina1 | http://www.freecodecamp.com/anthonygallina1
anthonygallina1
@anthonygallina1
Oct 21 2015 10:50
@Abhi493 thank you
CamperBot
@camperbot
Oct 21 2015 10:50
anthonygallina1 sends brownie points to @abhi493 :sparkles: :thumbsup: :sparkles:
:star: 235 | @abhi493 | http://www.freecodecamp.com/abhi493
Abhishek
@Abhi493
Oct 21 2015 10:50
your profile pic is somewhat like of derek banas
oh wow free points , hahaha
anthonygallina1
@anthonygallina1
Oct 21 2015 10:51
find js time
CamperBot
@camperbot
Oct 21 2015 10:51
find js time
nothing found
anthonygallina1
@anthonygallina1
Oct 21 2015 10:52
find pomodro
CamperBot
@camperbot
Oct 21 2015 10:52
find pomodro
nothing found
anthonygallina1
@anthonygallina1
Oct 21 2015 10:52
grrr
@Abhi493 want to see what I look like?
Abhishek
@Abhi493
Oct 21 2015 10:54
:watch: focus on that clock and help me
anthonygallina1
@anthonygallina1
Oct 21 2015 10:54
yup I am on this page http://fullstackwebdesign.com/
Abhishek
@Abhi493
Oct 21 2015 10:55
u made that page? @anthonygallina1
Tony Gallina
Lead Developer
just followed u on twitter
and its a good professional looking site
@anthonygallina1
Aleksander Gębicki
@Takumar
Oct 21 2015 10:57

@Name234 sorry I was away for a few minutes. Have you finished this waypoint?
Your last code:

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

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

h2 {
font-family: Lobster, Monospace;
}

move your smaller-image class definition after your <style> tag. And close after you create all styles. </style> at the end.

Abhishek
@Abhi493
Oct 21 2015 10:58
@Takumar , will you help me building the clock zipline?
Aleksander Gębicki
@Takumar
Oct 21 2015 11:00
@Abhi493 sorry, I haven't done it yet, and I don't have enough time to pair and solve this problem with you.
anthonygallina1
@anthonygallina1
Oct 21 2015 11:00
Opps wrong language
C#
Abhishek
@Abhi493
Oct 21 2015 11:00
no problem @Takumar
i am not a full stack webdev like you @anthonygallina1
Name234
@Name234
Oct 21 2015 11:02
http://freecodecamp.com/challenges/waypoint-link-to-external-pages-with-anchor-elements#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%20%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3Cp%3E%20Heres's%20a%0A%20%20%3Ca%20href%3D%20http%3A%2F%2Ffreecatphotoapp.com%0A%20%20%20%20link%20to%20Free%20Code%20Camp.com%0A%20%20%3C%2Fa%3E%0A%20%20for%20yout%20to%20follow.%3C%2Fp%3E%0A%20%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A help
Abhishek
@Abhi493
Oct 21 2015 11:03
@Name234 y that much length link?
lengthy*
Shair Mir
@ShairMir
Oct 21 2015 11:04
Does anybody want to pair programm on the intermediate algorithme bonfire: Roman Numeral Converter
Aleksander Gębicki
@Takumar
Oct 21 2015 11:04
@Name234 you have to put your links between quotation marks: <a href="your_link">Title of link</a>
Don't write example from instruction, make your own link according to example from instruction. Your link should have another title.
Thomas Thuya Aung
@thomasthuyaaung
Oct 21 2015 11:09
@cizrage
does this course help?
I'm just starting out
this course focus on MEAN stack right?
anthonygallina1
@anthonygallina1
Oct 21 2015 11:11
@Abhi493 that help you any? It looks like part of the interface.
Qadir Pervez
@qadirpervez
Oct 21 2015 11:16
Bonfire: Chunky Monkey
CamperBot
@camperbot
Oct 21 2015 11:16

:fire:Bonfire: Chunky Monkey :link:

function chunk(arr, size) {
  // Break it up.
  return arr;
}

chunk(['a', 'b', 'c', 'd'], 2);

Write a function that splits an array (first argument) into groups the length of size (second argument) and returns them as a multidimensional array.

more info:  bf details | bf links | hint

Name234
@Name234
Oct 21 2015 11:16
ok thank you :)
Qadir Pervez
@qadirpervez
Oct 21 2015 11:16
help me with the slice() method
CamperBot
@camperbot
Oct 21 2015 11:16
no wiki entry for: me with the slice method
:pencil: click here to create one now!after creating your page type update to reload it here
Qadir Pervez
@qadirpervez
Oct 21 2015 11:17
array.slice()
Abhishek
@Abhi493
Oct 21 2015 11:17
@anthonygallina1 thats a direct code , should i go for it?
Qadir Pervez
@qadirpervez
Oct 21 2015 11:18
@Abhi493
Abhishek
@Abhi493
Oct 21 2015 11:19
yes @qadirpervez :smile:
.slice method on arrays
Qadir Pervez
@qadirpervez
Oct 21 2015 11:19
yes
help me with it
CamperBot
@camperbot
Oct 21 2015 11:19
no wiki entry for: me with it
:pencil: click here to create one now!after creating your page type update to reload it here
have a look
Qadir Pervez
@qadirpervez
Oct 21 2015 11:19
thanks @Abhi493
CamperBot
@camperbot
Oct 21 2015 11:19
qadirpervez sends brownie points to @abhi493 :sparkles: :thumbsup: :sparkles:
:star: 236 | @abhi493 | http://www.freecodecamp.com/abhi493
Abhishek
@Abhi493
Oct 21 2015 11:20
@qadirpervez thanks for free points ,lol
CamperBot
@camperbot
Oct 21 2015 11:20
abhi493 sends brownie points to @qadirpervez :sparkles: :thumbsup: :sparkles:
:star: 162 | @qadirpervez | http://www.freecodecamp.com/qadirpervez
Qadir Pervez
@qadirpervez
Oct 21 2015 11:21
thanks @camperbot
CamperBot
@camperbot
Oct 21 2015 11:21
qadirpervez sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star: 388 | @camperbot | http://www.freecodecamp.com/camperbot
anthonygallina1
@anthonygallina1
Oct 21 2015 11:21
Abhishek
@Abhi493
Oct 21 2015 11:21
poor bot all time but still 388 points , thanks @camperbot
CamperBot
@camperbot
Oct 21 2015 11:21
abhi493 sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star: 389 | @camperbot | http://www.freecodecamp.com/camperbot
Abhishek
@Abhi493
Oct 21 2015 11:22
wow got it @anthonygallina1
anthonygallina1
@anthonygallina1
Oct 21 2015 11:22
Looks suspiciously alot like the assignment interface to me
Name234
@Name234
Oct 21 2015 11:32
Lol m+
whats going on guys?
Ankit Panwar
@coderNoob
Oct 21 2015 11:38
Where can I view the console.log() on codepen? I mean where can I view the console output?
anthonygallina1
@anthonygallina1
Oct 21 2015 11:40
usually by pressing f12
Name234
@Name234
Oct 21 2015 11:44
http://freecodecamp.com/challenges/waypoint-use-html5-to-require-a-field#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A%3Cinput%20type%3D%22http%3A%2F%2Fgoogle.com%22%20required%3E.
how works this?
anthonygallina1
@anthonygallina1
Oct 21 2015 11:45
the %20 s should be spaces
Name234
@Name234
Oct 21 2015 11:46
@anthonygallina1 no... .. .
anthonygallina1
@anthonygallina1
Oct 21 2015 11:46
K
Qadir Pervez
@qadirpervez
Oct 21 2015 11:51
array.splice()
anthonygallina1
@anthonygallina1
Oct 21 2015 11:52
what do you have so far?
Aleksander Gębicki
@Takumar
Oct 21 2015 11:52
@Name234 you have added <input> field outside of form - it is not correct. You had to add "required" to your existing input field.
I don't know <input type="http://google.com">. Read this link: input types. You have here types: text, radio, checkbox..
Felipe Rodrigues
@feliperdius
Oct 21 2015 11:53
ping
anthonygallina1
@anthonygallina1
Oct 21 2015 12:00
@Abhi493
Abhishek
@Abhi493
Oct 21 2015 12:00
yes boss
anthonygallina1
@anthonygallina1
Oct 21 2015 12:02
LAugh out out load say did you find any links on the pomodoro If you do pass them on please
Abhishek
@Abhi493
Oct 21 2015 12:03
sorry boss , m so lazy , completely dependent on you researches. :smile:
@anthonygallina1
Joseph Botros
@josephwasily
Oct 21 2015 12:04
in array.filter() how can we return falsy values ?
anthonygallina1
@anthonygallina1
Oct 21 2015 12:05
:smile:
Aleksander Gębicki
@Takumar
Oct 21 2015 12:06
@josephwasily you pass a function as parameter to your filter() and this function have to return true or false. True if you want this element in your resulting array or false when you want to remove element from your array.
Joseph Botros
@josephwasily
Oct 21 2015 12:06
array = ["",false,null, undefined]; 
array.filter(function(value){
return value;
});
Aleksander Gębicki
@Takumar
Oct 21 2015 12:09
@josephwasily so in your third line instead of just returning value, you should check if this is falsy and return false or truthy and return true, so falsy values will be removed from your array (or otherwise if you want to keep them).
Joseph Botros
@josephwasily
Oct 21 2015 12:11
@Takumar Thanks
CamperBot
@camperbot
Oct 21 2015 12:11
josephwasily sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 512 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Oct 21 2015 12:11
@josephwasily are you doing "Falsy bouncer" bonfire? If so, there is a good link there: Boolean Objects maybe read it?
Joseph Botros
@josephwasily
Oct 21 2015 12:11
@Takumar more thanks :D
CamperBot
@camperbot
Oct 21 2015 12:11
josephwasily sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:warning: josephwasily already gave takumar points
Aleksander Gębicki
@Takumar
Oct 21 2015 12:12
You're welcome :-)
Abhishek
@Abhi493
Oct 21 2015 12:23
```
function bouncer(arr) {
var abhi = [];
function check(value){
if(value !== 0)
return value;
}
abhi = arr.filter(check);
return abhi;
}
bouncer([7, "ate", "", false, 9,null]);
Abhishek
@Abhi493
Oct 21 2015 12:24
y js is not applying its type conversion ,here in this code????
jio chela ramani @anthonygallina1
good job
anthonygallina1
@anthonygallina1
Oct 21 2015 12:25
@Takumar I am rying to ge the image to show in the header any ideas?
Qadir Pervez
@qadirpervez
Oct 21 2015 12:26
function bouncer(arr) {
 var abhi = [];
  function check(value){
    if(value != 0)
      return value;              
  }
  abhi = arr.filter(check);
  return abhi;
}

bouncer([7, "ate", "", false, 9]);
why its not using the type conversion of javascript while i used !== i didnt used i=
i mean i tried both i== and i=
and its working same
Aleksander Gębicki
@Takumar
Oct 21 2015 12:30

@Abhi493 so what for this if? Maybe just:

function check(value) {
  return value; 
}

is enough?

Abhishek
@Abhi493
Oct 21 2015 12:31
@Takumar didnt get u
what @qadirpervez has asked , can u explain???
Cody Bouscaren
@codybousc
Oct 21 2015 12:32

anyone have any good advice on how to better approach this Bonfire (Where art thou)?

function where(collection, source) { 
    var firstArg = arguments[0]; 
    var secArg = arguments[1];    
    finalArr = []; 
  Object.keys(firstArg).forEach(function (key) {
    var val = firstArg[key];
      console.log("VAL + " + val); 
        if (val.last == secArg.last) {
            finalArr.push(val); 
        }
});

  return finalArr;
}

console.log(where([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" }));

I'm able to get it to pass this first test by calling last on the 'val' and 'secArg' seen in the conditional statement. But, this doesn't work for the other tests, since they don't have 'last' as keys (i.e. where([{ "a": 1 }, { "a": 1 }, { "a": 1, "b": 2 }], { "a": 1 }) should return [{ "a": 1 }, { "a": 1 }, { "a": 1, "b": 2 }])

Any help would be greatly appreciated!

Aleksander Gębicki
@Takumar
Oct 21 2015 12:32
@Abhi493 when your check() function returns number or string, filter() will keep this value, in case of "false", empty string it will remove it. (I mean your code from 14:23)
Joseph Botros
@josephwasily
Oct 21 2015 12:39
function destroyer(arr) {
  // Remove all the values
  arrs = arguments[0]; 
  argument = Array.prototype.slice.call(arguments).slice(1);

      arrs.filter(function(value){
        if(argument.indexOf(value)==-1){
           return true;
           }
          else {

           return false;
           }
      }
      );

  return arrs;
}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);
Aleksander Gębicki
@Takumar
Oct 21 2015 12:40
@Abhi493 I think that @qadirpervez talked about JavaScript Type Conversion Table
Joseph Botros
@josephwasily
Oct 21 2015 12:42
@Takumar i tried the same logic, if i want the element i would return true, if i don't i used return false , so what you think?
@anthonygallina1 that's hot domain name :D
Aleksander Gębicki
@Takumar
Oct 21 2015 12:44
@josephwasily that's good logic :-) and that's how filter() works.
Joseph Botros
@josephwasily
Oct 21 2015 12:45
@Takumar Didn't work though :(
Aleksander Gębicki
@Takumar
Oct 21 2015 12:46
@josephwasily you mean this destroyer() function you showed up here?
Joseph Botros
@josephwasily
Oct 21 2015 12:46
yes
Kiy-Hong Tang
@kiytang
Oct 21 2015 12:51
@Takumar thank you for the detailed run through +1:
CamperBot
@camperbot
Oct 21 2015 12:51
kiytang sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 514 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Oct 21 2015 12:55
@josephwasily make an assignment: arrs = arrs.filter(....
Nice idea for code.
Joseph Botros
@josephwasily
Oct 21 2015 12:56
@Takumar Oops ....thanks
CamperBot
@camperbot
Oct 21 2015 12:56
josephwasily sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:warning: josephwasily already gave takumar points
Piyush Vats
@piyushv
Oct 21 2015 13:20

hi guys have a proble with jquery waypoint#6 here is my solution waypoint 6 : jquery

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

  });
</script>

im not selecting that one specific button but end up assigning all the classes to al 6 buttons. my mistake is very simple i think i cant pinpoint it! any help will be appreciated

Aleksander Gębicki
@Takumar
Oct 21 2015 13:33
@piyushv hi, your bug is so simple but I didn't see it at start.
You have wrong name of method in line with "btn-primary": .addclass wherease should be .addClass
Moisés Man
@moigithub
Oct 21 2015 13:34
@piyushv i think u need to assign all 3 classes using each selector form...
selector.addClass('class1 class2 class3')
Piyush Vats
@piyushv
Oct 21 2015 13:35
@Takumar that was it! thank u i would not have picked that haha
CamperBot
@camperbot
Oct 21 2015 13:35
piyushv sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
Aleksander Gębicki
@Takumar
Oct 21 2015 13:35
@moigithub no, he has to add one class at a time.
CamperBot
@camperbot
Oct 21 2015 13:35
:star: 517 | @takumar | http://www.freecodecamp.com/takumar
Piyush Vats
@piyushv
Oct 21 2015 13:35
@moigthub thanks for u help!
CamperBot
@camperbot
Oct 21 2015 13:35
piyushv sends brownie points to @moigthub :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for moigthub
Aleksander Gębicki
@Takumar
Oct 21 2015 13:36
@piyushv I also looked at it for a time and thought that everything is allright so where is a problem :-)
Piyush Vats
@piyushv
Oct 21 2015 13:36
i was about to pull my hair put. haha but u learn as u go. thanks a lot mate
CamperBot
@camperbot
Oct 21 2015 13:36
if you want to thank someone, put an @ before their name!
Butterfly313
@Butterfly313
Oct 21 2015 13:44
Good morning, In order to ask a question how do I take a screen shot of my work?
Aleksander Gębicki
@Takumar
Oct 21 2015 13:45
@Butterfly313 good morning, better paste here your code if it is not too long.
Piyush Vats
@piyushv
Oct 21 2015 13:45
hi @Butterfly313 ive found if you provide a link to the exercise you are doing and then copy paste your code people are generally able to help
Juan Riquelme
@soulchainer
Oct 21 2015 13:47
wiki format
CamperBot
@camperbot
Oct 21 2015 13:47

:point_right: code formatting [wiki]

Inline code

alt text

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

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<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

Kamen08
@Kamen08
Oct 21 2015 14:08
Hey. Is there something like compiler for JavaScript where i can test my code?? I tried something that called themselves online JavaScript compilers but when i paste my code they just removed my space or nothing happend.
Hans van Riet
@hansinla
Oct 21 2015 14:13
@Kamen08 You can run JS in Sublime (at least on the Mac, I assume on other platforms as well). The only drawback is that you need to use debug() instead of console.log(), but other than that it works great.
Jason Wood
@catapixel
Oct 21 2015 14:14
@Kamen08 do you want to run your code and see how it functions or do you want to check it for errors/warnings/etc?
Juan Riquelme
@soulchainer
Oct 21 2015 14:14
@Kamen08 Well. You can test your code in the console, in the developer tools of your browser. Also, if you have node instaled, you can execute a file.js with it this way: node file.js. Usually I use node for that.
@Kamen08 For testing, you also have the debbuger tab in the developer tools of your browser.
Jason Wood
@catapixel
Oct 21 2015 14:19
@Kamen08 just use https://repl.it/languages and select "javascript" for your language
Antonio Carretero
@aclbros
Oct 21 2015 14:26
Hi, anyone with express.js waypoint? I'm having an error every time I try to verify a solution
Hans van Riet
@hansinla
Oct 21 2015 14:29
@aclbros which one are you on right now? Can you share code?
Butterfly313
@Butterfly313
Oct 21 2015 14:31
Thanks @Takumar , @piyushv , @soulchainer , @camperbot
CamperBot
@camperbot
Oct 21 2015 14:31
butterfly313 sends brownie points to @takumar and @piyushv and @soulchainer and @camperbot :sparkles: :thumbsup: :sparkles:
:star: 160 | @piyushv | http://www.freecodecamp.com/piyushv
:star: 390 | @camperbot | http://www.freecodecamp.com/camperbot
:star: 361 | @soulchainer | http://www.freecodecamp.com/soulchainer
:star: 519 | @takumar | http://www.freecodecamp.com/takumar
Jason Wood
@catapixel
Oct 21 2015 14:31
@aclbros I've worked through that one as well. Which step are you on and what is your error?
Antonio Carretero
@aclbros
Oct 21 2015 14:33
@hansinla It's not a problem with the solutions, they're right. It's the verification command, always show an error message:
$ expressworks verify program.js                                                                                                    

?exercises.HELLO WORLD!.compare.title || common.exercise.compare.title || compare.title?

/home/ubuntu/.nvm/v0.11.14/lib/node_modules/expressworks/node_modules/workshopper-exercise/comparestdout.js:19
  return new Array(sz + 1).join(ch)
         ^
RangeError: Invalid array length
    at repeat (/home/ubuntu/.nvm/v0.11.14/lib/node_modules/expressworks/node_modules/workshopper-exercise/comparestdout.js:19:10)
    at center (/home/ubuntu/.nvm/v0.11.14/lib/node_modules/expressworks/node_modules/workshopper-exercise/comparestdout.js:25:13)
    at Exercise.transform (/home/ubuntu/.nvm/v0.11.14/lib/node_modules/expressworks/node_modules/workshopper-exercise/comparestdout.js:57:40)
    at Transform._read (/home/ubuntu/.nvm/v0.11.14/lib/node_modules/expressworks/node_modules/workshopper-exercise/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:184:10)
    at Transform._write (/home/ubuntu/.nvm/v0.11.14/lib/node_modules/expressworks/node_modules/workshopper-exercise/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:172:12)
    at doWrite (/home/ubuntu/.nvm/v0.11.14/lib/node_modules/expressworks/node_modules/workshopper-exercise/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:237:10)
    at writeOrBuffer (/home/ubuntu/.nvm/v0.11.14/lib/node_modules/expressworks/node_modules/workshopper-exercise/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:227:5)
    at Transform.Writable.write (/home/ubuntu/.nvm/v0.11.14/lib/node_modules/expressworks/node_modules/workshopper-exercise/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:194:11)
    at Stream.ondata (stream.js:51:26)
    at Stream.emit (events.js:107:17)
I opened an issue in expressworks: (azat-co/expressworks#89)
Hans van Riet
@hansinla
Oct 21 2015 14:36
@aclbros Never had that issue. I assume that you tried updating node and npm and/or reinstalling?
Antonio Carretero
@aclbros
Oct 21 2015 14:38
yes, I tried with new workspace in cloud9 and in Codeanywhere, same result
Harsh Gupta
@hgupta
Oct 21 2015 15:03
Hi all, I just started on FreeCodeCamp. In the Basic JavaScript Section, last exercise (Waypoint: Give your JavaScript Slot Machine some Stylish Images), I am stuck on the first Test Case i.e. "Use the provided code three times. One for each slot." All the other cases are completed.
Can anyone help me with this?
My mistake, I accidentally added a space in the line.
Byron Lagrone
@byronic
Oct 21 2015 15:14
Welcome @hgupta ! Glad you caught it ;)
Sometimes it just takes stepping away for a second and then looking back
Raúl Eduardo Córdoba Diaz
@reppito
Oct 21 2015 15:26
@tseamus the parameter depends , exists functions that need a parameter and other ones not
Mrs. B.
@jazzydelta99
Oct 21 2015 15:34
This message was deleted
Chao
@iseliget
Oct 21 2015 16:14
<style>
    .firstpart {
        height: 885px;
        background-image: url=(“pictures/1.jpg”);
        background-size: cover;
    }
</style>

<div class=“firstpart”>
    <p> This is first part </p>
</div>
Can anyone tell me why it doesn’t work? It looks perfectly fine to me :worried:
Ariel
@ArielLeslie
Oct 21 2015 16:17
@iseliget is it the background image that isn't working?
Chao
@iseliget
Oct 21 2015 16:18
Yeah.
Ariel
@ArielLeslie
Oct 21 2015 16:18
@iseliget I don't think there is supposed to be an =
try background-image: url("pictures/1.jpg");
Abhisek Pattnaik
@abhisekp
Oct 21 2015 16:19
@iseliget it must be the pretty quotes! or may be :point_up_2:
Chao
@iseliget
Oct 21 2015 16:19
Ah...
It’s the =
That was stupid. Glad I didn’t go to overflow
Vi Van
@vanhungvi
Oct 21 2015 16:20
Hi all,
I wanna link my image to external link, please help me correct my code
<a href="http://freecatphotoapp.com"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
Chao
@iseliget
Oct 21 2015 16:20
How do I give out bronwie point? lol
Vi Van
@vanhungvi
Oct 21 2015 16:21
there is any wrong?
Jonathan Lee Slew
@jlslew
Oct 21 2015 16:21
@iseliget thank you, that's how
CamperBot
@camperbot
Oct 21 2015 16:21
jlslew sends brownie points to @iseliget :sparkles: :thumbsup: :sparkles:
:star: 196 | @iseliget | http://www.freecodecamp.com/iseliget
Vi Van
@vanhungvi
Oct 21 2015 16:23
could anyone please help me ?? :(
Singh Harpal
@harry9656
Oct 21 2015 16:25
@vanhungvi what's your problem?
Vi Van
@vanhungvi
Oct 21 2015 16:25
<a href="http://freecatphotoapp.com"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
Chao
@iseliget
Oct 21 2015 16:25
@vanhungvi Your code works perfectly fine on my laptop.
@vanhungvi Just FYI, the picture is supposed to be up side down.
Vi Van
@vanhungvi
Oct 21 2015 16:26
I dont know why this code doesn;t work
realy
while practice on my challenge , it's failed
Vi Van
@vanhungvi
Oct 21 2015 16:31
@iseliget thanks
CamperBot
@camperbot
Oct 21 2015 16:31
vanhungvi sends brownie points to @iseliget :sparkles: :thumbsup: :sparkles:
:star: 197 | @iseliget | http://www.freecodecamp.com/iseliget
Sam
@slibre2
Oct 21 2015 16:33
Hi all need help . I m trying to give my form element a green background . so what is wrong here : <form action="/submit-cat-photo" id="cat-photo-form" background-color="green" > ? Thanks
Myroslav
@werber
Oct 21 2015 16:38
You need to set this in your style for form.
Sam
@slibre2
Oct 21 2015 16:40
@werber no because the instruction is not use style or class attributes Waypoint39
@werber you mean in the CSS class ?
Fher Gomez
@fhergomez
Oct 21 2015 16:43
@slibre2 if you’re trying to do inline style make sure you add style=“background-color: green” or you can do it up on top with the id
Sam
@slibre2
Oct 21 2015 16:45
@fhergomez yes but the instruction is : "Do not give your form any class or style attributes."
Fher Gomez
@fhergomez
Oct 21 2015 16:45
@slibre2 which exercise is this?
Sam
@slibre2
Oct 21 2015 16:46
@fhergomez Wapoint 39 html
@fhergomez I found 3 points on 4 . Just one is missing "Your form element should have the background-color of green."
Fher Gomez
@fhergomez
Oct 21 2015 16:49
@slibre2 yeah, you need to create the background with the id attribute….not creating a class or style attribute
@slibre2 hint from instructions……."You always reference ids by putting a # in front of their names."
Sam
@slibre2
Oct 21 2015 16:51
@fhergomez Inside the bracket tag ?
Fher Gomez
@fhergomez
Oct 21 2015 16:51
@slibre2 on top inside the style tags
Ian Hyndman
@ian-splintercell-splinter
Oct 21 2015 16:52

Hi im stuck if any one can help and has the time. what am i doing wrong. the Waypoint: Save your Code Revisions Forever with Git. I am unable to commit changes for the readme.txt. splintercellpro:~/workspace/hello-world (master) $ git-it verify
Verifying "COMMIT TO IT"...

ACTUAL EXPECTED


"Hmm, can't find" != "Changes have been committed!"
"committed changes." != ""
"" != null

FAIL

Your solution to COMMIT TO IT didn't match the expected output.
Try again!

CamperBot
@camperbot
Oct 21 2015 16:52

welcome to FreeCodeCamp @ian-splintercell-splinter!

Ian Hyndman
@ian-splintercell-splinter
Oct 21 2015 16:53
im so ooo stuck
Jason
@Skiippa
Oct 21 2015 16:54
@ian-splintercell-splinter please use ``` at the start and end of code
So its easier to look at
Does some one want to help me with "Waypoint: Make Instances of Objects with a Constructor Function"
Ian Hyndman
@ian-splintercell-splinter
Oct 21 2015 16:54
@Skiippa
Sam
@slibre2
Oct 21 2015 16:54
@fhergomez yes I ve already created a CSS class with # : "#cat-photo-element { background-color: green; }"
Ian Hyndman
@ian-splintercell-splinter
Oct 21 2015 16:55
im still stuck thou. lol
Sam
@slibre2
Oct 21 2015 16:55
@fhergomez Do you mean I have to put the same in the form element ? a # ?
Fher Gomez
@fhergomez
Oct 21 2015 16:56
@slibre2 I see that you named your id #cat-photo-element, but in your form tag you have id=cat-photo-form…they need to be called the same
Ian Hyndman
@ian-splintercell-splinter
Oct 21 2015 16:59
`Error: Cannot find module '/home/ubuntu/workspace/hello-world/server.js'
at Function.Module._resolveFilename (module.js:336:15)
at Function.Module._load (module.js:286:25)
at Function.Module.runMain (module.js:475:10)
at startup (node.js:117:18)
at node.js:951:3'
Sam
@slibre2
Oct 21 2015 17:00
@fhergomez it doesn't work and the instruction is to put for an id #cat-photo-element
Fher Gomez
@fhergomez
Oct 21 2015 17:03
@slibre2 inside your style tags up to top you need this: #cat-photo-form {background-color: green;} in your form tag<form id=“cat-photo-form”>
Sam
@slibre2
Oct 21 2015 17:03
@fhergomez In the instruction it is written :"Try giving your form, which now has the id attribute of cat-photo-form, a green background."
@fhergomez I try this !
Jason
@Skiippa
Oct 21 2015 17:05
Does someone want to remind me how to create instances with a constructor in JS ? My mind is going blank...
Moisés Man
@moigithub
Oct 21 2015 17:06
new operator?
var bob = new Dog();
Ngaosathe
@ThekhoN
Oct 21 2015 17:07
hello everyone..can any one explain what it means by "PRECOMPILING" when it comes to javascript templating?
Jason
@Skiippa
Oct 21 2015 17:08
Thank you @moigithub just woke up, my mind is not thinking straight :)
CamperBot
@camperbot
Oct 21 2015 17:08
skiippa sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star: 387 | @moigithub | http://www.freecodecamp.com/moigithub
Moisés Man
@moigithub
Oct 21 2015 17:10
@ThekhoN compile is like translate... i.e... i write.. "hola como estas" u pass to a translator --> "hello how r u" then u be able to understand :)
@slibre2 did you figure it out?
Sam
@slibre2
Oct 21 2015 17:14
@fhergomez It doesn't work . In the instruction they use element for CSS class creation and form for the form element . So im not sure they have to be the same . For me the problem is the way of writing the form tag . How to put background-color-green . there is sthg else : in the style there is written background-color gray Should I put it out ?
Jason
@Skiippa
Oct 21 2015 17:14
Thank you @fhergomez
CamperBot
@camperbot
Oct 21 2015 17:14
skiippa sends brownie points to @fhergomez :sparkles: :thumbsup: :sparkles:
:star: 190 | @fhergomez | http://www.freecodecamp.com/fhergomez
Sam
@slibre2
Oct 21 2015 17:18
@fhergomez It's crazy I have 3 points good on 4 . Just ONe is missing !
Josh Smitherman
@TheCoderJosh
Oct 21 2015 17:18
How do i do the waypoint: Change the Color of Text? please help me
Fher Gomez
@fhergomez
Oct 21 2015 17:19
@slibre2 the background-color gray is for a class that’s why it has the . notation. In the form tag, you have the attribute id="cat-photo-form” so inside your style tags all your id attributes should use the # notation
Sam
@slibre2
Oct 21 2015 17:19
@TheCoderJosh I m huge beginner ! but if you want I can help if you re not afraid
Fher Gomez
@fhergomez
Oct 21 2015 17:19
your welcome @Skiipa!
Sam
@slibre2
Oct 21 2015 17:20
@fhergomez So I suggest #background-color-green ?
@TheCoderJosh wait a minute little nice dog i m going to try to help you . I saw this point
Fher Gomez
@fhergomez
Oct 21 2015 17:21
@slibre2 #cat-photo-form {background-color:green} inside your style tags
Sam
@slibre2
Oct 21 2015 17:22
@fhergomez I try this !
Fher Gomez
@fhergomez
Oct 21 2015 17:22
@slibre2 ok
Abhisek Pattnaik
@abhisekp
Oct 21 2015 17:23
@slibre2 hey! not yet worked out?
Ian Hyndman
@ian-splintercell-splinter
Oct 21 2015 17:23
Hello everyone: A bit stuck has any one successfully completed the git-it cloud 9 challenge. having problems with commit. Followed instructions from - jlord.github.io/git-it
Fher Gomez
@fhergomez
Oct 21 2015 17:26

@slibre2 your style tags should look like this

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

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

  .smaller-image {
    width: 100px;
  }
  .gray-background {
    background-color: gray
  }

  #cat-photo-form {
    background-color:green;
  }
</style>

and your form tags should look like this:

<form action="/submit-cat-photo" id="cat-photo-form”>
Sam
@slibre2
Oct 21 2015 17:26
@fhergomez no no good .2 points good , 2 points not good
Abhisek Pattnaik
@abhisekp
Oct 21 2015 17:27
@ian-splintercell-splinter what's the issue with commit?
Fher Gomez
@fhergomez
Oct 21 2015 17:29
@slibre2 I hope this helps you out
Ian Hyndman
@ian-splintercell-splinter
Oct 21 2015 17:29
Your solution to COMMIT TO IT didn't match the expected output. the error i get
Sam
@slibre2
Oct 21 2015 17:30
@fhergomez BINGO ! Thanks a lot Mr GOMEZ ! Come on SEATTLE !
CamperBot
@camperbot
Oct 21 2015 17:30
slibre2 sends brownie points to @fhergomez :sparkles: :thumbsup: :sparkles:
:star: 191 | @fhergomez | http://www.freecodecamp.com/fhergomez
Fher Gomez
@fhergomez
Oct 21 2015 17:31
your welcome @slibre2 !
Ian Hyndman
@ian-splintercell-splinter
Oct 21 2015 17:32
@abhisekp Your solution to COMMIT TO IT didn't match the expected output.
Sam
@slibre2
Oct 21 2015 17:33
@fhergomez you were right . Words have to be the same . But in the instruction they use 2 different words ? Strange ?
Abhisek Pattnaik
@abhisekp
Oct 21 2015 17:33

@ian-splintercell-splinter I've no clue. At least give some more explanations.

@abhisekp Your solution to COMMIT TO IT didn't match the expected output.

Francesco Eri
@francescoeri
Oct 21 2015 17:39

hi guys, sorry, I'm here and I'm stuck...

"Now, use the var keyword to create a variable called myName. Set its value to your name, in double quotes.
Look at the ourName example if you get stuck."

and this is what i have to do

// var ourName = "Free Code Camp";

// Only change code above this line.
// We use this function to show you the value of your variable in your output box.
// You'll learn about functions soon.

if(typeof(myName) !== "undefined"){(function(v){return v;})(myName);}

Sam
@slibre2
Oct 21 2015 17:44
@TheCoderJosh Are you still here ?
Francesco Eri
@francescoeri
Oct 21 2015 17:44
find it, sorry
CamperBot
@camperbot
Oct 21 2015 17:44
find it sorry
nothing found
Abhisek Pattnaik
@abhisekp
Oct 21 2015 17:44
explain format
CamperBot
@camperbot
Oct 21 2015 17:44

:point_right: code formatting [wiki]

Inline code

alt text

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

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<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

Abhisek Pattnaik
@abhisekp
Oct 21 2015 17:45
@francescoeri :point_up: October 21, 2015 11:14 PM
Justin Bradley
@justin-bradley
Oct 21 2015 17:46
How do i set the background color of a form element/
Francesco Eri
@francescoeri
Oct 21 2015 17:47
...
Sam
@slibre2
Oct 21 2015 17:47
@justin-bradley <form action="/submit-cat-photo" id="cat-photo-form" >
Justin Bradley
@justin-bradley
Oct 21 2015 17:48
@slibre2 Right, but I thought I had to use background-color?
rose50
@rose50
Oct 21 2015 17:48
Hi guys, I need ur help in jquery.. i got stuck in the first challenge of jquery..<learn how script tags and document ready work> this is my code: <script>
$(document).ready(function()
{
});
</script>
Francesco Eri
@francescoeri
Oct 21 2015 17:48
ill try
'''
var firstNameLength = 0;
var lastNameLength = 0;
var firstName = "Ada";
'''
CamperBot
@camperbot
Oct 21 2015 17:48
:bulb: to format code use backticks! ``` more info
Sam
@slibre2
Oct 21 2015 17:49
@justin-bradley I m beginner I ve just solved this prob that's why I answer you
@justin-bradley is it Waypoint 39 html ?
Aleksander Gębicki
@Takumar
Oct 21 2015 17:52
@rose50 your code looks good. Do you have any message with error when you run tests?
rose50
@rose50
Oct 21 2015 17:53
i do not get any error message.. Also when i run tests on it unable to proceed to next challenge
Phil Andy
@philandy
Oct 21 2015 17:54
@marcusp619 sorry missed the notification, it's not about myself it's about my team. I have to use what they will use. I'm seeing how their quirks lead me. I may have to settle on wiki, for instance.
Aleksander Gębicki
@Takumar
Oct 21 2015 17:54
@rose50 Have you placed your script before HTML code?
rose50
@rose50
Oct 21 2015 17:54
yes @Takumar
Aleksander Gębicki
@Takumar
Oct 21 2015 17:55
@rose50 have you tried to correct anything in HTML code? If so, the simplest way to correct it is to reset your code and paste the code you showed us at the beginning.
rose50
@rose50
Oct 21 2015 17:57
no... i did not edit HTML code which works fine .. just added the script element with document
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 17:57
Hi
Aleksander Gębicki
@Takumar
Oct 21 2015 17:58
@rose50 I have just tested my and your code and it works fine. Please put here entire code also with HTML so I can look at it.
rose50
@rose50
Oct 21 2015 17:58

this is the complete code:<script>
$(document).ready(function()
{
});
</script>

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

Aleksander Gębicki
@Takumar
Oct 21 2015 17:58
@rose50 your code runs well, have you tried to reset code window? What browser are you using?
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 17:59
Hi
rose50
@rose50
Oct 21 2015 17:59
i am using IE 11
Aleksander Gębicki
@Takumar
Oct 21 2015 17:59
@aayushkapoor206 hello to FCC community :-)
bgersh
@bgersh
Oct 21 2015 17:59
hey everyone I am just staring on Javascript and am having a hard time understanding array data with indexes. Can someone please help explain this
var ourArray = [1,2,3];
ourArray[1] = 3;
// ourArray now equals [1,3,3].
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 17:59
@Takumar Thanks
CamperBot
@camperbot
Oct 21 2015 17:59
aayushkapoor206 sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 520 | @takumar | http://www.freecodecamp.com/takumar
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 18:00
I have a question
Alfonso Giron
@alfonsogiron10
Oct 21 2015 18:00
Math.floor(Math.random() (3 -1 +1)) +1;
Math.floor(Math.random()
(3 -1 +1)) +1;
Math.floor(Math.random() * (3 -1 +1)) +1;
Aleksander Gębicki
@Takumar
Oct 21 2015 18:00
@rose50 hmm IE, that may be problem :-)
Alfonso Giron
@alfonsogiron10
Oct 21 2015 18:00
How do I store these in slotOne slotTwo slotThree?
rose50
@rose50
Oct 21 2015 18:00
ohh! thanks @Takumar
CamperBot
@camperbot
Oct 21 2015 18:00
rose50 sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 521 | @takumar | http://www.freecodecamp.com/takumar
rose50
@rose50
Oct 21 2015 18:00
which IE is recommended ?@Takumar
Anikakp
@Anikakp
Oct 21 2015 18:01
@bgersh I can help you out
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 18:01
Is it better to declare a new variable or convert the current variable's data type?
bgersh
@bgersh
Oct 21 2015 18:01
@Anikakp much appreciated!
Aleksander Gębicki
@Takumar
Oct 21 2015 18:01
@rose50 I even didn't know I have IE 11 installed I thought I have some older version. I tried it now, and confirm that it don't work on my computer also. I tried it earlier with Firefox and Chrome (newest stable versions) and it worked.
Anikakp
@Anikakp
Oct 21 2015 18:02
Array indexes are starts from 0. So as per your piece of code you are assigning value 3 to index 1. var ourArray = [1,2,3];
ourArray[1] = 3;
// ourArray now equals [1,3,3].
Jason Wood
@catapixel
Oct 21 2015 18:02
@alfonsogiron10 Are you doing Waypoint: Bring your JavaScript Slot Machine to Life? If so, I can help
Alfonso Giron
@alfonsogiron10
Oct 21 2015 18:03
I'm doing Waypoint: Create a Javascript Slot Machine
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 18:04

Suppose we have

var abc = "some string here"
var abc = 123

or

var abc = "some string here"
var xyz = 123
Aleksander Gębicki
@Takumar
Oct 21 2015 18:04
Have anyone else are using IE 11 and have problems with waypoints?
bgersh
@bgersh
Oct 21 2015 18:04
@Anikakp thank you!
CamperBot
@camperbot
Oct 21 2015 18:04
bgersh sends brownie points to @anikakp :sparkles: :thumbsup: :sparkles:
:star: 307 | @anikakp | http://www.freecodecamp.com/anikakp
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 18:04
Which is better performance wise?
Anikakp
@Anikakp
Oct 21 2015 18:04
@bgersh you are welcome
Blake Bullen
@soonerblake007
Oct 21 2015 18:04
What does it mean when it says "$ is not defined" on the CSS selectors to style elements?
rose50
@rose50
Oct 21 2015 18:05
thank you!@Takumar .. will try with firefox
CamperBot
@camperbot
Oct 21 2015 18:05
if you want to thank someone, put an @ before their name!
Aleksander Gębicki
@Takumar
Oct 21 2015 18:05
@rose50 Check this problem FreeCodeCamp/FreeCodeCamp#3519, they say FCC don't support IE at all!
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:07
@aayushkapoor206 none are good enough to be called better. They're exclusive of each other. And we shouldn't have the 1st one. It's bad. But for perf, it's better. 2nd one is preferable.
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 18:08
@abhisekp But won't there be a lot of variables then?
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:08
@aayushkapoor206 so? What's the issue with lot of vars? It's more elegant.
Alfonso Giron
@alfonsogiron10
Oct 21 2015 18:08
Math.floor(Math.random() * (3 -1 +1)) +1;
Can someone explain what the +1 -1's mean
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 18:09
@abhisekp A lot of memory will be assigned beforehand
Anikakp
@Anikakp
Oct 21 2015 18:09
@soonerblake007 you will have to refer to Jquery library.
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:09
@aayushkapoor206 it's better to have lots of intermediate vars for elegance.
Blake Bullen
@soonerblake007
Oct 21 2015 18:09
thank you @Anikakp
CamperBot
@camperbot
Oct 21 2015 18:09
soonerblake007 sends brownie points to @anikakp :sparkles: :thumbsup: :sparkles:
:star: 308 | @anikakp | http://www.freecodecamp.com/anikakp
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:09
@aayushkapoor206 are you in short of mems?
Aleksander Gębicki
@Takumar
Oct 21 2015 18:09
@alfonsogiron10 this is the formula to get values from range [min, max] where min === 1 and max === 3
Math.floor(Math.random() * (max - min + 1)) + min;
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 18:10
@abhisekp Maybe
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:10
@aayushkapoor206 and there is also this functional programming approach using whc can lessen the mem var fingerprint
Alfonso Giron
@alfonsogiron10
Oct 21 2015 18:11
@Takumar Ok yeah I see, I just don't get the extra +1 after the min
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:12
@aayushkapoor206 modern computers in avg. have atleast 2-4 GB+ of mems.
Aleksander Gębicki
@Takumar
Oct 21 2015 18:12
@alfonsogiron10 It looks so because random() returns value from range [0, 1) so you have to multiply it by 2 to get values from [0, 2) but when you use floor() function you will get either 0 or 1 (never 2) so you have to add 1 to get 0, 1 or 2 !
Think about few examples and calculate in manually on paper.
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 18:13
@abhisekp I was asking it to run node js on raspberry pi
@abhisekp Memory is a concern there
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:13
Hey guy, I'm stuck with a task in javascript regarding private declaration
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:13
@alfonsogiron10 mem mgmt depends on the type of app anyway. For games, you need to do mem mgmt for perf.
Sara Hall
@sarahall
Oct 21 2015 18:14
Is there a Waypoint Help room?
Alfonso Giron
@alfonsogiron10
Oct 21 2015 18:14
@Takumar Ah ok that makes sense. And yeah I'll do that. Thank you
CamperBot
@camperbot
Oct 21 2015 18:14
alfonsogiron10 sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 522 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Oct 21 2015 18:14
@sarahall no, ask here.
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:15
@aayushkapoor206 i can't exactly comment on nodejs on raspberry pi. sorry!
Aayush Kapoor
@aayushkapoor206
Oct 21 2015 18:15
@abhisekp Oh, okay
Sara Hall
@sarahall
Oct 21 2015 18:15
@Takumar thanks... I'm trying to understand why this isnt being accepted:
CamperBot
@camperbot
Oct 21 2015 18:15
sarahall sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 523 | @takumar | http://www.freecodecamp.com/takumar
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:15
@aayushkapoor206 i dunno how to write effectively in such devices
Sara Hall
@sarahall
Oct 21 2015 18:15

`// var numbers = [1,2,3];
// console.log(numbers); // logs [1,2,3]
// var removed = numbers.pop();
// console.log(numbers); // logs [1,2]
// console.log(removed); // logs 3

var myArray = ["John", 23, ["cat", 2]];
// Only change code below this line.
myArray.pop();
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]

// Only change code above this line.
// We use this function to show you the value of your variable in your output box.
// You'll learn about functions soon.
(function(y, z){return 'myArray = ' + JSON.stringify(y) + ' & removed = ' + JSON.stringify(z);})(myArray, removed);`

Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:16
@aayushkapoor206 functional programming is a bad choice for that device tho, i guess.
Sara Hall
@sarahall
Oct 21 2015 18:16
its asking : "Use the .pop() function to remove the last item from myArray."
Khurram Naseem
@khurramn
Oct 21 2015 18:17
help me with understanding lil bootstrap problem
CamperBot
@camperbot
Oct 21 2015 18:17
no wiki entry for: me with understanding lil bootstrap problem
:pencil: click here to create one now!after creating your page type update to reload it here
Khurram Naseem
@khurramn
Oct 21 2015 18:17
any one
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:17
@khurramn what's the lil bootstrap problem?
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:18
@sarahall : try this, var removed = myArray.pop();
It should work
Khurram Naseem
@khurramn
Oct 21 2015 18:18
i have to put three button in a row
:S
Sara Hall
@sarahall
Oct 21 2015 18:19
gotcha... thanks @gauravbharadwajm I'm trying to grasp the .pop() concept but the removed wasn't helping
CamperBot
@camperbot
Oct 21 2015 18:19
sarahall sends brownie points to @gauravbharadwajm :sparkles: :thumbsup: :sparkles:
:star: 170 | @gauravbharadwajm | http://www.freecodecamp.com/gauravbharadwajm
Khurram Naseem
@khurramn
Oct 21 2015 18:19
<div class="row">
<div class="col-xs-4 row">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button></div>
</div>
where i am wrong
Sara Hall
@sarahall
Oct 21 2015 18:20
@khurramn I think they all have to be in <div>s
Jason
@Skiippa
Oct 21 2015 18:20
help format
CamperBot
@camperbot
Oct 21 2015 18:20

:point_right: code formatting [wiki]

Inline code

alt text

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

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<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

Jason Wood
@catapixel
Oct 21 2015 18:20
@khurramn That div with the col part needs to be applied to each button. Three divs in total
Khurram Naseem
@khurramn
Oct 21 2015 18:21
owhhh
i got it
thankx all of u
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:22

//Let's create an object with two functions. One attached as a property and one not.
var Car = function() {
this.gear = 1;
function addStyle(styleMe){
return 'The Current Gear Is: ' + styleMe;
}
this.getGear = function() {
return addStyle(this.gear);
};
};

var Bike = function() {
// Only change code below this line.
this.speed = 100;
function addUnit(value) {
return value + "KM/H";
}

getSpeed = function (bike) {
return addUnit(speed);
};

};

// Only change code above this line.
var myCar = new Car();
var myBike = new Bike();

if(myBike.hasOwnProperty('getSpeed')){(function() {return JSON.stringify(myBike.getSpeed());})();};

Its asking me to make myBike.speed and myBike.addUnit private
Can anyone help me with this
Aleksander Gębicki
@Takumar
Oct 21 2015 18:23

@sarahall sorry I had to go out.
You have such code:

myArray.pop();
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]

when you use pop() method in such way your popped element ["cat", 2"] is lost, you have to place its value in any variable.
When you write: var removed = myArray; you create new array called 'removed' with the same values as 'myArray' (in fact this is the same array but differently named).

Jason
@Skiippa
Oct 21 2015 18:23
@gauravbharadwajm Please use ``` at the start and end of code to make it easier
Like this
Jason Wood
@catapixel
Oct 21 2015 18:24
@khurramn under the default conditions when you use Bootstrap "row" your columns will always total 12. in this case you have 3 buttons each set to 4. That might help understand why you needed to use a div on each button.
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:25

``` //Let's create an object with two functions. One attached as a property and one not.
var Car = function() {
this.gear = 1;
function addStyle(styleMe){
return 'The Current Gear Is: ' + styleMe;
}
this.getGear = function() {
return addStyle(this.gear);
};
};

var Bike = function() {
// Only change code below this line.
this.speed = 100;
function addUnit(value) {
return value + "KM/H";
}

getSpeed = function (bike) {
return addUnit(speed);
};

};

// Only change code above this line.
var myCar = new Car();
var myBike = new Bike();

if(myBike.hasOwnProperty('getSpeed')){(function() {return JSON.stringify(myBike.getSpeed());})();};
```

@Skiippa : It dint work :(
Jason Wood
@catapixel
Oct 21 2015 18:25
@gauravbharadwajm this. controls whether a variable or method is public or not. If you see this. it is public. This waypoint wants you to make speed private and getSpeed public by adding/removing this. as necessary
Jason
@Skiippa
Oct 21 2015 18:25
make sure that ``` is on its own line @gauravbharadwajm
Khurram Naseem
@khurramn
Oct 21 2015 18:26
@catapixel thankx you i got it now
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:26
@catapixel thanks
CamperBot
@camperbot
Oct 21 2015 18:26
gauravbharadwajm sends brownie points to @catapixel :sparkles: :thumbsup: :sparkles:
:star: 499 | @catapixel | http://www.freecodecamp.com/catapixel
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:27
It worked @catapixel
Jason Wood
@catapixel
Oct 21 2015 18:27
@gauravbharadwajm @khurramn :thumbsup:
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:27
Like
Khurram Naseem
@khurramn
Oct 21 2015 18:28
it says wohooo you are on fire :D
Aleksander Gębicki
@Takumar
Oct 21 2015 18:31
@khurramn @thedigitalmonk said today: "Programming is a lot like driving. Just that your car is on fire. So is your house. Everything is on fire. You’re in hell." :-)
Puiyee Tong
@pytong
Oct 21 2015 18:32
Haha
Khurram Naseem
@khurramn
Oct 21 2015 18:33
hahahaha
Guru
@beginningprogramming
Oct 21 2015 18:33
Hi Everyone.
Jason
@Skiippa
Oct 21 2015 18:33
Its all hell when you figure out that a massive error is caused by 1 character
@beginningprogramming Welcome!
Aleksander Gębicki
@Takumar
Oct 21 2015 18:33
@beginningprogramming hello and welcome to hell ;-)
Khurram Naseem
@khurramn
Oct 21 2015 18:33
hellow @beginningprogramming
Guru
@beginningprogramming
Oct 21 2015 18:33
:)
Khurram Naseem
@khurramn
Oct 21 2015 18:33
you can code only if u r on fire
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:34
if you are on fire, you’ll code eventually
Khurram Naseem
@khurramn
Oct 21 2015 18:34
'''
CamperBot
@camperbot
Oct 21 2015 18:34
:bulb: to format code use backticks! ``` more info
Khurram Naseem
@khurramn
Oct 21 2015 18:35
''' Alpha bravo charlie '''
CamperBot
@camperbot
Oct 21 2015 18:35
:bulb: to format code use backticks! ``` more info
Khurram Naseem
@khurramn
Oct 21 2015 18:36
' ' ' code ' ' '
Jason Wood
@catapixel
Oct 21 2015 18:36
@khurramn the backtick is the key above the tab key on the left of your keyboard. Usually it is combined with the ~
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:37
```
Khurram Naseem
@khurramn
Oct 21 2015 18:37
`` owhh
owhhhhhhhhh
thankx again @catapixel
u r bravo
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:41
okay
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:41
@gauravbharadwajm :point_up: October 21, 2015 11:50 PM
Damani Turner
@AdamBrashear
Oct 21 2015 18:42
hi everyone, I am stuck on the waypoint where it wants me to create a class to target with jquery selectors and I'm really confused can anyone help?
Aleksander Gębicki
@Takumar
Oct 21 2015 18:44
@AdamBrashear you have to better describe your problem or even better show your code so we can look at it and find bug.
Jason
@Skiippa
Oct 21 2015 18:44
help format
CamperBot
@camperbot
Oct 21 2015 18:44

:point_right: code formatting [wiki]

Inline code

alt text

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

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

<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

Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:44
@AdamBrashear You just have to do $('.class')
Aleksander Gębicki
@Takumar
Oct 21 2015 18:44
@abhisekp how do you create link to answer with this pointing finger?
Damani Turner
@AdamBrashear
Oct 21 2015 18:50

```

<button class="btn btn-default $('.class')"></button>
<button class="btn btn-default $('.class')"></button>
<button class="btn btn-default $('.class')"></button>

dangit
I messed up, sorry guys
Abhisek Pattnaik
@abhisekp
Oct 21 2015 18:50
@Takumar
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 18:51
@AdamBrashear you should use $('.class’) inside <script> </script>
not in the html
Damani Turner
@AdamBrashear
Oct 21 2015 18:54
<button class="btn btn-default">$('.class')</button>
        <button class="btn btn-default">$('.class')</button>
        <button class="btn btn-default">$('.class')</button>
am i still doing it wrong?
or am i supposed to type it as .class=target?
Byron Lagrone
@byronic
Oct 21 2015 18:56
@AdamBrashear You can't use JavaScript / jQuery without being within the bounds of a <script> tag.
Jason Wood
@catapixel
Oct 21 2015 18:56
@AdamBrashear Yes, the buttons should just be
<button class="btn btn-default"></button>
<button class="btn btn-default"></button>
<button class="btn btn-default"></button>
Byron Lagrone
@byronic
Oct 21 2015 18:56

A typical script/body html layout:

<html>
<head>
<script>
// JavaScript / jQuery go here
</script>
</head>

<body>
<!-- HTML elements go here -->
</body>
</html>

^ Not a required way to do it, but it may help clear that up

Damani Turner
@AdamBrashear
Oct 21 2015 18:57
but it says to create a class to target jquery selectors and i tried that, im really confused
<button class="btn btn-default">$('.class')</button>
        <button class="btn btn-default">$('.class')</button>
        <button class="btn btn-default">$('.class')</button>
this is what i have before i tried everything else
Damani Turner
@AdamBrashear
Oct 21 2015 19:02
minus the dollar signs
 <button class="btn btn-default"></button>
        <button class="btn btn-default"></button>
        <button class="btn btn-default"></button>
sorry i meant this
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 19:06
@AdamBrashear : so its a adding a class right ?
using .addClass() right
Aleksander Gębicki
@Takumar
Oct 21 2015 19:06
This message was deleted

@abhisekp I meant

@gauravbharadwajm :point_up: October 21, 2015 11:50 PM

How do you do such thing?

Damani Turner
@AdamBrashear
Oct 21 2015 19:07
@gauravbharadwajm i dont understand where the .addclass() goes
gauravbharadwajm
@gauravbharadwajm
Oct 21 2015 19:07
okay …

```

<script>
$(document).ready(function() {
$(".well").addClass("animated shake");
});
</script>