These are chat archives for FreeCodeCamp/Help

18th
Nov 2015
Celio
@Ecrovix
Nov 18 2015 00:00
what is wrong with my code... I can't seem to figure it out

<style>
<h2{color: Blue;}>CatPhotoApp</h2>
</style>

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

Rex Schrader
@SaintPeter
Nov 18 2015 00:00
@Manish-Giri So . . everything in Javascript is an object. And objects can have methods. The .prototype is where those methods "reside"
Sean Groff
@SeanGroff
Nov 18 2015 00:05
Ok I'm stumped trying to learn the reduce method on Arrays, what made reduce click for you guys? Reading the docs, tutorials, and youtube videos isn't making the functionality of reduce clear to me.
Luis Gaytan
@techiedodo
Nov 18 2015 00:23
@Ecrovix are your trying to put inline style?
Celio
@Ecrovix
Nov 18 2015 00:24
i already got it thanks techiedodo
Luis Gaytan
@techiedodo
Nov 18 2015 00:25
okay, logged on and saw this. good luck
Ethan Leyden
@Darksmurf
Nov 18 2015 00:30
why does this return undefined?
function drop(arr, func) {
  // Drop them elements.
  var iterate = arr.length - 1;
  for(var i = 0; i < iterate; i++){
    if( func( arr[0] ) ) {
      return arr;
    } else {
      arr.shift(arr[0]);
    }
  }
  if(arr === []){
    return [];
  }
}

drop([1, 2, 3, 4], function(n) {return n > 5;});
Coira Ellison
@Coira
Nov 18 2015 00:31
@Darksmurf what does it return if arr !== [] ?
Ethan Leyden
@Darksmurf
Nov 18 2015 00:32
if( func( arr[0] ) ) {
      return arr;
}
Coira Ellison
@Coira
Nov 18 2015 00:32
what's the bonfire called?
Ethan Leyden
@Darksmurf
Nov 18 2015 00:33
bf drop it
CamperBot
@camperbot
Nov 18 2015 00:33

:fire:Bonfire: Drop it :link:

function drop(arr, func) {
  // Drop them elements.
  return arr;
}

drop([1, 2, 3], function(n) {return n < 3; });

Drop the elements of an array (first argument), starting from the front, until the predicate (second argument) returns true.

more info:  bf details | bf links | hint

Ethan Leyden
@Darksmurf
Nov 18 2015 00:33
This message was deleted
bf details
CamperBot
@camperbot
Nov 18 2015 00:33

:fire:Bonfire: Drop it :link:

function drop(arr, func) {
  // Drop them elements.
  return arr;
}

drop([1, 2, 3], function(n) {return n < 3; });
Drop the elements of an array (first argument), starting from the front, until the predicate (second argument) returns true.
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
links:
Coira Ellison
@Coira
Nov 18 2015 00:33
@Darksmurf if i change the code to
  if(arr === []){
    return [];
  }
  else { 
    return "something";
  }
Ethan Leyden
@Darksmurf
Nov 18 2015 00:34
why?
Coira Ellison
@Coira
Nov 18 2015 00:34
something gets returned, so must be falling out of the for-loop without returning
Ethan Leyden
@Darksmurf
Nov 18 2015 00:34
it needs to pass (drop([1, 2, 3, 4], function(n) {return n > 5;}) should return [].)
Coira Ellison
@Coira
Nov 18 2015 00:36
@Darksmurf var iterate = arr.length - 1; why?
Ethan Leyden
@Darksmurf
Nov 18 2015 00:36
because the length of the array is constantly changing
I needed a static value
Edward Barton
@Incredibl3dible
Nov 18 2015 00:37
@Coira How do you compose a message that shows the code in the text editor?
Coira Ellison
@Coira
Nov 18 2015 00:37
wiki format
CamperBot
@camperbot
Nov 18 2015 00:37

:point_right: code format [wiki]

Inline code

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

How to Code

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

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

Coira Ellison
@Coira
Nov 18 2015 00:37
@Incredibl3dible
Ethan Leyden
@Darksmurf
Nov 18 2015 00:38
for some reason, 4 isn't getting pushed from the array.
Coira Ellison
@Coira
Nov 18 2015 00:39
@Darksmurf because of the length-1 i think
Ethan Leyden
@Darksmurf
Nov 18 2015 00:39
oh :p
Edward Barton
@Incredibl3dible
Nov 18 2015 00:39
Can anybody help me break down what this code is doing?
$($('.slot')[0]).html('<img src = "' + images[slotOne-1] + '">');
Ethan Leyden
@Darksmurf
Nov 18 2015 00:39
thanks! I had it -1 because I was referencing the index.
forgot to change it
thanks @Coira
CamperBot
@camperbot
Nov 18 2015 00:39
darksmurf sends brownie points to @coira :sparkles: :thumbsup: :sparkles:
:star: 320 | @coira | http://www.freecodecamp.com/coira
Coira Ellison
@Coira
Nov 18 2015 00:39
ah! np :)
Edward Barton
@Incredibl3dible
Nov 18 2015 00:43
This might help as well
var images = ["http://i.imgur.com/9H17QFk.png", "http://i.imgur.com/9RmpXTy.png", "http://i.imgur.com/VJnmtt5.png"];
Coira Ellison
@Coira
Nov 18 2015 00:44
@Incredibl3dible what's the waypoint called?
Edward Barton
@Incredibl3dible
Nov 18 2015 00:44
Give your JavaScript Slot Machine some Stylish Images
Coira Ellison
@Coira
Nov 18 2015 00:48
just looking, i skipped all those slot machine ones
@Incredibl3dible did you do the previous waypoint: Bring your JavaScript Slot Machine to Life ?
Edward Barton
@Incredibl3dible
Nov 18 2015 00:49
I did
Actually, I think I just figured it out
Coira Ellison
@Coira
Nov 18 2015 00:50
oh, phew!
Edward Barton
@Incredibl3dible
Nov 18 2015 00:50
Thank you for at least trying! :)
Coira Ellison
@Coira
Nov 18 2015 00:50
:p
this bit here $($(".slot")[0]), it's a bit weird, huh
Peter W Ross
@PeterWRoss
Nov 18 2015 01:02
hey room.. im a SUPER beginner.. like 10 minutes deep into it. lol.. I have a question
Make your h1 element visible on your page by uncommenting it.
Make your h2 element visible on your page by
lets say i have an h1 that looks like:
<h1> The World is Mine</h1> how would i uncomment that ... and more importantly why would i want to do that?
Michael Cheung
@m6cheung
Nov 18 2015 01:04
hi guys im working on the simon zipline, does anyone know how I can get some spacing between my new game and strict mode button?
Chris
@Aoxom
Nov 18 2015 01:04
@PeterWRoss thats not a comment. a comment starts with <!-- and ends with -->
Mason Shin
@minsooshin
Nov 18 2015 01:04
@PeterWRoss I am sure you have <!— and —> mark
Chris
@Aoxom
Nov 18 2015 01:04
like <!-- comment goes here -->
Mason Shin
@minsooshin
Nov 18 2015 01:05
around your h1 and h2
Jonathan
@jonathantimm
Nov 18 2015 01:05
anyone able to offer a hint as to what's going wrong here? trying to find the longest word in a string
function findLongestWord(str) {
 var newArray = str.split(" "); 
  newArray.sort(function(a, b) {
    return b - a; 
  });

  return newArray[0].length;
}
Peter W Ross
@PeterWRoss
Nov 18 2015 01:06
so... <!-- <h1>The World Is Mine</h1> --> @minsooshin
Chris
@Aoxom
Nov 18 2015 01:06
@PeterWRoss <!-- anything between these comment tags wont be compiled, and its only here for your secret human eyes -->
Mason Shin
@minsooshin
Nov 18 2015 01:06
@jonathantimm longest means length of the word
Jonathan
@jonathantimm
Nov 18 2015 01:06
right
Mason Shin
@minsooshin
Nov 18 2015 01:06
you need to use .length method
in comparison
Chris
@Aoxom
Nov 18 2015 01:06
@PeterWRoss uncomment it, aka remove the comment tags
Mason Shin
@minsooshin
Nov 18 2015 01:06
return b.length - a.length
Jonathan
@jonathantimm
Nov 18 2015 01:06
ohh
that's it
i didn't realize you could do the method on the input like that
Herman Fassett
@HermanFassett
Nov 18 2015 01:07
length is just a property that returns a number so yeah
Jonathan
@jonathantimm
Nov 18 2015 01:07
thank you @HermanFassett and @minsooshin
CamperBot
@camperbot
Nov 18 2015 01:07
jonathantimm sends brownie points to @hermanfassett and @minsooshin :sparkles: :thumbsup: :sparkles:
:star: 625 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
:star: 222 | @minsooshin | http://www.freecodecamp.com/minsooshin
Peter W Ross
@PeterWRoss
Nov 18 2015 01:07
okay.. obviously i am going to have to do some theory studying before i get too far in these lessons.. I appreciate the help @Aoxom
Mason Shin
@minsooshin
Nov 18 2015 01:09
@PeterWRoss so the <!— is the openning tag for comment
—>is closing tag for comment
between them are commented out block
to uncomment you need to remove those tags befor and after your h1 and h2
Peter W Ross
@PeterWRoss
Nov 18 2015 01:15
so the purpose of doing this is to keep your tag in case you want to come back to it.. but when the comment is closed, it is invisble to the user..
Manish Giri
@Manish-Giri
Nov 18 2015 01:17
@SaintPeter Okay. But what is the .prototype itself? Is it a "property" of the object? So when you say something like Array.prototype.reverse() = function() {...}; you're essentially just creating a method called reverse on the Array property called prototype?
Casaun
@NaturalWonder007
Nov 18 2015 01:18
<h2>CatPhotoApp</h2>
Peter W Ross
@PeterWRoss
Nov 18 2015 01:19
This message was deleted
Mason Shin
@minsooshin
Nov 18 2015 01:20
<h1>Hello World</h1>

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>
@PeterWRoss
like this
Peter W Ross
@PeterWRoss
Nov 18 2015 01:20
im watching
Mason Shin
@minsooshin
Nov 18 2015 01:20
like what I posted above
Peter W Ross
@PeterWRoss
Nov 18 2015 01:20
did you screen shot that?
Mason Shin
@minsooshin
Nov 18 2015 01:20
no
it is code posting
Chris
@Aoxom
Nov 18 2015 01:21
wiki format
CamperBot
@camperbot
Nov 18 2015 01:21

:point_right: code format [wiki]

Inline code

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

How to Code

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

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

Peter W Ross
@PeterWRoss
Nov 18 2015 01:21
how did you do it.. ?
Max Rosen
@Grind-Limited
Nov 18 2015 01:21
hello
Mason Shin
@minsooshin
Nov 18 2015 01:21
with three ```
Casaun
@NaturalWonder007
Nov 18 2015 01:21

<h2>CatPhotoApp</h2>

<style>

.red-text {

color: red;
}

</style>

Max Rosen
@Grind-Limited
Nov 18 2015 01:21
Im stuck on prioritize one style over another.
Mason Shin
@minsooshin
Nov 18 2015 01:21
@Grind-Limited what is your question?
Casaun
@NaturalWonder007
Nov 18 2015 01:22
It is saying that yourh2 element should be read
Mason Shin
@minsooshin
Nov 18 2015 01:22
how is your code look like?
Max Rosen
@Grind-Limited
Nov 18 2015 01:22
i have the coloring pink but im confused on how to get the class attached
that is the waypoint I'm on…please help
Mason Shin
@minsooshin
Nov 18 2015 01:23
@NaturalWonder007 first of all, you need to put the <style> block at the top of your code
Chris
@Aoxom
Nov 18 2015 01:23
@NaturalWonder007 give your h2 tag the red-text class. example <h1 class="blue-text">Example</h1>
Mason Shin
@minsooshin
Nov 18 2015 01:23
and as the example says, you need to add class attribute to your h2 element

Here's an example CSS class declaration:

<style>

.blue-text {

color: blue;

}

</style>

You can see that we've created a CSS class called blue-text within the <style> tag.

You can apply a class to an HTML element like this:

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

this is what waypoint example shows
on the left panel of the browser
like <h2 class=“blue-text”>CatPhotoApp</h2> you need to add class to your h2 element
Peter W Ross
@PeterWRoss
Nov 18 2015 01:28
<h1>Hello World</h1>
<h2>CatPhotoApp</h2>
<p>Hello Paragraph</p>
-->
MirkaG
@MirkaG
Nov 18 2015 01:28
Campers, what do I need to write to function in order to make something come back heads or tails?
Mason Shin
@minsooshin
Nov 18 2015 01:29
@PeterWRoss you should remove all the —>
Peter W Ross
@PeterWRoss
Nov 18 2015 01:29
okay
mariocatch
@mariocatch
Nov 18 2015 01:29
This message was deleted
Mason Shin
@minsooshin
Nov 18 2015 01:29
unless you don’t remove that, browser thinks that is text, not closing —>
mariocatch
@mariocatch
Nov 18 2015 01:29
@MirkaG what have you tried?
Mason Shin
@minsooshin
Nov 18 2015 01:29
@mariocatch what do you mean?
mariocatch
@mariocatch
Nov 18 2015 01:29
@minsooshin wrong person.
Peter W Ross
@PeterWRoss
Nov 18 2015 01:30

```<h1>Hello World</h1>

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>```

Mason Shin
@minsooshin
Nov 18 2015 01:30
oh..okay
Peter W Ross
@PeterWRoss
Nov 18 2015 01:30
lol
Mason Shin
@minsooshin
Nov 18 2015 01:30
@PeterWRoss with new line :)
MirkaG
@MirkaG
Nov 18 2015 01:30
@mariocatch I haven't tried anything as I'm totally clueless. I already put in the code that would decide if something is heads or tails but I don't know what or where to write the code that would come out with the actual words
@PeterWRoss 3 back ticks, shift enter, paste code, shift enter, 3 back ticks,
mariocatch
@mariocatch
Nov 18 2015 01:32
@MirkaG link me the waypoint you're working on :)
MirkaG
@MirkaG
Nov 18 2015 01:33
@mariocatch Waypoint: Use Conditional Logic with If and Else Statements not sure how to link it....
mariocatch
@mariocatch
Nov 18 2015 01:33
This message was deleted
This message was deleted
CamperBot
@camperbot
Nov 18 2015 01:33
no wiki entry for: use conditional logic with if and else statements
:pencil: click here to create one now!after creating your page type update to reload it here
mariocatch
@mariocatch
Nov 18 2015 01:33
ok no problem, sec.
@MirkaG alright so they provide to you:
var flip = Math.floor(Math.random() * (1 - 0 + 1)) + 0;

function myFunction() {

  // Only change code below this line.



  // Only change code above this line.

}

and they ask you to:

Create if and else statements to return the string "heads" if the flip variable is zero, or else return the string "tails" if the flip variable is not zero.

so they've already declared and calculated the value of flip for you, at the top.
so it's either going to be 0 or 1, which would be heads or tails respectively.
MirkaG
@MirkaG
Nov 18 2015 01:35
@mariocatch right, so I have no idea where and how to actually make something come back with the words "heads" or "tails"
mariocatch
@mariocatch
Nov 18 2015 01:35
no problem :) i'll walk you through it
so we know the code needs to be entered in the space between the comments in the grey block
only change below this line
code goes here
only change above this line
MirkaG
@MirkaG
Nov 18 2015 01:37
@mariocatch yes, that much I was able to figure out
mariocatch
@mariocatch
Nov 18 2015 01:37
and in the left, it tells us how to use an if/else statement
if (1 === 2) {
  return true;
} else {
  return false;
}
MirkaG
@MirkaG
Nov 18 2015 01:37
correct
Kristina Benson
@KriBenson
Nov 18 2015 01:37
This message was deleted
mariocatch
@mariocatch
Nov 18 2015 01:37

so going back to what they gave us and said:

so they've already declared and calculated the value of flip for you, at the top.
so it's either going to be 0 or 1, which would be heads or tails respectively.

meaning, we can use the variable called flip in the if statement
if flip is 0, then return "heads"
if it's not 0, then return "tails"
MirkaG
@MirkaG
Nov 18 2015 01:38
@mariocatch so, that is straight up what I tried and it told me unexpected error at which oint I decided that I have no idea what I'm doing
Perhaps I didn't write it correctly... let me retry
mariocatch
@mariocatch
Nov 18 2015 01:39
ok :) show me what you tried if itt doesnt work
Chris
@Aoxom
Nov 18 2015 01:39
@MirkaG can you show us what youve got?
Kristina Benson
@KriBenson
Nov 18 2015 01:39
@nagol2012 I was struggling with that directive too. The directions seemed to say that you had to use a signifier like turbo, when what they wanted you to add was .nickname Here's what my code looked like: // Only change code below this line.
var myCar = new Car (); {
myCar.nickname = "honey";
Casaun
@NaturalWonder007
Nov 18 2015 01:39
Thanks minsooshin for helping me… I passed!
Peter W Ross
@PeterWRoss
Nov 18 2015 01:39
'''
CamperBot
@camperbot
Nov 18 2015 01:39
:bulb: to format code use backticks! ``` more info
MirkaG
@MirkaG
Nov 18 2015 01:40
var flip = Math.floor(Math.random() * (1 - 0 + 1)) + 0;

function myFunction() {

  // Only change code below this line.

if ( 1 === 2) {
  return "tails";
} else {
  return "heads";
}
}

  // Only change code above this line.



var result = myFunction();if(typeof(flip) !== "undefined" && typeof(flip) === "number" && typeof(result) !== "undefined" && typeof(result) === "string"){(function(y,z){return 'flip = ' + y.toString() + ', text = ' + z;})(flip, result);}
mariocatch
@mariocatch
Nov 18 2015 01:41
very close
remember the instruction
Create if and else statements to return the string "heads" if the flip variable is zero, or else return the string "tails" if the flip variable is not zero.
MirkaG
@MirkaG
Nov 18 2015 01:41
"myFunction should return heads when flip equals 0 and tails when flip equals 1."
mariocatch
@mariocatch
Nov 18 2015 01:41
right
Chris
@Aoxom
Nov 18 2015 01:41
"when flip equals 0 and tails when flip equals 1."
mariocatch
@mariocatch
Nov 18 2015 01:41
flip is a variable, and we can use variables in if statements
Chris
@Aoxom
Nov 18 2015 01:41
keyword... flip :)
MirkaG
@MirkaG
Nov 18 2015 01:41
so, do I change the 1 and th 2 to 0 and 1?
mariocatch
@mariocatch
Nov 18 2015 01:41
like if(myVariable) { ... }
MirkaG
@MirkaG
Nov 18 2015 01:43
Got it! Thanks @mariocatch and @Aoxom
CamperBot
@camperbot
Nov 18 2015 01:43
mirkag sends brownie points to @mariocatch and @aoxom :sparkles: :thumbsup: :sparkles:
:star: 235 | @aoxom | http://www.freecodecamp.com/aoxom
:star: 58 | @mariocatch | http://www.freecodecamp.com/mariocatch
mariocatch
@mariocatch
Nov 18 2015 01:43
nice
Larry Simiyu
@LarrySimiyu
Nov 18 2015 01:49
someone help me understand how this code works. I dont like just getting through the challenges without understanding them first. My question is what purpose do a and b serve in the function parameter, and how does this whole process work to make the array greatest to smallest

var array = [1, 12, 21, 2];

// Only change code below this line.

array.sort(function(a, b) {

return b - a;
});

Peter W Ross
@PeterWRoss
Nov 18 2015 01:53
<!--this is a comment-->
<h1>Hello World</h1>
<!--this is a comment-->
<h2>CatPhotoApp</h2>
<!--this is a comment-->
<p>Hello Paragraph</p>
help
CamperBot
@camperbot
Nov 18 2015 01:53

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

Peter W Ross
@PeterWRoss
Nov 18 2015 01:53
Make your h1 element visible on your page by uncommenting it.
Make your h2 element visible on your page by uncommenting it.
Make your p element visible on your page by uncommenting it.
Be sure to delete all trailing comment tags, i.e. -->.
Mason Shin
@minsooshin
Nov 18 2015 01:54
@PeterWRoss just remove all the comment lines :)
Peter W Ross
@PeterWRoss
Nov 18 2015 01:54
thanks @minsooshin
CamperBot
@camperbot
Nov 18 2015 01:54
peterwross sends brownie points to @minsooshin :sparkles: :thumbsup: :sparkles:
:star: 223 | @minsooshin | http://www.freecodecamp.com/minsooshin
Peter W Ross
@PeterWRoss
Nov 18 2015 01:54
but still not sure what you mean exavtly
Mason Shin
@minsooshin
Nov 18 2015 01:55
<h1>Hello World</h1>

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>
Peter W Ross
@PeterWRoss
Nov 18 2015 01:55
what was the point of writing this is a comment then?
lol
fml
this is going to be a rough 3 months
thanks @minsooshin
CamperBot
@camperbot
Nov 18 2015 01:55
peterwross sends brownie points to @minsooshin :sparkles: :thumbsup: :sparkles:
:warning: peterwross already gave minsooshin points
Mason Shin
@minsooshin
Nov 18 2015 01:56
@PeterWRoss np
Peter W Ross
@PeterWRoss
Nov 18 2015 01:56
i appreciate your patience
Mason Shin
@minsooshin
Nov 18 2015 01:56
always tough and rough when starts :)
I think this page helps you to understand the sort method of javascript
Rex Schrader
@SaintPeter
Nov 18 2015 02:02
@Manish-Giri Correct. (somewhat belatedly)
karakarapw
@karakarapw
Nov 18 2015 02:07
@minsooshin Thanks for a great resource
CamperBot
@camperbot
Nov 18 2015 02:07
karakarapw sends brownie points to @minsooshin :sparkles: :thumbsup: :sparkles:
:star: 224 | @minsooshin | http://www.freecodecamp.com/minsooshin
Mason Shin
@minsooshin
Nov 18 2015 02:08
@karakarapw np
Varun Upadhyay
@varunu28
Nov 18 2015 02:14

I was working on waypoint of sorting arrays and found the below code to sort an array from a smaller value to a larger one. How does this actually sorts an array.

var array = [1, 12, 21, 2];

array.sort(function(a, b) {

return a - b;

});

it would help your understanding javascript sort method
AlmightyLaxz
@AlmightyLaxz
Nov 18 2015 02:25
hi guys, i'm stuck on Bonfire: Check for Palindromes. does anyone know how to complete the objective "palindrome("0_0 (: /-\ :) 0-0") should return true." the problem is with the backslash in the middle, as it is detected as an escape character. i've tried to use regex to change it str = str.replace(/\\/gi, "\\");but with no luck. any help please?
Michelangelo Markus
@michelangelo17
Nov 18 2015 02:29

So this waypoint wants me to do this:
If all three numbers match, we should also set the text "It's A Win" to the element with class logger.

And I have no idea how to do that. Did I miss something? Is it just phrased weird? I'm confused.

Teyanna Johnson
@teyanna
Nov 18 2015 02:29
Hey everyone I need help with this code? Its wants me to make the image smaller. What am i doing wrong?

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

Michelangelo Markus
@michelangelo17
Nov 18 2015 02:31
@teyanna you need to add the class smaller image to your image file.

@teyanna like so:

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

@teyanna The CSS is looking for an image with that class to resize and can't find it unless it's been labeled with it.
magellan84
@magellan84
Nov 18 2015 02:57
about @PeterWRoss
CamperBot
@camperbot
Nov 18 2015 02:57
:star: 11 | @peterwross | http://www.freecodecamp.com/peterwross
magellan84
@magellan84
Nov 18 2015 02:57
woops
sry, wrong command
Teyanna Johnson
@teyanna
Nov 18 2015 03:04
@michelangelo17 Thank you!
CamperBot
@camperbot
Nov 18 2015 03:04
teyanna sends brownie points to @michelangelo17 :sparkles: :thumbsup: :sparkles:
:star: 173 | @michelangelo17 | http://www.freecodecamp.com/michelangelo17
Colton Ehrman
@coltonehrman
Nov 18 2015 03:06
need help. using JSON.stringify() and it removes some of my objects properties
Lê Viết Hoàng Dũng
@nangtrongvuon
Nov 18 2015 03:12
how do i get better at scripting algorithms for bonfires?
Peter W Ross
@PeterWRoss
Nov 18 2015 03:39
<style>
 h2 {color: blue;}
</style>
Remove the style attribute from your h2 element.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace
Make sure all your style elements are valid and have a closing tag.
not sure what i am doing wrong..
Pranav Doshi
@pranavdoshi
Nov 18 2015 03:49
wassup guys
Victor
@Evaderei
Nov 18 2015 03:54
@PeterWRoss do you have a h2 element outside of the style tag?
bobmarley210
@bobmarley210
Nov 18 2015 04:00
Hey guys I have a question
Stephen Kinnison
@slkinnison
Nov 18 2015 04:01
@bobmarley210 how can we help?
bobmarley210
@bobmarley210
Nov 18 2015 04:01
Well I don't think I shall ask here but.
I'm looking to start up a company and I need investors
Can anyone help me find investors or if you are interested you may invest
Stephen Kinnison
@slkinnison
Nov 18 2015 04:02
@bobmarley210 Yup, you are in the wrong chat room...
bobmarley210
@bobmarley210
Nov 18 2015 04:03
Do you know anywhere where I can find some investors
Stephen Kinnison
@slkinnison
Nov 18 2015 04:03
@bobmarley210 If your company is going to be a nonprofit, you could post projects in NonprofitsProjects
bobmarley210
@bobmarley210
Nov 18 2015 04:04
It is a profit website
Website
Stephen Kinnison
@slkinnison
Nov 18 2015 04:04
@bobmarley210 For investors, you could try Kickstart or other crowdsourcing sites
bobmarley210
@bobmarley210
Nov 18 2015 04:04
Could you personally help me out?
Stephen Kinnison
@slkinnison
Nov 18 2015 04:04
@bobmarley210 I'm not looking into investing in a startup at this time
bobmarley210
@bobmarley210
Nov 18 2015 04:05
I mean you can work with me
Blake Wight
@bwighthunter
Nov 18 2015 04:05
@bobmarley210 Go look at kickstarter or indiegogo, but really this isn’t the place to post stuff like that
Akshat Oswal
@akshat01
Nov 18 2015 04:07
bonfire: mutations
Bonfire: Mutations
CamperBot
@camperbot
Nov 18 2015 04:07

:fire:Bonfire: Mutations :link:

function mutation(arr) {
  return arr;
}

mutation(['hello', 'hey']);

Return true if the string in the first element of the array contains all of the letters of the string in the second element of the array.

more info:  bf details | bf links | hint

Akshat Oswal
@akshat01
Nov 18 2015 04:07
hint
CamperBot
@camperbot
Nov 18 2015 04:07
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
Stephen Kinnison
@slkinnison
Nov 18 2015 04:08
@akshat01 where are you stumped?
Akshat Oswal
@akshat01
Nov 18 2015 04:08
@slkinnison : understanding the array.indexOf() syntax
Stephen Kinnison
@slkinnison
Nov 18 2015 04:09
@akshat01 I find their documentation and "Try it yourself" help
Akshat Oswal
@akshat01
Nov 18 2015 04:10
I did that
but that is for exact string match
Carl J. Kashnier
@CarlJKashnier
Nov 18 2015 04:11
Akshat Oswal
@akshat01
Nov 18 2015 04:11
how to I march arr[i] with arr[i+1]
Oscar Villatoro
@eltoro85
Nov 18 2015 04:11
Hi everyone, I'm stuck on the section "waypoint: Prioritize one style over another". I'm supposed to have a class pink-text on H1 and my element should be pink. I've tried adding a class with pink text but it doesn't change.

This is what I have:

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

<h1>Hello World</h1>

Akshat Oswal
@akshat01
Nov 18 2015 04:12
!important @eltoro85
Stephen Kinnison
@slkinnison
Nov 18 2015 04:12
@akshat01 One suggestion would be to convert the string into an array of characters and use that in your indexOf()...
bobmarley210
@bobmarley210
Nov 18 2015 04:13
Is anyone a graphic designer
Carl J. Kashnier
@CarlJKashnier
Nov 18 2015 04:16
@bobmarley210 You may want to try the main room, the help room is mostly frequented by people looking for help or people who needed a break from their coding.
Lusako Njwaba
@lunjwaba1
Nov 18 2015 04:16
hey peoples, stuck at way point "Regular Expression matches with Javascript" my code: [var expression = /\s/g;] to count non-whitespace characters in a testString.
Stephen Kinnison
@slkinnison
Nov 18 2015 04:17
@lunjwaba1 what problem are you having?
@lunjwaba1 If you look at the lesson again, you'll notice that you missed a character in the regular expression they gave you.
Lusako Njwaba
@lunjwaba1
Nov 18 2015 04:21
@slkinnison I can't seem to parse through the answer i.e. "/\s/g;"
Stephen Kinnison
@slkinnison
Nov 18 2015 04:23
@lunjwaba1 Right...you are missing a character in your regular expression.../\s/g only finds the first whitespace character.../\s+/g finds all whitespace characters
Lusako Njwaba
@lunjwaba1
Nov 18 2015 04:23
@slkinnison k. got it. I put in s instead of capital S...
Akshat Oswal
@akshat01
Nov 18 2015 04:23
function mutation(arr) {

 var x=arr[0].split("");

  for (i=0; i<arr.length;i++){
    for(j=0; j<arr[i].length;j++){
      if (x.indexOf(arr[i][j])>0){
      return true;}
    }
  }
  return false;
}

mutation(["hello", "he"]);
Am I headed in the wrong direction altogether?
I have had a long day but need to finish these bonfires as I am hitting 45 hrs
Stephen Kinnison
@slkinnison
Nov 18 2015 04:24
@lunjwaba1 captial S find non-whitespace characters. Is that what you want?
Hans van Riet
@hansinla
Nov 18 2015 04:25
@akshat01 which waypoint is this?
RoSandoval
@RoSandoval
Nov 18 2015 04:25
Thanks @Manish-Giri it can be frustrating when the mistake is so simple
CamperBot
@camperbot
Nov 18 2015 04:25
rosandoval sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 220 | @manish-giri | http://www.freecodecamp.com/manish-giri
Akshat Oswal
@akshat01
Nov 18 2015 04:26
Bonfire: Mutations
CamperBot
@camperbot
Nov 18 2015 04:26

:fire:Bonfire: Mutations :link:

function mutation(arr) {
  return arr;
}

mutation(['hello', 'hey']);

Return true if the string in the first element of the array contains all of the letters of the string in the second element of the array.

more info:  bf details | bf links | hint

Lusako Njwaba
@lunjwaba1
Nov 18 2015 04:26
@slkinnison :+1:
Carlos Toro Vera
@carmelo12341
Nov 18 2015 04:26
can someone help me with this mongodb issue im having? D:
Stephen Kinnison
@slkinnison
Nov 18 2015 04:26
@akshat01 I would suggest splitting the second element in the array into an array of characters and then looping on it looking for those characters (i.e. indexOf) in the first element in the array
Carlos Toro Vera
@carmelo12341
Nov 18 2015 04:27
I'm trying to retrieve data and store it in a variable, but after rendering nothing appears
Stephen Kinnison
@slkinnison
Nov 18 2015 04:28
@akshat01 Also be careful of the case of the characters
@akshat01 (see the second test in that bonfire)
Akshat Oswal
@akshat01
Nov 18 2015 04:30
@slkinnison
Hans van Riet
@hansinla
Nov 18 2015 04:30
@akshat01 I think you’re taking some unnecessary steps. Just loop through the second element of the argument. Start with the first character, if that not present in the fisrt element, return false, go to the next etc.
Akshat Oswal
@akshat01
Nov 18 2015 04:37
@hansinla @slkinnison : I am not sure I understand
Peter W Ross
@PeterWRoss
Nov 18 2015 04:37
Could some one explain the concept of degrading font?
(please) :shipit:
Akshat Oswal
@akshat01
Nov 18 2015 04:37
so I that the primary array and split it into 2 arrays
Stephen Kinnison
@slkinnison
Nov 18 2015 04:38
@PeterWRoss Degrading fonts is the idea that if the first font is not available then [the browser] tries the second font.
Akshat Oswal
@akshat01
Nov 18 2015 04:38
@PeterWRoss : If the first font is not found, it goes to the next avaialable fon
Peter W Ross
@PeterWRoss
Nov 18 2015 04:38
what might be a reason a font isnt available ?
Alex
@pirates1010
Nov 18 2015 04:38
@PeterWRoss If you use a google font (for example) that isn't available in China, it will default to the next font in line.
Peter W Ross
@PeterWRoss
Nov 18 2015 04:38
thanks @slkinnison and @akshat01 btw
CamperBot
@camperbot
Nov 18 2015 04:39
peterwross sends brownie points to @slkinnison and @akshat01 :sparkles: :thumbsup: :sparkles:
Stephen Kinnison
@slkinnison
Nov 18 2015 04:39
@PeterWRoss There are certain fonts that are almost guaranteed to be found (like Serif and Sans Serif). The other fonts may not be installed on that machine.
CamperBot
@camperbot
Nov 18 2015 04:39
:star: 236 | @akshat01 | http://www.freecodecamp.com/akshat01
:star: 206 | @slkinnison | http://www.freecodecamp.com/slkinnison
Alex
@pirates1010
Nov 18 2015 04:39
@PeterWRoss Cause in china google isnt allowed.
Akshat Oswal
@akshat01
Nov 18 2015 04:39
so my website has helvetiva, arial
so if helvetica cannot be fetched, I would prefer the browser to degrade/ fall back to arial font
Peter W Ross
@PeterWRoss
Nov 18 2015 04:40
so you're saying, you made this design.. and if some body in China or something uses your site or app, they could oepn it up and there would be zero text (if you hadnt degraded the font)?
Stephen Kinnison
@slkinnison
Nov 18 2015 04:40
@akshat01
  var arg2CharArray = arr[1].split("");
Akshat Oswal
@akshat01
Nov 18 2015 04:40
it will fall back to the browser default in that case
Peter W Ross
@PeterWRoss
Nov 18 2015 04:40
or would it be some real generic text editor type text?
Alex
@pirates1010
Nov 18 2015 04:41
@PeterWRoss yes, its always good to have a default font like sans-sarif as a backup for everything, or monospace, based on preference
Akshat Oswal
@akshat01
Nov 18 2015 04:41
@slkinnison : I am trying to avoid hardcoding indexes. I guess that is the only way
var x=arr[arr.length-1].toLowerCase().split("");
`
Peter W Ross
@PeterWRoss
Nov 18 2015 04:42
got you akshat01. so your font preference is listed from most preferred to least preferred
can you have more than one back up font?
Mat Lane
@zydecat
Nov 18 2015 04:42
Anyone having issues with the FreeCodeCamp site failing to load in Chrome? I'm doing the Bonfire:Mutations code and the page is continuing to freeze on me. Restarted PC, re-logged on a couple of times... no luck. My Chrome can open other tabs with no problem though...
Akshat Oswal
@akshat01
Nov 18 2015 04:42
yes left side is most preferred and right least preferred
Stephen Kinnison
@slkinnison
Nov 18 2015 04:42
@PeterWRoss Yes, you can specify as many as you want
Akshat Oswal
@akshat01
Nov 18 2015 04:42
@zydecat pair?
Peter W Ross
@PeterWRoss
Nov 18 2015 04:43
Thanks @slkinnison and @akshat01 I wish i had unlimited brownies.. you guys have been very helpful.. (and patient).. this is like kindergarden for me
CamperBot
@camperbot
Nov 18 2015 04:43
peterwross sends brownie points to @slkinnison and @akshat01 :sparkles: :thumbsup: :sparkles:
:warning: peterwross already gave slkinnison points
:warning: peterwross already gave akshat01 points
Akshat Oswal
@akshat01
Nov 18 2015 04:43
I haven't paired ever so
Stephen Kinnison
@slkinnison
Nov 18 2015 04:43
@akshat01 ah...for portability that would be a good idea. For these exercises, it might be overkill.
Mat Lane
@zydecat
Nov 18 2015 04:43
I haven't paired (whatever that does)
Stephen Kinnison
@slkinnison
Nov 18 2015 04:46
@akshat01 Now that x is your character array, loop through x and check the indexOf value for that character.
arr[arr.length-2].indexOf(x[someIndex])
@akshat01 and to be careful of the case
arr[arr.length-2].toLowerCase().indexOf(x[someIndex])
Hans van Riet
@hansinla
Nov 18 2015 04:48

@akshat01 Start with this for example

var str1 = arr[0].toLowerCase();
    var str2 = arr[1].toLowerCase();

then loop through the characters in str2 and test if they are present in str1. If not return false. If the loop finishes, return true.

Akshat Oswal
@akshat01
Nov 18 2015 04:56
@hansinla : Please bear with me . What am I doing wrong here for this particular string?
function mutation(arr) {

 var x=arr[1].toLowerCase().split("");
  var y = arr[0].toLowerCase().split("");
 // return x;
  for (i=0; i<y.length;i++){
   if (x.indexOf(y[i])<0){


     return false;
   }
  } return true;
       }

mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"]);
Stephen Kinnison
@slkinnison
Nov 18 2015 04:57
@akshat01 You don't need to split arr[0], just convert it to lower case. In addition to Array, String also has an indexOf() function that does the same thing (finds a character in the string).
Hans van Riet
@hansinla
Nov 18 2015 04:58
@akshat01 Your split is unnecessary. Why do you do this, it’s a string that you can loop through. And you need to swap x and y; x=arr[0] etc. Now you’re testing if the characters of the first argument are present in the second, you should swap that.
Abhisek Pattnaik
@abhisekp
Nov 18 2015 05:02
explain pair
CamperBot
@camperbot
Nov 18 2015 05:02

:point_right: bonfire dna pairing [wiki]

Problem Explanation:

  • You will get a DNA strand sequence and you need to get the pair and return it as a 2D array of the base pairs. Keep in mind that the provided strand should be first always.

:pencil: read more about bonfire dna pairing on the FCC Wiki

Abhisek Pattnaik
@abhisekp
Nov 18 2015 05:03
explain pair programming
CamperBot
@camperbot
Nov 18 2015 05:03

:point_right: pair programming and why it is special [wiki]

Pair Programming is an Agile Development practice that was born out of the Extreme Programming movement.

Working as a team of [exactly] two, at a single computer, the pair will slide the keyboard and mouse back-and-forth throughout a "pairing session". This increases the code quality by providing a "greater than the sum of its parts" effect of two developers working on a single problem domain.

The increase in quality of the code, combined with the effect of knowledge and understanding on the project being spread across multiple developers, can produce a large savings in cost on the project as a whole.

In a Test Driven Development (TDD) shop, it is most common for each member of the pair to take turns a) writing a test and b) writing code to pass the test. This "ping pong" yields a cumulative effect on the overall quality of the final product.

To be most effective it is important that pairs are intermixed; not the same couple of developers always working together.

Pair programming is considered to be very "social". It can be akin to a marriage because you learn to cooperate with a peer in a close, give-and-take relationship. As such it is often very difficult to become comfortable with pair programming. Some developers simply NEVER feel quite at-home. In the end, the willingness to share, be a bit vulnerable and work cooperatively toward a better product will make you a far better developer (and a better person overall).

:pencil: read more about pair programming and why it is special on the FCC Wiki

Abhisek Pattnaik
@abhisekp
Nov 18 2015 05:03
@zydecat :point_up: November 18, 2015 10:33 AM
Akshat Oswal
@akshat01
Nov 18 2015 05:03
got it...
Thank you @hansinla @slkinnison @TheDukeOfAwesome
CamperBot
@camperbot
Nov 18 2015 05:03
akshat01 sends brownie points to @hansinla and @slkinnison and @thedukeofawesome :sparkles: :thumbsup: :sparkles:
:star: 596 | @hansinla | http://www.freecodecamp.com/hansinla
:star: 232 | @thedukeofawesome | http://www.freecodecamp.com/thedukeofawesome
:star: 207 | @slkinnison | http://www.freecodecamp.com/slkinnison
Akshat Oswal
@akshat01
Nov 18 2015 05:04
@abhisekp : How to pair program?
I tried adding a username and it says not found
Bill
@kirah1314
Nov 18 2015 05:04
help screenhero
CamperBot
@camperbot
Nov 18 2015 05:04

:point_right: how to install screenhero [wiki]

Download for Mac

Download for Windows

You'll use Screenhero to pair program on the Bonfires and Zipline challenges.

Here are other alternatives to Screenhero as suggested by our fellow campers:

Abhisek Pattnaik
@abhisekp
Nov 18 2015 05:09
@akshat01 :point_up: November 18, 2015 10:34 AM
Akshat Oswal
@akshat01
Nov 18 2015 05:12
function mutation(arr) {

 arr[1] = arr[1].toLowerCase();
 arr[0] = arr[0].toLowerCase();

  for (i=0; i<arr[1].length;i++){
   if (arr[0].indexOf(arr[1][i])<0){
     return false;
   }
  } return true;
}

mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"]);
@slkinnison @hansinla my final code..
Anyway I can optimize ?
Herman Fassett
@HermanFassett
Nov 18 2015 05:14
@akshat01 that's pretty good. You could use the .every() function of an array to simplify it some
Steven M
@Smorano1224
Nov 18 2015 05:16
Whats the math reasoning for Math.floor(Math.random() * (3 - 1 + 1)) + 1; specifically the 3-1+1 to get a random number between 1 and 3
Herman Fassett
@HermanFassett
Nov 18 2015 05:17
Math.floor(Math.random() * (max - min + 1)) + min;
Hans van Riet
@hansinla
Nov 18 2015 05:17
@akshat01 That’s it!
Herman Fassett
@HermanFassett
Nov 18 2015 05:17
The +1 and +min is to make it inclusive on both ends of max and min
Steven M
@Smorano1224
Nov 18 2015 05:19
@HermanFassett ah. makes sense. thanks
CamperBot
@camperbot
Nov 18 2015 05:19
smorano1224 sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:star: 631 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
Herman Fassett
@HermanFassett
Nov 18 2015 05:19
;)
Mason Shin
@minsooshin
Nov 18 2015 05:20
@akshat01 that code works when the first element is longer
doesn’t it?
MIN
@una720302
Nov 18 2015 05:25

Waypoint: Use a CSS Class to Style an Element
Classes are reusable styles that can be added to HTML elements.

Here's an example CSS class declaration:

<style>

.blue-text {

color: blue;

}

</style>

You can see that we've created a CSS class called blue-text within the <style> tag.

You can apply a class to an HTML element like this:

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

Note that in your CSS style element, classes should start with a period. In your HTML elements' class declarations, classes shouldn't start with a period.

Instead of creating a new style element, try removing the h2 style declaration from your existing style element, then replace it with the class declaration for .red-text

Create a CSS class called red-text and apply it to your h2 element.

Akshat Oswal
@akshat01
Nov 18 2015 05:25
@minsooshin yes
MIN
@una720302
Nov 18 2015 05:26
sorry does any one have doing this?
I couldn't figure it out.
Mason Shin
@minsooshin
Nov 18 2015 05:26
@akshat01 I do like this
function mutation(arr) {
  if (arr[0].length < arr[1].length) {
    return checker(arr[1], arr[0]);
  } else {
    return checker(arr[0], arr[1]);
  }

  function checker(a, b) {
    for (var i = 0; i < b.length; i++) {
      if (a.toLowerCase().indexOf(b[i].toLowerCase()) === -1) {
        return false;
      }
    }
    return true;
  }
}
Akshat Oswal
@akshat01
Nov 18 2015 05:27
@minsooshin : but you have 2 functions and ~3 loops
Mason Shin
@minsooshin
Nov 18 2015 05:27
why it is three loop?
Herman Fassett
@HermanFassett
Nov 18 2015 05:27
This message was deleted
Mason Shin
@minsooshin
Nov 18 2015 05:27
checker function is same as your mutation
Herman Fassett
@HermanFassett
Nov 18 2015 05:27
That's mine
Akshat Oswal
@akshat01
Nov 18 2015 05:28
@HermanFassett : do you mind adding some comments?
I am looking up .every function meanwhile. Thanks
Mason Shin
@minsooshin
Nov 18 2015 05:29
@HermanFassett like that
Hans van Riet
@hansinla
Nov 18 2015 05:29
@una720302 What is it that you’re having a problem with? Do you understand the example of the blue-text class?
Herman Fassett
@HermanFassett
Nov 18 2015 05:29
Yeah, look up .every, it's pretty good in this situation.
Mason Shin
@minsooshin
Nov 18 2015 05:30
but still it assums arr[1].length < arr[0].length, doesn’t it?
Akshat Oswal
@akshat01
Nov 18 2015 05:30
@una720302 : post your code. always.
@minsooshin : yeah.. now it makes sense
Herman Fassett
@HermanFassett
Nov 18 2015 05:31
I could always add an if statement to test if arr[0].length is less than arr[1].length and and swap them if so @minsooshin but that's entirely unnecessary for this
Akshat Oswal
@akshat01
Nov 18 2015 05:31
but read about the XY problem
you are solving a problem Y which is not needed
Mason Shin
@minsooshin
Nov 18 2015 05:32
I just want to be generic, since I am always need to thing for extension for future…habit for work environment
:)
Akshat Oswal
@akshat01
Nov 18 2015 05:32
@minsooshin : you are also assuming arr.length = 2
Mason Shin
@minsooshin
Nov 18 2015 05:32
no
:)
I check the length
both case
so pass shorter one as first param and longer one as second param
that’s what I tried
Akshat Oswal
@akshat01
Nov 18 2015 05:33
wha if arr = ["aass" ,"dasdas" ,"asdas"]
Mason Shin
@minsooshin
Nov 18 2015 05:33
oh..
yes
that’s correct
:)
Peter W Ross
@PeterWRoss
Nov 18 2015 05:33
@minsooshin very cool of you to sit around helping folks all day .. how long have you been doing this for if you don't mind me asking?
Mason Shin
@minsooshin
Nov 18 2015 05:33
heheh
I actually did this while I am working at office
Peter W Ross
@PeterWRoss
Nov 18 2015 05:34
thats even cooler of you..
Mason Shin
@minsooshin
Nov 18 2015 05:34
now I am at home and doing zipline
Akshat Oswal
@akshat01
Nov 18 2015 05:34
@PeterWRoss : the fact that we see other guys in our shoes, motivates us
to help out
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:34
hi guys
Mason Shin
@minsooshin
Nov 18 2015 05:34
I am always learning from here
Akshat Oswal
@akshat01
Nov 18 2015 05:34
even when I am asking for help, If I come across a question I can answer I do that
Mason Shin
@minsooshin
Nov 18 2015 05:34
I like other’s solution and feedback
Akshat Oswal
@akshat01
Nov 18 2015 05:34
because someone else will anser the question in a better way
and be critical of my answer
Mason Shin
@minsooshin
Nov 18 2015 05:34
@akshat01 that’s correct
Akshat Oswal
@akshat01
Nov 18 2015 05:35
like me and @minsooshin are doing right now
Mason Shin
@minsooshin
Nov 18 2015 05:35
and give feedback I couldn’t think about
Peter W Ross
@PeterWRoss
Nov 18 2015 05:35
that's dope guys.. i know a couple of people that code and make decent money... but they annoyed by rudimentary questiojns
Herman Fassett
@HermanFassett
Nov 18 2015 05:35
CodeReview might be a better chat to share full codes in
Mason Shin
@minsooshin
Nov 18 2015 05:35
yes
that’s actually what I am doing everyday
group code review with my team :)
1 hour everyday
Peter W Ross
@PeterWRoss
Nov 18 2015 05:35
i have been doing this for 120 minutes now, and I am realizing this is going to be tough ... but not impossible..
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:36
have uoy ever got a read only warning in the freecodecamp exercises?
Mason Shin
@minsooshin
Nov 18 2015 05:36
?
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:36
i can´t write, edit or reset the code
Herman Fassett
@HermanFassett
Nov 18 2015 05:36
@minsooshin I meant https://gitter.im/freecodecamp/CodeReview since people come here for help and might not benefit from seeing full codes displayed
Mason Shin
@minsooshin
Nov 18 2015 05:36
which exercise you got read only warning
@HermanFassett I agree
Peter W Ross
@PeterWRoss
Nov 18 2015 05:37
would you agree that it would be a waste of money to take this stuff in college? especially since by the time you would graduate there would most likely be a whole new platform
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:37
number 8 - Object Oriented and Functional Programming  
filters
i delete the New from NewArray and boom, read only warning!
Mat Lane
@zydecat
Nov 18 2015 05:38
@abhisekp Thanks for that...
Mason Shin
@minsooshin
Nov 18 2015 05:38
you mean the line #11?
CamperBot
@camperbot
Nov 18 2015 05:38
zydecat sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 955 | @abhisekp | http://www.freecodecamp.com/abhisekp
Hans van Riet
@hansinla
Nov 18 2015 05:39
@CarlosGorrin Array is a reserved word
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:39
line 6
Mason Shin
@minsooshin
Nov 18 2015 05:39
hmm..
I guess so same as @hansinla
so you are using Array as a variable name?
like as var Array?
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:41
no,it was NewArray = oldArray.filter and I just deleted the word new
Mason Shin
@minsooshin
Nov 18 2015 05:41
could you post your code here?
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:42
sure
read-only.jpg
Mason Shin
@minsooshin
Nov 18 2015 05:43
okay
you assign oldArray to newArray
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:43
i can´t edit or reset the code
Mason Shin
@minsooshin
Nov 18 2015 05:44
oh…even cannot refresh the page?
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:44
i refreshed but it doesn´t chance
Mason Shin
@minsooshin
Nov 18 2015 05:45
okay
do you know how to delete the cache?
which browser are you using?
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:45
sure, chrome
let me do it
Akshat Oswal
@akshat01
Nov 18 2015 05:45
windows or mac?
cmd+shift+del or ctrl+shift+del
and delete cache
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:46
pc
Akshat Oswal
@akshat01
Nov 18 2015 05:46
ctrl+shift+del
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:49
deleted the cache and nothing
Mason Shin
@minsooshin
Nov 18 2015 05:49
hmm...
can you try close the browser and reopen it?
Hans van Riet
@hansinla
Nov 18 2015 05:49
@CarlosGorrin delete the FCC cookie
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:51
the
yeah its working now
the cookie!
Mason Shin
@minsooshin
Nov 18 2015 05:51
hoolay! cookie..
Carlos Gorrin
@CarlosGorrin
Nov 18 2015 05:52
thanks for the help guys!
Manish Giri
@Manish-Giri
Nov 18 2015 05:54
@HermanFassett not sure if you're still around, but do you know if FCC teaches anything about prototypes?
Mason Shin
@minsooshin
Nov 18 2015 05:54
good nite guys
Herman Fassett
@HermanFassett
Nov 18 2015 05:54
@Manish-Giri not that I remember.
Good night
Manish Giri
@Manish-Giri
Nov 18 2015 05:55
was there a need of using prototypes at any point during all the things that you've covered so far, at FCC?
Hans van Riet
@hansinla
Nov 18 2015 06:08
@Manish-Giri no
Herman Fassett
@HermanFassett
Nov 18 2015 06:09
I think I actually used prototype once but it was entirely unnecessary
Manish Giri
@Manish-Giri
Nov 18 2015 06:18
@HermanFassett , @hansinla thanks!
CamperBot
@camperbot
Nov 18 2015 06:18
manish-giri sends brownie points to @hermanfassett and @hansinla :sparkles: :thumbsup: :sparkles:
:star: 597 | @hansinla | http://www.freecodecamp.com/hansinla
:star: 632 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
Michelangelo Markus
@michelangelo17
Nov 18 2015 06:32

I feel like I already know how to do this, but I'm drawing a blank:

Use the map function to add 3 to every value in the variable array.

Anyone know?

Nevermind. Just got it. haha
David Krapka
@Phunkhouse
Nov 18 2015 07:00
Hello, I am at the waypoint "Bring your JavaScript Slot Machine to Life" and I can`t finish it because I am not sure what am I doing wrong. Can someone please look? http://imgur.com/uRgaO8c
Herman Fassett
@HermanFassett
Nov 18 2015 07:01
@Phunkhouse the part you're supposed to have looks write. Try resetting the code and putting that exact thing in
David Krapka
@Phunkhouse
Nov 18 2015 07:02
@HermanFassett It says me that "Unexpected token ';'. Expected ')' to end a argument list."
Herman Fassett
@HermanFassett
Nov 18 2015 07:03
Oh @Phunkhouse I think I was looking at the wrong waypoint one sec
What's the selector$ for?
David Krapka
@Phunkhouse
Nov 18 2015 07:05
@HermanFassett to select ".slot" (all slots)
Herman Fassett
@HermanFassett
Nov 18 2015 07:06
remove the selector$(".slot") line and see what happens
David Krapka
@Phunkhouse
Nov 18 2015 07:07
It says the same line.
David Krapka
@Phunkhouse
Nov 18 2015 07:15
@HermanFassett I tried to paste the line from a hint and now It shows me this :D http://imgur.com/1tM9MLi
Herman Fassett
@HermanFassett
Nov 18 2015 07:16
@Phunkhouse $ is the selector, you shouldn't have "selector" literal anywhere in your code
David Krapka
@Phunkhouse
Nov 18 2015 07:27
@HermanFassett I am not sure if i understand. It says me to put $ before each slot’s description.
Herman Fassett
@HermanFassett
Nov 18 2015 07:28
Yes, but I'm not sure why you have selector in there. $ is the selector
David Krapka
@Phunkhouse
Nov 18 2015 07:30
@HermanFassett Yea, now I understand :D I had to exclude word „selector“. :D
Thanks @HermanFassett
CamperBot
@camperbot
Nov 18 2015 07:30
phunkhouse sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:star: 635 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
Herman Fassett
@HermanFassett
Nov 18 2015 07:30
Yeah glad to help
Dustin Frank
@DustInCompetent
Nov 18 2015 07:32
btw., @Phunkhouse if you want to post an image, better post the direct link (http://i.imgur.com/1tM9MLi.png)
that's why
David Krapka
@Phunkhouse
Nov 18 2015 07:33
ok
Rodion
@Rodion13
Nov 18 2015 08:10
Hey. have anyone finished Twitch TV zipline?
http://codepen.io/Rodion13/pen/aOQQZx I wanted to see if somebody can go over my code and offer suggestions. I can figure out how to implement search and filters in better way
Bharath Kumar Reddy
@reddy-bharathkumar
Nov 18 2015 09:08
$(...).css(...) is undefined
hi all what's this means
h4r1m4u
@h4r1m4u
Nov 18 2015 09:24
@reddy-bharathkumar it most likely means that the result of $(...) is not a proper jquery object and as such it doesn't have access to the .css() method. it could also mean that jquery hasn't been properly imported into your project/page
Siham
@Sihamksa
Nov 18 2015 09:26
i finished html, css, jquery - im just wondering if i should make notes? how am i going to remember all this stuff. is there access tot he notes somewhere on freecodecamp? or... should i just make notes as i go along?
Elliott McNary
@bighitbiker3
Nov 18 2015 09:32
I know there's a better way for me to loop this...any ideas?
$(document).ready(function() {
  $('.keys span').bind('click', function() {
    $('.screen').append();
  })

})
really i just don't know what to put into .append() so that it will append the contents of .keys span
h4r1m4u
@h4r1m4u
Nov 18 2015 09:37
@bighitbiker3 give the buttons the same class and then get the value of the button pressed. that way you only need one selector. something along the lines of:
  $('.button').click(function() {
    $('.screen').append($(this).text());
  })
YangYu
@xxxyangyu
Nov 18 2015 09:40
$ is not defined? The first project .
Elliott McNary
@bighitbiker3
Nov 18 2015 09:40
@h4r1m4u problem with using click is that I can't figure out how to get it to fire multiple times
that's why I was using bind
h4r1m4u
@h4r1m4u
Nov 18 2015 09:41
why do you need it to fire multiple times?
Elliott McNary
@bighitbiker3
Nov 18 2015 09:41
I'm doing this for the calculator...so i'll need to input more than one number/operator onto the screen
h4r1m4u
@h4r1m4u
Nov 18 2015 09:41
it'll work just fine
the click handler gets called every time you click on the element in the selector
Elliott McNary
@bighitbiker3
Nov 18 2015 09:42
it worked! thanks...not sure why that didn't work the first time
navin singh dalal
@dalalns
Nov 18 2015 09:42

<script>
function runSlots() {
var slotOne;
var slotTwo;
var slotThree;

var images = ["http://i.imgur.com/9H17QFk.png", "http://i.imgur.com/9RmpXTy.png", "http://i.imgur.com/VJnmtt5.png"];

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 below this line.



// Only change code above this line.

if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){
$(".logger").html(slotOne + " " + slotTwo + " " + slotThree);
}

$(".logger").append(" Not A Win");

return [slotOne, slotTwo, slotThree];
}

$(document).ready(function() {
$(".go").click(function() {
runSlots();
});
});
</script>

<div>
<div class = "container inset">
<div class = "header inset">
<img src="https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz" alt="learn to code javascript at Free Code Camp logo" class="img-responsive nav-logo">
<h2>FCC Slot Machine</h2>
</div>
<div class = "slots inset">
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
</div>
<br/>
<div class = "outset">
<button class = "go inset">
Go
</button>
</div>
<br/>
<div class = "foot inset">
<span class = "logger"></span>
</div>
</div>
</div>

<style>
.container {
background-color: #4a2b0f;
height: 400px;
width: 260px;
margin: 50px auto;
border-radius: 4px;
}
.header {
border: 2px solid #fff;
border-radius: 4px;
height: 55px;
margin: 14px auto;
background-color: #457f86
}
.header h2 {
height: 30px;
margin: auto;
}
.header h2 {
font-size: 14px;
margin: 0 0;
padding: 0;
color: #fff;
text-align: center;
}
.slots{
display: flex;
background-color: #457f86;
border-radius: 6px;
border: 2px solid #fff;
}
.slot{
flex: 1 0 auto;
background: white;
height: 75px;
margin: 8px;
border: 2px solid #215f1e;
border-radius: 4px;
}
.go {
width: 100%;
color: #fff;
background-color: #457f86;
border: 2px solid #fff;
border-radius: 2px;
box-sizing: none;
outline: none!important;
}
.foot {
height: 150px;
background-color: 457f86;
border: 2px solid #fff;
}

.logger {
color: white;
margin: 10px;
}

.outset {
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
}

.inset {
-webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
}
</style>

<code><script>
function runSlots() {
var slotOne;
var slotTwo;
var slotThree;

var images = ["http://i.imgur.com/9H17QFk.png", "http://i.imgur.com/9RmpXTy.png", "http://i.imgur.com/VJnmtt5.png"];

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 below this line.



// Only change code above this line.

if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){
  $(".logger").html(slotOne + " " + slotTwo + " " + slotThree);
}

$(".logger").append(" Not A Win");

return [slotOne, slotTwo, slotThree];

}

$(document).ready(function() {
$(".go").click(function() {
runSlots();
});
});
</script>

<div>
<div class = "container inset">
<div class = "header inset">
<img src="https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz" alt="learn to code javascript at Free Code Camp logo" class="img-responsive nav-logo">
<h2>FCC Slot Machine</h2>
</div>
<div class = "slots inset">
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
</div>
<br/>
<div class = "outset">
<button class = "go inset">
Go
</button>
</div>
<br/>
<div class = "foot inset">
<span class = "logger"></span>
</div>
</div>
</div>

<style>
.container {
background-color: #4a2b0f;
height: 400px;
width: 260px;
margin: 50px auto;
border-radius: 4px;
}
.header {
border: 2px solid #fff;
border-radius: 4px;
height: 55px;
margin: 14px auto;
background-color: #457f86
}
.header h2 {
height: 30px;
margin: auto;
}
.header h2 {
font-size: 14px;
margin: 0 0;
padding: 0;
color: #fff;
text-align: center;
}
.slots{
display: flex;
background-color: #457f86;
border-radius: 6px;
border: 2px solid #fff;
}
.slot{
flex: 1 0 auto;
background: white;
height: 75px;
margin: 8px;
border: 2px solid #215f1e;
border-radius: 4px;
}
.go {
width: 100%;
color: #fff;
background-color: #457f86;
border: 2px solid #fff;
border-radius: 2px;
box-sizing: none;
outline: none!important;
}
.foot {
height: 150px;
background-color: 457f86;
border: 2px solid #fff;
}

.logger {
color: white;
margin: 10px;
}

.outset {
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
}

.inset {
-webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
}
</style>
</code>

help with this code
CamperBot
@camperbot
Nov 18 2015 09:43
no wiki entry for: with this code
:pencil: click here to create one now!after creating your page type update to reload it here
navin singh dalal
@dalalns
Nov 18 2015 09:43
update
CamperBot
@camperbot
Nov 18 2015 09:43
updating wiki...
M Bonfire-Check-for-Palindromes.md A Free-Code-Camp-is-an-open-source-community-distributed-across-many-platforms.md M Home.md M List-of-Free-Code-Camp-city-based-Campsites.md U Map.md A Waypoint-Add-New-Properties-to-a-JavaScript-Object.md A Waypoint-Change-Text-with-Click-Events.md A Waypoint-Convert-JSON-Data-to-HTML.md A Waypoint-Count-Backwards-With-a-For-Loop.md A Waypoint-Delete-Properties-from-a-JavaScript-Object.md A Waypoint-Get-JSON-with-the-jQuery-getJSON-Method.md A Waypoint-Iterate-Odd-Numbers-With-a-For-Loop.md A Waypoint-Trigger-Click Events-with-jQuery.md M bonfire-find-the-longest-word-in-a-string.md M bonfire-roman-numeral-converter.md A js-Array-prototype-join.md A js-Array-prototype-reverse.md A js-String-prototype-slice.md A michaelqlarson@gmail.com.md D on-bonfire-seek-and-destroy-please-it-appears-i-am-getting-the-right-output-but-none-of-the-tests-are-passing-can-someone-help-me-find-the-error.md
done code: 0
:computer:
Elliott McNary
@bighitbiker3
Nov 18 2015 09:43
@dalalns please copy and paste that with ``` on top and bottom so it formats
navin singh dalal
@dalalns
Nov 18 2015 09:44
ok thanks

'''<script>
function runSlots() {
var slotOne;
var slotTwo;
var slotThree;

var images = ["http://i.imgur.com/9H17QFk.png", "http://i.imgur.com/9RmpXTy.png", "http://i.imgur.com/VJnmtt5.png"];

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 below this line.



// Only change code above this line.

if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){
  $(".logger").html(slotOne + " " + slotTwo + " " + slotThree);
}

$(".logger").append(" Not A Win");

return [slotOne, slotTwo, slotThree];

}

$(document).ready(function() {
$(".go").click(function() {
runSlots();
});
});
</script>

<div>
<div class = "container inset">
<div class = "header inset">
<img src="https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz" alt="learn to code javascript at Free Code Camp logo" class="img-responsive nav-logo">
<h2>FCC Slot Machine</h2>
</div>
<div class = "slots inset">
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
</div>
<br/>
<div class = "outset">
<button class = "go inset">
Go
</button>
</div>
<br/>
<div class = "foot inset">
<span class = "logger"></span>
</div>
</div>
</div>

<style>
.container {
background-color: #4a2b0f;
height: 400px;
width: 260px;
margin: 50px auto;
border-radius: 4px;
}
.header {
border: 2px solid #fff;
border-radius: 4px;
height: 55px;
margin: 14px auto;
background-color: #457f86
}
.header h2 {
height: 30px;
margin: auto;
}
.header h2 {
font-size: 14px;
margin: 0 0;
padding: 0;
color: #fff;
text-align: center;
}
.slots{
display: flex;
background-color: #457f86;
border-radius: 6px;
border: 2px solid #fff;
}
.slot{
flex: 1 0 auto;
background: white;
height: 75px;
margin: 8px;
border: 2px solid #215f1e;
border-radius: 4px;
}
.go {
width: 100%;
color: #fff;
background-color: #457f86;
border: 2px solid #fff;
border-radius: 2px;
box-sizing: none;
outline: none!important;
}
.foot {
height: 150px;
background-color: 457f86;
border: 2px solid #fff;
}

.logger {
color: white;
margin: 10px;
}

.outset {
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
}

.inset {
-webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
}
</style>
'''

CamperBot
@camperbot
Nov 18 2015 09:44
:bulb: to format code use backticks! ``` more info
navin singh dalal
@dalalns
Nov 18 2015 09:45

'''<script>
function runSlots() {
var slotOne;
var slotTwo;
var slotThree;

var images = ["http://i.imgur.com/9H17QFk.png", "http://i.imgur.com/9RmpXTy.png", "http://i.imgur.com/VJnmtt5.png"];

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 below this line.



// Only change code above this line.

if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){
  $(".logger").html(slotOne + " " + slotTwo + " " + slotThree);
}

$(".logger").append(" Not A Win");

return [slotOne, slotTwo, slotThree];

}

$(document).ready(function() {
$(".go").click(function() {
runSlots();
});
});
</script>

<div>
<div class = "container inset">
<div class = "header inset">
<img src="https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz" alt="learn to code javascript at Free Code Camp logo" class="img-responsive nav-logo">
<h2>FCC Slot Machine</h2>
</div>
<div class = "slots inset">
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
</div>
<br/>
<div class = "outset">
<button class = "go inset">
Go
</button>
</div>
<br/>
<div class = "foot inset">
<span class = "logger"></span>
</div>
</div>
</div>

<style>
.container {
background-color: #4a2b0f;
height: 400px;
width: 260px;
margin: 50px auto;
border-radius: 4px;
}
.header {
border: 2px solid #fff;
border-radius: 4px;
height: 55px;
margin: 14px auto;
background-color: #457f86
}
.header h2 {
height: 30px;
margin: auto;
}
.header h2 {
font-size: 14px;
margin: 0 0;
padding: 0;
color: #fff;
text-align: center;
}
.slots{
display: flex;
background-color: #457f86;
border-radius: 6px;
border: 2px solid #fff;
}
.slot{
flex: 1 0 auto;
background: white;
height: 75px;
margin: 8px;
border: 2px solid #215f1e;
border-radius: 4px;
}
.go {
width: 100%;
color: #fff;
background-color: #457f86;
border: 2px solid #fff;
border-radius: 2px;
box-sizing: none;
outline: none!important;
}
.foot {
height: 150px;
background-color: 457f86;
border: 2px solid #fff;
}

.logger {
color: white;
margin: 10px;
}

.outset {
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
}

.inset {
-webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
}
</style>
'''

CamperBot
@camperbot
Nov 18 2015 09:45
:bulb: to format code use backticks! ``` more info
navin singh dalal
@dalalns
Nov 18 2015 09:45
can somebody help me with this code
i am stuck
Waypoint: Add your JavaScript Slot Machine Slots
h4r1m4u
@h4r1m4u
Nov 18 2015 09:46
what have you tried?
navin singh dalal
@dalalns
Nov 18 2015 09:51

if(slotOne === slotTwo && slotTwo === slotThree){

return null;

}

if all random numbers are same than return number and otherwise else codition return null
Elliott McNary
@bighitbiker3
Nov 18 2015 09:53
@h4r1m4u i'm so lost...that code will only work for the 9 key?
Natalia
@Natalia7
Nov 18 2015 09:53
Hey guys, I have a problem bringing my JavaScript Machine to life ;(.
h4r1m4u
@h4r1m4u
Nov 18 2015 09:54
@dalalns that code is provided to you by the sidebar. you need to modify it to do what the waypoint is asking you to do: if the numbers are the same, return the number. otherwise return null. you need to use if/else statement
@bighitbiker3 use class. not id. ids should be unique throughout your page. classes can be shared by multiple elements
Elliott McNary
@bighitbiker3
Nov 18 2015 09:54
aahhh thank you!
navin singh dalal
@dalalns
Nov 18 2015 09:55

'''<script>
function runSlots() {
var slotOne;
var slotTwo;
var slotThree;

var images = ["http://i.imgur.com/9H17QFk.png", "http://i.imgur.com/9RmpXTy.png", "http://i.imgur.com/VJnmtt5.png"];

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 below this line.

    if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){
 return [slotOne];
}
    else{
  $(".logger").html(slotOne + " " + slotTwo + " " + slotThree);
}

// Only change code above this line.

if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){

return('null')
}

$(".logger").append(" Not A Win");

return [slotOne, slotTwo, slotThree];

}

$(document).ready(function() {
$(".go").click(function() {
runSlots();
});
});
</script>

<div>
<div class = "container inset">
<div class = "header inset">
<img src="https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz" alt="learn to code javascript at Free Code Camp logo" class="img-responsive nav-logo">
<h2>FCC Slot Machine</h2>
</div>
<div class = "slots inset">
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
</div>
<br/>
<div class = "outset">
<button class = "go inset">
Go
</button>
</div>
<br/>
<div class = "foot inset">
<span class = "logger"></span>
</div>
</div>
</div>

<style>
.container {
background-color: #4a2b0f;
height: 400px;
width: 260px;
margin: 50px auto;
border-radius: 4px;
}
.header {
border: 2px solid #fff;
border-radius: 4px;
height: 55px;
margin: 14px auto;
background-color: #457f86
}
.header h2 {
height: 30px;
margin: auto;
}
.header h2 {
font-size: 14px;
margin: 0 0;
padding: 0;
color: #fff;
text-align: center;
}
.slots{
display: flex;
background-color: #457f86;
border-radius: 6px;
border: 2px solid #fff;
}
.slot{
flex: 1 0 auto;
background: white;
height: 75px;
margin: 8px;
border: 2px solid #215f1e;
border-radius: 4px;
}
.go {
width: 100%;
color: #fff;
background-color: #457f86;
border: 2px solid #fff;
border-radius: 2px;
box-sizing: none;
outline: none!important;
}
.foot {
height: 150px;
background-color: 457f86;
border: 2px solid #fff;
}

.logger {
color: white;
margin: 10px;
}

.outset {
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
}

.inset {
-webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
}
</style>
'''

modified code
CamperBot
@camperbot
Nov 18 2015 09:55
:bulb: to format code use backticks! ``` more info
h4r1m4u
@h4r1m4u
Nov 18 2015 09:55
if all your buttons have the same id, it will simply select the first one it encounters when going through the DOM @bighitbiker3
Elliott McNary
@bighitbiker3
Nov 18 2015 09:55
that's really good to know...thanks
i think I had trouble with that on the clock but couldn't pin point it
navin singh dalal
@dalalns
Nov 18 2015 09:56
"""

<script>
function runSlots() {
var slotOne;
var slotTwo;
var slotThree;

var images = ["http://i.imgur.com/9H17QFk.png", "http://i.imgur.com/9RmpXTy.png", "http://i.imgur.com/VJnmtt5.png"];

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 below this line.

if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){
return [slotOne];
}
else{
return('null');
}

// Only change code above this line.

if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){
$(".logger").html(slotOne + " " + slotTwo + " " + slotThree);
}

$(".logger").append(" Not A Win");

return [slotOne, slotTwo, slotThree];
}

$(document).ready(function() {
$(".go").click(function() {
runSlots();
});
});
</script>

<div>
<div class = "container inset">
<div class = "header inset">
<img src="https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz" alt="learn to code javascript at Free Code Camp logo" class="img-responsive nav-logo">
<h2>FCC Slot Machine</h2>
</div>
<div class = "slots inset">
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
</div>
<br/>
<div class = "outset">
<button class = "go inset">
Go
</button>
</div>
<br/>
<div class = "foot inset">
<span class = "logger"></span>
</div>
</div>
</div>

<style>
.container {
background-color: #4a2b0f;
height: 400px;
width: 260px;
margin: 50px auto;
border-radius: 4px;
}
.header {
border: 2px solid #fff;
border-radius: 4px;
height: 55px;
margin: 14px auto;
background-color: #457f86
}
.header h2 {
height: 30px;
margin: auto;
}
.header h2 {
font-size: 14px;
margin: 0 0;
padding: 0;
color: #fff;
text-align: center;
}
.slots{
display: flex;
background-color: #457f86;
border-radius: 6px;
border: 2px solid #fff;
}
.slot{
flex: 1 0 auto;
background: white;
height: 75px;
margin: 8px;
border: 2px solid #215f1e;
border-radius: 4px;
}
.go {
width: 100%;
color: #fff;
background-color: #457f86;
border: 2px solid #fff;
border-radius: 2px;
box-sizing: none;
outline: none!important;
}
.foot {
height: 150px;
background-color: 457f86;
border: 2px solid #fff;
}

.logger {
color: white;
margin: 10px;
}

.outset {
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
}

.inset {
-webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
}
</style>
"""

'''<script>
function runSlots() {
var slotOne;
var slotTwo;
var slotThree;

var images = ["http://i.imgur.com/9H17QFk.png", "http://i.imgur.com/9RmpXTy.png", "http://i.imgur.com/VJnmtt5.png"];

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 below this line.

    if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){
 return [slotOne];
}
    else{
 return('null');
}

// Only change code above this line.

if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){
  $(".logger").html(slotOne + " " + slotTwo + " " + slotThree);
}

$(".logger").append(" Not A Win");

return [slotOne, slotTwo, slotThree];

}

$(document).ready(function() {
$(".go").click(function() {
runSlots();
});
});
</script>

<div>
<div class = "container inset">
<div class = "header inset">
<img src="https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz" alt="learn to code javascript at Free Code Camp logo" class="img-responsive nav-logo">
<h2>FCC Slot Machine</h2>
</div>
<div class = "slots inset">
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
<div class = "slot inset">

</div>
</div>
<br/>
<div class = "outset">
<button class = "go inset">
Go
</button>
</div>
<br/>
<div class = "foot inset">
<span class = "logger"></span>
</div>
</div>
</div>

<style>
.container {
background-color: #4a2b0f;
height: 400px;
width: 260px;
margin: 50px auto;
border-radius: 4px;
}
.header {
border: 2px solid #fff;
border-radius: 4px;
height: 55px;
margin: 14px auto;
background-color: #457f86
}
.header h2 {
height: 30px;
margin: auto;
}
.header h2 {
font-size: 14px;
margin: 0 0;
padding: 0;
color: #fff;
text-align: center;
}
.slots{
display: flex;
background-color: #457f86;
border-radius: 6px;
border: 2px solid #fff;
}
.slot{
flex: 1 0 auto;
background: white;
height: 75px;
margin: 8px;
border: 2px solid #215f1e;
border-radius: 4px;
}
.go {
width: 100%;
color: #fff;
background-color: #457f86;
border: 2px solid #fff;
border-radius: 2px;
box-sizing: none;
outline: none!important;
}
.foot {
height: 150px;
background-color: 457f86;
border: 2px solid #fff;
}

.logger {
color: white;
margin: 10px;
}

.outset {
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.75);
}

.inset {
-webkit-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 15px -2px rgba(0,0,0,0.75);
}
</style>'''

CamperBot
@camperbot
Nov 18 2015 09:57
:bulb: to format code use backticks! ``` more info
h4r1m4u
@h4r1m4u
Nov 18 2015 09:57
@bighitbiker3 yeah, as a rule of thumb remember never to use the same id on multiple elements on the same page. it's not incorrect HTML and won't break the page, but a) it's a widely accepted practice not to do that, and b) it might cause issues with your JS just like the one you ran into
@dalalns
    if(slotOne !== undefined && slotTwo !== undefined && slotThree !== undefined){
 return [slotOne]; // why are you returning the number here as an array? 
}
    else{
 return('null'); // why are you returning string 'null' instead of just null? 
}
KeithDaFox
@KeithDaFox
Nov 18 2015 10:00
I need help with the Javascript Slot machine. Ill show you the picture, it wont let me finish the waypoint
Screen Shot 2015-11-18 at 10.59.07
Natalia
@Natalia7
Nov 18 2015 10:01
here is what I have:
$(".slot")
$($(".slot") [0]).html(slotOne);
$($(".slot") [1]).html(slotTwo);
$($(".slot") [2]).html(slotThree);
KeithDaFox
@KeithDaFox
Nov 18 2015 10:01
I did that
how exactly do I paste a picture onto this chat?
Natalia
@Natalia7
Nov 18 2015 10:02
But I can't figure out where is the problem. has anybody done that?
h4r1m4u
@h4r1m4u
Nov 18 2015 10:02
@KeithDeFox just drag it into the box where you usually type
KeithDaFox
@KeithDaFox
Nov 18 2015 10:02
I do that. but chrome opens up a new window with he screenshot showing, and quits out of this site
the
h4r1m4u
@h4r1m4u
Nov 18 2015 10:03
@Natalia7 remove the spaces between the selector and the index:
$($(".slot") [0]).html(slotOne); // NAY
$($(".slot")[0]).html(slotOne); // YAY
KeithDaFox
@KeithDaFox
Nov 18 2015 10:03
yay! Thank you
h4r1m4u
@h4r1m4u
Nov 18 2015 10:04
@KeithDeFox if you can't post the image, just post the code instead
Natalia
@Natalia7
Nov 18 2015 10:06
@h4r1m4u Really??? That's what it was? Ohhh.. I though white space did not matter
h4r1m4u
@h4r1m4u
Nov 18 2015 10:07
@Natalia7 it does when you're referring to elements of an array by their index: someArray[1] (gives you the 2nd element in the array). someArray [1] won't work
Natalia
@Natalia7
Nov 18 2015 10:12
@h4r1m4u Thank you so much!
CamperBot
@camperbot
Nov 18 2015 10:12
natalia7 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 696 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 18 2015 10:13
no problem
Volker Kassim
@koyunmania
Nov 18 2015 10:18
hi guys, can anybody tell me how I use google chrome for debugging single js files. I'm stuck in the "Bonfire: Check for Palindromes" and I don't even know what to google. So my intention is setting breakpoints to get a better understanding . However I red so many things about debugging functions of chrome I still couldn't find out how to debug a single js file with a single function in it
h4r1m4u
@h4r1m4u
Nov 18 2015 10:20
@koyunmania the easiest way to simply use console.log(yourVariableGoesHere) statements in key places of your algorithm. log the different variables and see how their value changes. that'll help you a ton and is usually more than enough to identify where you have an issue
(the values will be logged in the console section of the chrome development tools)
Volker Kassim
@koyunmania
Nov 18 2015 10:25
hi @h4r1m4u but where should I use console.log()? I'm executing my code on the fcc bonfire page.
h4r1m4u
@h4r1m4u
Nov 18 2015 10:27
@koyunmania you just insert it into the code pane, wherever you feel it makes sense (a key place in the code flow where the value of the variable will provide you with some information). then you run the code and check the google console
Leo Vrana
@MrPold
Nov 18 2015 10:31
Hey everyone! I'm dyin here, I think I've run into a bug with a waypoint where you convert JSON data to HTML. I am able to put the code in fine (this exercise only asks you to copy it over), and it works when you click the button to make it run. The problem is that when I submit the code, it resets the page (cat photo finder) and says that there should be a message displayed. I have screenshots but don't know how to put them in here.
blob
That's with the good code in there...
blob
That's the good result...
blob
and that's what it says when I click "Run tests." The content on the phone resets and it fails the test.
Elliott McNary
@bighitbiker3
Nov 18 2015 10:35
When doing the calculator...what's a good method to use to store the numbers after you hit an operator like +?
I was looking at .val() but I don't think that will work due to the screen not being a form or textarea
Leo Vrana
@MrPold
Nov 18 2015 10:37
@bighitbiker3 I found an array to be pretty helpful with that. Pushed the numbers into it at certain events
Elliott McNary
@bighitbiker3
Nov 18 2015 10:38
@MrPold thanks! what if I pushed all of them into an array, then when I clicked the = button it would use the eval function after pushing them into a string
CamperBot
@camperbot
Nov 18 2015 10:38
bighitbiker3 sends brownie points to @mrpold :sparkles: :thumbsup: :sparkles:
:star: 230 | @mrpold | http://www.freecodecamp.com/mrpold
Volker Kassim
@koyunmania
Nov 18 2015 10:38
@h4r1m4u sorry but it really doesnt work, this is my code and console.log does nothing

function palindrome(str) {
// Good luck!
var str_lower = str.toLowerCase();
console.log(str_lower);
var str_array = str_lower.split('');
var str_array_back = str_array.reverse();
if ( str_array === str_array_back )
// return "1 " + "/ " + str_array + "/ " + str_array_back;
return true;
else
// return "0 " + "/ " + str_array + "/ " + str_array_back;
return false;
}

palindrome("bok");

instead i'm trying to return my values, which is really not comfortable
h4r1m4u
@h4r1m4u
Nov 18 2015 10:41
@koyunmania are you checking the console in the chrome development tools?
Leo Vrana
@MrPold
Nov 18 2015 10:41
@bighitbiker3 Make sure that when you click = you also account for whatever's already on the screen. But yeah, eval is definitely your friend on that one!
h4r1m4u
@h4r1m4u
Nov 18 2015 10:41
it's not going to show anything on screen per se. you have to open the console @koyunmania
Volker Kassim
@koyunmania
Nov 18 2015 10:44
yes but whenever i press F5 to run it, my code jumps to a file which is called VM138 which i really doesn't understand. can I send you a snapshot? i couldn't find how to add a picture to this chat
h4r1m4u
@h4r1m4u
Nov 18 2015 10:44
you can drag the screenshot into the box where you usually type
Leo Vrana
@MrPold
Nov 18 2015 10:45
@koyunmania The VM138 is the console testing your code for all the conditions tests. Your console.log stuff will be above it.
Elliott McNary
@bighitbiker3
Nov 18 2015 10:46
@MrPold awesome thanks mate!
CamperBot
@camperbot
Nov 18 2015 10:46
bighitbiker3 sends brownie points to @mrpold :sparkles: :thumbsup: :sparkles:
:warning: bighitbiker3 already gave mrpold points
Volker Kassim
@koyunmania
Nov 18 2015 10:47
fcc_error1.png
h4r1m4u
@h4r1m4u
Nov 18 2015 10:48
click on the "Console" in the top menu
Volker Kassim
@koyunmania
Nov 18 2015 10:48
fcc_error2.png
h4r1m4u
@h4r1m4u
Nov 18 2015 10:49
look at Console, not Sources
Volker Kassim
@koyunmania
Nov 18 2015 10:49
yes but console is at the very bottom
and nothing happenes there because i jump into the VM files every thime @h4r1m4u
h4r1m4u
@h4r1m4u
Nov 18 2015 10:50
you've also paused the code execution in the debugger so that you can go through it step by step. you don't need to do that
just run the code, check the console
Volker Kassim
@koyunmania
Nov 18 2015 10:52
@h4r1m4u i didn't do it. it pouses by its own. Sorry guys i know my questions are annoying :(
h4r1m4u
@h4r1m4u
Nov 18 2015 10:57
@koyunmania in the left bottom section, unclick the blue button 'play/pause' button above the Call Stack text
that's what pauses the code execution and waits for you to go through it step by step
Volker Kassim
@koyunmania
Nov 18 2015 11:01
@h4r1m4u can the reason may be because i have no main function or something like this? Because I try to execute only a function and call it at the end? (see https://files.gitter.im/FreeCodeCamp/Help/xNjA/fcc_error1.png)
h4r1m4u
@h4r1m4u
Nov 18 2015 11:02
@koyunmania no. the issue is that the code execution is paused in the debugger. please see my answer above on how to unpause it
Volker Kassim
@koyunmania
Nov 18 2015 11:06
@h4r1m4u i saw your answer but when i click there, this happens. the script just runs and is not terminated
fcc_error3.png
fcc_error3.png
h4r1m4u
@h4r1m4u
Nov 18 2015 11:07
it's not supposed to terminate. you let it run and then check the console to see what's logged there
Volker Kassim
@koyunmania
Nov 18 2015 11:07
so it runs and then happens nothing.
h4r1m4u
@h4r1m4u
Nov 18 2015 11:08
the console will show whatever you logged with the console.log() function
@koyunmania
Volker Kassim
@koyunmania
Nov 18 2015 11:14
thank you so much @h4r1m4u
CamperBot
@camperbot
Nov 18 2015 11:14
koyunmania sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 697 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 18 2015 11:15
no problem. it's actually quite simple. you shouldn't be running into these issues. the console can be extremely useful to debug your JS code (personally, i don't use anything else)
it also shows any errors you may have in your code, etc.
srinivas
@srinivasdasu
Nov 18 2015 11:39
is there any efficient way to find factorial of a number other than this ?

function factorialize(num) {
if(num === 0 || num === 1)
{
return 1;
}
else
{
return num * factorialize(num-1);
}
}

factorialize(5);

hushhoney
@hushhoney
Nov 18 2015 11:40

<script>
$(document).ready(function($("button").addClass("animated bounce")) {

});
</script>
is there something wrong with this code? getting unexpected token (

Alexander Androsyuk
@alex2sat
Nov 18 2015 11:41
@hushhoney show all code
h4r1m4u
@h4r1m4u
Nov 18 2015 11:42
@srinivasdasu that's probably the best way you can go about it
hushhoney
@hushhoney
Nov 18 2015 11:42

<script>
$(document).ready(function($("button").addClass("animated bounce")) {

});
</script>

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

Alexander Androsyuk
@alex2sat
Nov 18 2015 11:44

@hushhoney $(document).ready( function (){
$("button").addClass("animated bounce")

});

change this
h4r1m4u
@h4r1m4u
Nov 18 2015 11:44
@hushhoney
// NAY 
$(document).ready(function($("button").addClass("animated bounce")) {
});

// YAY
$(document).ready(function() {
  $("button").addClass("animated bounce");
});
hushhoney
@hushhoney
Nov 18 2015 11:45
Thanks guys!! :smile:
vamus7
@vamus7
Nov 18 2015 12:16
hi, i have a problem with define selector in this code: selector$(".slot");
$($(".slot")[0]).html(slotOne);
$($(".slot")[0]).html(slotTwo);
$($(".slot")[0]).html(slotThree);
basic javascript: waypoint:Bring your JavaScript Slot Machine to Life
srinivas
@srinivasdasu
Nov 18 2015 12:34
$($(".slot")[0]).html(slotOne);
$($(".slot")[1]).html(slotTwo);
$($(".slot")[2]).html(slotThree);
Volker Kassim
@koyunmania
Nov 18 2015 12:40
@h4r1m4u the video was really helpful and solved my problem. (i couldn't respond immediately so i write it now) The problem was that I was trying to execute a js file with a defined function. now I changed the file in an html file and also added the html code given in the youtube video and it worked

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<script>

palindrome("eye");

function palindrome(str) {
// Good luck!
var str_array = str.split(".");
console.log(str_array);
var str_array_back = str_array.reverse();
if (str_array === str_array_back)
return true;
else
return false;
}

</script>
</head>
<body>
</body>
</html>

Nicol
@NicolNonga
Nov 18 2015 12:41
i need help please
h4r1m4u
@h4r1m4u
Nov 18 2015 12:41
@koyunmania oh. i didn't realize you were working with an external file. i was under the impression you were using the FCC code editor in the waypoint
in any case, i'm glad it helped
jonkoW
@jonkoW
Nov 18 2015 12:42
Need help with some basic formatting in code camp
srinivas
@srinivasdasu
Nov 18 2015 12:43
is there any way to write these statements as a single statement
h4r1m4u
@h4r1m4u
Nov 18 2015 12:43
@NicolNonga what's the issue?
srinivas
@srinivasdasu
Nov 18 2015 12:43
str=str.toLowerCase();
str=str.replace(/ /g,'');
str=str.replace(/,/g,'');
str=str.replace(/./g,'');
str=str.replace(/_/g,'');
str=str.replace(/-/g,'');
str=str.replace(/(/g,'');
str=str.replace(/)/g,'');
is there any way to write these statements as a single statement
h4r1m4u
@h4r1m4u
Nov 18 2015 12:43
@jonkoW what's the problem?
srinivas
@srinivasdasu
Nov 18 2015 12:43
@vamus7 did you get it ?
Miikka
@mkktvl
Nov 18 2015 12:43
if function is returning true or false based on some condition. Can you return condition1===condition2 like in java?
jonkoW
@jonkoW
Nov 18 2015 12:43

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

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

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

h4r1m4u
@h4r1m4u
Nov 18 2015 12:44
@srinivasdasu you can look for a pattern that's not a character or a number instead
Volker Kassim
@koyunmania
Nov 18 2015 12:44
@h4r1m4u but thanks again for the tutorial, it solved a huge problem for me
CamperBot
@camperbot
Nov 18 2015 12:44
koyunmania sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
Miikka
@mkktvl
Nov 18 2015 12:44
without making if cond1 { return true } else { return false }
CamperBot
@camperbot
Nov 18 2015 12:44
:star: 698 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 18 2015 12:44
@jonkoW the property name is font-size not size
@koyunmania you're most welcome!
Nicol
@NicolNonga
Nov 18 2015 12:44

<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;
}
.smalller-image{

width;100px;
}




</style>

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

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

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

srinivas
@srinivasdasu
Nov 18 2015 12:45
i want to replace all special characters in a string with null at a time ,how to do that?
@NicolNonga what is the problem
Nicol
@NicolNonga
Nov 18 2015 12:45
it says image shoud be 100 pexels wide
h4r1m4u
@h4r1m4u
Nov 18 2015 12:45
@NicolNonga it's width:100px; not width;100px;
srinivas
@srinivasdasu
Nov 18 2015 12:45
check .smaller -image class
smaller spelling was wrong
jonkoW
@jonkoW
Nov 18 2015 12:46
@h4r1m4u Thank you
CamperBot
@camperbot
Nov 18 2015 12:46
jonkow sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 699 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 18 2015 12:46
@jonkoW my pleasure
srinivas
@srinivasdasu
Nov 18 2015 12:46
smaller spelling was wrong in style @NicolNonga
.smaller-image{
width:100px;}
@h4r1m4u is there a way to replace all special characters and spaces in a string at a time
?
hushhoney
@hushhoney
Nov 18 2015 12:49

Use the .length property to count the number of characters in the lastName variable.

anyone know why its not working?

var firstNameLength = 0;
var lastNameLength = 0;
var firstName = "Ada";

firstNameLength = firstName.length;

var lastName = "Lovelace";

// Only change code below this line.

lastNameLength = lastName;
lastName.length;

// Only change code above this line.

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

h4r1m4u
@h4r1m4u
Nov 18 2015 12:49
@srinivasdasu you can search for a pattern that is not an alphanumerical character
@srinivasdasu \w matches any alphanumeric character including the underscore. Equivalent to [A-Za-z0-9_]. so you could do [^\w+]
h4r1m4u
@h4r1m4u
Nov 18 2015 12:56
@hushhoney with this line lastNameLength = lastName; you're assigning the value of lastName to lastNameLength. since lastName is "Lovelace", lastNameLength will be "Lovelace" too. you need to assign the length of lastName into lastNameLength instead
srinivas
@srinivasdasu
Nov 18 2015 13:02
thank you @h4r1m4u
CamperBot
@camperbot
Nov 18 2015 13:02
srinivasdasu sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 700 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
srinivas
@srinivasdasu
Nov 18 2015 13:02
how to see my solutions in githubgist?
Rudnei Carlos de Oliveira
@Rdfenix
Nov 18 2015 13:02
guys ! i need help
h4r1m4u
@h4r1m4u
Nov 18 2015 13:03
@srinivasdasu you're welcome
Aleksander Gębicki
@Takumar
Nov 18 2015 13:03
@Rdfenix what's your problem?
h4r1m4u
@h4r1m4u
Nov 18 2015 13:03
@Rdfenix what's the problem
Rudnei Carlos de Oliveira
@Rdfenix
Nov 18 2015 13:04

I'm not understanding this part of the lesson

Waypoint: Nest an Anchor Element within a Paragraph:

Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).

I know it's kind of silly but something is not working LOL
Aleksander Gębicki
@Takumar
Nov 18 2015 13:04
@Rdfenix it means that you should put your link inside a paragraph of text:
<p>some text<a href="#">Link</a> other text</p>
h4r1m4u
@h4r1m4u
Nov 18 2015 13:05

@Rdfenix nest means to put one element inside another, for example:

<div>
  <p>this is a nested paragraph</p>
</div>

the waypoint is asking you to nest <a> in a <p>

Rudnei Carlos de Oliveira
@Rdfenix
Nov 18 2015 13:05
thanks :)
Tom Ormiston
@appijumbo
Nov 18 2015 13:20
Im trying not to panic but…. I recently updated my profile switching/ merging with my github and maybe I missed something but all of my solutions seem to have gone waypoints, bonfires (Zipps Ive saved on codepen). They are ‘ticked off’ as complete but no solution which is really really annoying as Im using them as reference and I cant show anyone what Ive done. Any suggestions? Am I missing something?
Jason Wood
@catapixel
Nov 18 2015 13:24
@appijumbo They are still there if you use the links under your profile. You've basically just removed your "local cache" and so the challenges are unaware of them until you load them through the link and "reapply" them...Nothing should be lost
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:26
appijumbo, I had the same thing happen when I tried to access them from my phone
although the page might be different for smartphones than PCs
Jason Wood
@catapixel
Nov 18 2015 13:26
@CaffeineQueen that would again because the solutions are cached locally and your phone would not have your computer's cache. They can always be found under your profile page
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:27
You still should be able to click the number in the upper right corner and scroll down to find your solutions
@catapixel they weren't even there
Tom Ormiston
@appijumbo
Nov 18 2015 13:27
ah ok thanks guys, how do 'reapply'
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:28
I think you can access your solutions through the profile and just one by one click submit
Jason Wood
@catapixel
Nov 18 2015 13:28
@appijumbo just click the solution link for the one you want from http://www.freecodecamp.com/appijumbo and then resubmit it
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:28
it should resave them in your local storage once you resubmit them
Jason Wood
@catapixel
Nov 18 2015 13:28
@CaffeineQueen It looks like your solutions are private for some reason http://www.freecodecamp.com/CaffeineQueen
might explain why you couldn't see them on your cell depending on how you were accessing them.
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:29
@catapixel I did that when I was messing around, trying to get it to show on my phone
I was logged in when I was looking for them
Jason Wood
@catapixel
Nov 18 2015 13:30
I see you're in Michigan. I'm in the Detroit area myself
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:31
which county?
Jason Wood
@catapixel
Nov 18 2015 13:31
Oakland
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:31
me too
Jason Wood
@catapixel
Nov 18 2015 13:31
:thumbsup:
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:31
I used to work at Great Lakes Crossing
we're pretty much smack dab in the middle of Oakland County
Jason Wood
@catapixel
Nov 18 2015 13:32
That's really close to where I am. I work for an automotive company as their Director of IT. Sounds more impressive than it is lol
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:32
hehe, I was a ride operator
which sounds exactly as impressive as it is
Jason Wood
@catapixel
Nov 18 2015 13:32
lol
srinivas
@srinivasdasu
Nov 18 2015 13:32

hi can any one help me in this?
function titleCase(str) {
str=str.toLowerCase().split(' ');
for( var i=0;i<str.length;i++)
{
str[i][0]=str[i].charAt(0).toUpperCase();
}
return str;
}

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

CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:32
indoor rollercoasters scare me
what are you getting?
srinivas
@srinivasdasu
Nov 18 2015 13:33
i am not getting anything
Jason Wood
@catapixel
Nov 18 2015 13:33
@srinivasdasu your str is begin left as an array after your split(). You need to join() it when you're done
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:34
I personally return after each step so I know where I screwed up
although that doesn't always work, lol
Jason Wood
@catapixel
Nov 18 2015 13:34
I play around a lot with returns as well to figure out where things are going wrong
srinivas
@srinivasdasu
Nov 18 2015 13:34

function titleCase(str) {
str=str.toLowerCase().split(' ');
for( var i=0;i<str.length;i++)
{
str[i][0]=str[i].charAt(0).toUpperCase();
}
return str.join(' ');
}

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

CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:35
I think there's something up with your loop probably
Jason Wood
@catapixel
Nov 18 2015 13:35
@srinivasdasu Are you still failing with that? The join() issue was my first spot of a problem
srinivas
@srinivasdasu
Nov 18 2015 13:35
@catapixel yeah , i'm getting same string
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:37
I used regex to find the first letter
instead of splitting and joining
Jason Wood
@catapixel
Nov 18 2015 13:37
@srinivasdasu The code inside you're loop isn't doing anything
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:37
you don't need a loop if you don't make it into an array
Jason Wood
@catapixel
Nov 18 2015 13:40
@srinivasdasu I'd take @CaffeineQueen 's suggestion but if you want to stick with the loop str[i].charAt(0).toUpperCase() does capitalize the letter but you need to find a different way to replace the first letter of each word. str[i][0]= will not work
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:41
that is the part that didn't look right to me @catapixel
thomas barfield
@thenoob12
Nov 18 2015 13:41
Waypoint: Use CSS Selectors to Style Elements can some oneone help me with this
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:41
hey @thenoob12 whats up
thomas barfield
@thenoob12
Nov 18 2015 13:42
nothin just need help
im not understanding it
Jason Wood
@catapixel
Nov 18 2015 13:42
@thenoob12 I think she meant what is your question?
thomas barfield
@thenoob12
Nov 18 2015 13:42
and my school blocked youutube
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:43
CSS stands of Cascading Style Sheets
It is a way of changing the formatting of your HTML separate of the HTML
So if I had 50 buttons on my page and I wanted them to be a certain way, I could use CSS instead of modifying them all individually
Jason Wood
@catapixel
Nov 18 2015 13:44
@thenoob12 There is example code after the paragraph that starts "Inside that style element" you need to use that code and make the color blue instead of red
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:45
The code inside the style tags essentially says you want all h2s to be the same color
srinivas
@srinivasdasu
Nov 18 2015 13:45
yeah its not working @catapixel
Jason Wood
@catapixel
Nov 18 2015 13:46
@srinivasdasu Are you still trying to make the loop work?
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:46
If you had 10 of them, they'd all inherit the same styling as outlined inside those style tags
<style> identifier {modifications;} </style>
srinivas
@srinivasdasu
Nov 18 2015 13:48
yeah @catapixel
CaffeineQueen
@CaffeineQueen
Nov 18 2015 13:49
@thenoob12 how are you doing?
ahmeddin
@ahmeddin
Nov 18 2015 13:53
@ahmeddin
hi
can any one tell, how do i find GCD of a series of numbers, is there any built in function
srinivas
@srinivasdasu
Nov 18 2015 13:54
I got it @catapixel
Jason Wood
@catapixel
Nov 18 2015 13:54
@srinivasdasu great job. What was your final solution?
srinivas
@srinivasdasu
Nov 18 2015 13:55

function titleCase(str) {
str=str.toLowerCase().split(' ');
console.log(str);
for( var i=0;i<str.length;i++)
{
str[i]=str[i].replace(str[i].charAt(0),str[i].charAt(0).toUpperCase());
//console.log(k);
//str[i]=str[i].replace(str[i].charAt(0),k);
//console.log(str[i]);
}
return str.join(' ');
}

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

@catapixel
function titleCase(str) {
str=str.toLowerCase().split(' ');
for( var i=0;i<str.length;i++)
{
str[i]=str[i].replace(str[i].charAt(0),str[i].charAt(0).toUpperCase());
}
return str.join(' ');
}

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

Jason Wood
@catapixel
Nov 18 2015 13:56
@srinivasdasu Well done. If you're up to it I'd try and solve it with @CaffeineQueen 's suggestion. You definitely worked it out though :thumbsup:
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:08
'''
CamperBot
@camperbot
Nov 18 2015 14:08
:bulb: to format code use backticks! ``` more info
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:08
my bad, sorry
How to paste formatted code here? I don't have any problem in any waypoint, just curious.
Yuhao Lei
@leiyuhao
Nov 18 2015 14:10
When I click the "Run tests" in the challenge "Waypoint: Say Hello to HTML Elements", it always shows "$ is not defined". Is this a bug?
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:11
CamperBot's more info link is not working anymore.
Nevermind, found it.
Casaun
@NaturalWonder007
Nov 18 2015 14:11
<style>
.red-text {
color: red;
}

p {

font-size: 16px;

}
</style>
How do I put a closing tag on p?
Yuhao Lei
@leiyuhao
Nov 18 2015 14:14
@NaturalWonder007 You want to change the font-size in <p></p>?
Casaun
@NaturalWonder007
Nov 18 2015 14:14
yes
Yuhao Lei
@leiyuhao
Nov 18 2015 14:15
There are two ways.
Casaun
@NaturalWonder007
Nov 18 2015 14:15
Im on waypoint: Change the Font size of an element
its is giving me a red X on make sure each of your p elements has a closing tag
theSyndical
@theSyndical
Nov 18 2015 14:17
@NaturalWonder007
<p>This is a paragraph</p>
Yuhao Lei
@leiyuhao
Nov 18 2015 14:17
you should give a class name to the p you want to customize
like <p class="test"></p>
<style>
.test{
font-size:16px;
}
</style>
Kewen Mendes Leite
@kewenml
Nov 18 2015 14:18
hey guys, i am at the first waypoint of Jquery, and it says: "Create a script element making sure it is valid and has a closing tag". can anyone help me, i dont knowhow to do it
Robert Relativo
@skankpark
Nov 18 2015 14:18
help about this " Give the text input in your form the class form-control." i don't get it please help me thanks guys
CamperBot
@camperbot
Nov 18 2015 14:18
no wiki entry for: about this give the text input in your form the class form-control i dont get it please help me thanks guys
:pencil: click here to create one now!after creating your page type update to reload it here
Majd900
@Majd900
Nov 18 2015 14:18
Hello
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:18
@kewenml you simply need to open and close a script tag like you would do with body tag or p tag.
<script>
</script>
Robert Relativo
@skankpark
Nov 18 2015 14:19
Hello
Kewen Mendes Leite
@kewenml
Nov 18 2015 14:19
oh, ty @chautob0t .
Robert Relativo
@skankpark
Nov 18 2015 14:19
"Give the text input in your form the class form-control." <- i don't get please help me
theSyndical
@theSyndical
Nov 18 2015 14:19
@skankpark
<input class="form-control">
Robert Relativo
@skankpark
Nov 18 2015 14:20
ok tnx Intr0nA :)
Majd900
@Majd900
Nov 18 2015 14:20
Guys what do you think i should go with... Js or Jquery.. i know JQ is a library for JS but.. idk
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:21
@kewenml glad I could help
Robert Relativo
@skankpark
Nov 18 2015 14:23
it did not fix . help
class="form-control"
theSyndical
@theSyndical
Nov 18 2015 14:24
@skankpark can you paste the code you already have >
Robert Relativo
@skankpark
Nov 18 2015 14:25
<div class="col-xs-6">
<label><input class="form-control" type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input class="form-control" type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input class="form-control" type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input class="form-control" type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input class="form-control" type="checkbox" name="personality"> Crazy</label>
</div>
Casaun
@NaturalWonder007
Nov 18 2015 14:26
@Intr0nA, I tried that and it removed the font size 16px
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:26
@skankpark you need to assign the class="form-control" to the text box input you have in the form
Casaun
@NaturalWonder007
Nov 18 2015 14:27
my p element docent have a closing tag
Robert Relativo
@skankpark
Nov 18 2015 14:27
ok thanks @chautob0t i will try it
CamperBot
@camperbot
Nov 18 2015 14:27
skankpark sends brownie points to @chautob0t :sparkles: :thumbsup: :sparkles:
:star: 160 | @chautob0t | http://www.freecodecamp.com/chautob0t
Kapil Dutta
@duttakapil
Nov 18 2015 14:27
This message was deleted
Casaun
@NaturalWonder007
Nov 18 2015 14:29

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

p {

font-size: 16px;

}
</style>

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

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

<P class="red-text"> Purr jump eat and the grass.</p>

Robert Relativo
@skankpark
Nov 18 2015 14:29
thanks @chautob0t it works :)
CamperBot
@camperbot
Nov 18 2015 14:29
skankpark sends brownie points to @chautob0t :sparkles: :thumbsup: :sparkles:
:warning: skankpark already gave chautob0t points
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:30
@skankpark glad I could help :)
Casaun
@NaturalWonder007
Nov 18 2015 14:30
Everything else is green but a re X saying all p elements need a closing tag. Please help.
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:31
Can you share the code @NaturalWonder007
Casaun
@NaturalWonder007
Nov 18 2015 14:31

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

p {

font-size: 16px;

}
</style>

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

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

<P class="red-text"> Purr jump eat and the grass.</p>

theSyndical
@theSyndical
Nov 18 2015 14:31
@NaturalWonder007 your last p element is uppercase fix that
Casaun
@NaturalWonder007
Nov 18 2015 14:31
Waypoint: Change Font size of an element
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:32
yup that's it, happy coding
Casaun
@NaturalWonder007
Nov 18 2015 14:32
THANK YOU SO MUCH!!!! That was it.
Dale
@Dale-R
Nov 18 2015 14:35
can someone help me give myCar a nickname property with a string value.
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:36
hey @NaturalWonder007, do t.h.a.n.k. @Intr0nA with a thank you and tag him along with it, it will send him brownie points ;)
CamperBot
@camperbot
Nov 18 2015 14:36
chautob0t sends brownie points to @naturalwonder007 and @intr0na :sparkles: :thumbsup: :sparkles:
:star: 73 | @intr0na | http://www.freecodecamp.com/intr0na
:star: 18 | @naturalwonder007 | http://www.freecodecamp.com/naturalwonder007
Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:36
lol clever camperbot, but you get what i mean @NaturalWonder007
Abdul Awali
@awalthefirst
Nov 18 2015 14:38
@Dale-R : can you paste your code
Dale
@Dale-R
Nov 18 2015 14:39

@awalthefirst
var Car = function() {
this.wheels = 4;
this.engines = 1;
this.seats = 1;
};

// Only change code below this line.

var myCar = new Car();

Vaibhav Chauhan
@chautob0t
Nov 18 2015 14:42
hey @Dale-R , you can give you object myCar a new nickname property (string) like this
myCar.nickname = "someNickname";
Abdul Awali
@awalthefirst
Nov 18 2015 14:43
^ @Dale-R
Dale
@Dale-R
Nov 18 2015 14:44
@chautob0t @awalthefirst thanks
CamperBot
@camperbot
Nov 18 2015 14:44
dale-r sends brownie points to @chautob0t and @awalthefirst :sparkles: :thumbsup: :sparkles:
:star: 366 | @awalthefirst | http://www.freecodecamp.com/awalthefirst
:star: 162 | @chautob0t | http://www.freecodecamp.com/chautob0t
Brock Callahan
@brockc
Nov 18 2015 15:09
is this just a math question?
Waypoint: Divide one Decimal by Another with JavaScript
Jason Wood
@catapixel
Nov 18 2015 15:10
@brockc basically "Change the 0.0 so that your quotient will equal 2.2."
Brock Callahan
@brockc
Nov 18 2015 15:10
i kind of suck at math, no idae
idea*
Jason Wood
@catapixel
Nov 18 2015 15:10
They want you to realize you need it to be 2.0 a float and not 2 an integer
There is a difference with how integers and floats are handled when you are doing math in javascript
Brock Callahan
@brockc
Nov 18 2015 15:11
hmm thanks for the hint
Jason Wood
@catapixel
Nov 18 2015 15:11
It is important to know which to use when.
Brock Callahan
@brockc
Nov 18 2015 15:11
i'll look into, thank you!
Jason Wood
@catapixel
Nov 18 2015 15:13
np
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:13
Hey. I'm working on my own project and want to make my unordered list wider.
The page is already divided with Bootstrap and the amount of space after the reduction in width is just too small for mobile screens
how can I make it as wide as a paragraph but keep the bullet points?
Jason Wood
@catapixel
Nov 18 2015 15:16
@CaffeineQueen All sizing in Bootstrap is done with a 12x12 grid system. You just need to adjust the columns appropriately.
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:17
I've done that
h4r1m4u
@h4r1m4u
Nov 18 2015 15:17
@CaffeineQueen got link to your pen?
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:17
but I have an unordered list in one side that doesn't take up all of the space
I think I have to set margin or padding to 0 or something
it is for work @h4r1m4u so I don't want to post it in a public chat
h4r1m4u
@h4r1m4u
Nov 18 2015 15:18
you can pm me
Robert Crawford
@RobertCC18
Nov 18 2015 15:18
I just started the jquery section and have entered the correct code but it won't show objectives or allow me to progress
Jason Wood
@catapixel
Nov 18 2015 15:18
@CaffeineQueen you can adjust the CSS away from the Bootstrap built-in if you need too...
Brock Callahan
@brockc
Nov 18 2015 15:18
@catapixel This is weird. I just made random guesses in the console until i found the right combination of decimal numbers, and I passed. Somehow I feel I missed the point.
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:20
I got it. Just needed to adjust the ul padding to 10 px in CSS
one word a line was just not going to cut it, lol
Jason Wood
@catapixel
Nov 18 2015 15:21
@brockc The point is to realize there is a difference between a decimal number, commonly called a float, when you are doing division, and integer, or whole number, division. The waypoint is not written very well but that is the point that you need to understand. The number itself is irrelevant
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:21
I'm rebuilding the company webpage, for fun. They have one (it is a very small company) but it is very obviously templated.
Jason Wood
@catapixel
Nov 18 2015 15:22
@CaffeineQueen I had to do that to ours recently to remove all of the Flash from it...
carlos
@cfelixuts
Nov 18 2015 15:23
hey everybody, i have a problem whe i try Use Conditional Logic with If and Else Statements
Create a new if statement.
Created a new else statement.
myFunction should either return heads or tails.
myFunction should return heads when flip equals 0 and tails when flip equals 1.
Jason Wood
@catapixel
Nov 18 2015 15:23
@cfelixuts what is your question?
Alexander Køpke
@alexanderkopke
Nov 18 2015 15:24
its almost pseudo code ;)
Jason Wood
@catapixel
Nov 18 2015 15:24
@cfelixuts The key instruction is in the comment in the code "Create an if-else statement here to return "heads" if flip is 0. Otherwise return "tails"."
Volker Kassim
@koyunmania
Nov 18 2015 15:24
hey guys. I again need help. spent almost 2 hours in google search but wasn't able to find the answer. How can I assign a string with a backslash to a variable or function? For example I have the string "aaa\aaa". Please don't tell it has to be like "aaa\aaa" because the text has exactly to be like this. Im stuck in, in the final step of "Bonfire: Check for Palindromes"
CamperBot
@camperbot
Nov 18 2015 15:24
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
carlos
@cfelixuts
Nov 18 2015 15:24
allready done Create a new if statement.
and Created a new else statement.
Brock Callahan
@brockc
Nov 18 2015 15:25
@catapixel Thanks again. I am going to see what I can come up with on that score.
CamperBot
@camperbot
Nov 18 2015 15:25
brockc sends brownie points to @catapixel :sparkles: :thumbsup: :sparkles:
:star: 585 | @catapixel | http://www.freecodecamp.com/catapixel
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:25
yeah @catapixel not everyone can use Flash
Jason Wood
@catapixel
Nov 18 2015 15:26
@koyunmania a backslash is not a valid character when checking for palindromes
carlos
@cfelixuts
Nov 18 2015 15:26
yeah !! i know @catapixel but i dont know in wich part i have to type that code
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:26
Their webpage is not mobile friendly, and I'm going to guess that most of their traffic is going to be drivers, who aren't going to use a PC on the job regularly, if at all.
Jagadeeswara Reddy Yaramala
@yjags03
Nov 18 2015 15:26
@koyunmania Use \ (double backslash) to escape.
Volker Kassim
@koyunmania
Nov 18 2015 15:27
i cant. the text has exactly to be like palindrome("0_0 (: /-\ :) 0-0")
god
Alexander Køpke
@alexanderkopke
Nov 18 2015 15:27
so you're "converting" the site to bootstrap? Neat!
carlos
@cfelixuts
Nov 18 2015 15:27
sorry for my english, but i dont know write a lot, yeah everybody notice that jajajaja
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:28
I'm redoing completely really. It was obviously made with a template.
I know not everyone is going to notice that but I think the site needs to be unique to really make an impression
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:28
It isn't a very large site anyway
Jason Wood
@catapixel
Nov 18 2015 15:28
@cfelixuts The code you need to write goes between the lines // Only change code below this line. and // Only change code above this line. and should be the exact same as the sample code provided in the instructions with only the condition changed after the if to match the comment instruction Create an if-else statement here to return "heads" if flip is 0. Otherwise return "tails".
hushhoney
@hushhoney
Nov 18 2015 15:29

can someone help please

The result of myFunction should be a whole number.
You should be using Math.random to generate a random number.
You should have multiplied the result of Math.random by 10 to make it a number that is between zero and nine.
You should use Math.floor to remove the decimal part of the number.

var randomNumberBetween0and19 = Math.floor(Math.random() * 20);

function myFunction() {

// Only change code below this line.

return Math.random();

// Only change code above this line.
}

Jason Wood
@catapixel
Nov 18 2015 15:29
@CaffeineQueen you can always make it part of your portfolio if you like how it turns out
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:29
Yeah, I could
This stuff is actually quite fun for me. I'm not much of a fan of the Bonfires, although I know why we do them
Robert Crawford
@RobertCC18
Nov 18 2015 15:30
I have a question, I just started jQuery section and after adding the correct code and hitting run tests, the emulator goes blank and the objectives disappear. does this mean I did something wrong?
Charlie Cassarino
@charliecassa
Nov 18 2015 15:30

@Virgilcaine
hi guys, new here. I'm having some trouble coming up with a function that returns a string with the first letter of each word capitalized. I've attempted it in many ways, using .replace, but it returns me the same string. Any hints on how to fix this?
function titleCase(str) {
var arrayStr = str.toLowerCase().split(' ');
var i = 0;
var newarrayStr = [];
while (i < arrayStr.length){
newarrayStr[i] = arrayStr[i].replace(/arrayStr[i].charAt(0)/g, /arrayStr[i].charAt(0).toUpperCase();
i++;

}

Jason Wood
@catapixel
Nov 18 2015 15:31
@hushhoney The sample code they supplied in the instructions Math.floor(Math.random() * 20); returns a random whole number between 0 and 19. You just need to modify it so that it returns a random whole number between 0 and 9. Hint: You only need to change one number. Just return this line after you make the change
Saul Souza
@ssouza3
Nov 18 2015 15:32
Hello everyone!
Jason Wood
@catapixel
Nov 18 2015 15:33
@ssouza3 Greetings
Saul Souza
@ssouza3
Nov 18 2015 15:33
Thanks @VisionvsThanos
CamperBot
@camperbot
Nov 18 2015 15:33
ssouza3 sends brownie points to @visionvsthanos :sparkles: :thumbsup: :sparkles:
:star: 16 | @visionvsthanos | http://www.freecodecamp.com/visionvsthanos
Aleksander Gębicki
@Takumar
Nov 18 2015 15:33
@ssouza3 hi
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:33
next question
carlos
@cfelixuts
Nov 18 2015 15:33
thanks @catapixel i´m done
CamperBot
@camperbot
Nov 18 2015 15:33
cfelixuts sends brownie points to @catapixel :sparkles: :thumbsup: :sparkles:
:star: 586 | @catapixel | http://www.freecodecamp.com/catapixel
Robert Crawford
@RobertCC18
Nov 18 2015 15:33
@ssouza3 Hello
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:33
I have a logo that has a white background, the page doesn't have a white background
How can I make the background show through the white on the image?
Volker Kassim
@koyunmania
Nov 18 2015 15:34
Hi guys, i really have a problem with "bonfire 4". I have no idea how my palindrome function can work wirh a backslash palindrome("0_0 ( : /-\ : ) 0-0") should return true.
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:34
or do I need to add the image in under another format?
Aleksander Gębicki
@Takumar
Nov 18 2015 15:35
@CaffeineQueen if you want that white pixels from logo disappear, you have to use formats PNG or GIF.
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:35
I figured something like that. He sent me a jpg
Aleksander Gębicki
@Takumar
Nov 18 2015 15:36
@CaffeineQueen jpg doesn't support transparency, you have to convert logo to another format and make white colour transparent.
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:36
How do I do that?
I have the image on my computer, I was putting it on photobucket to get a link for it, lol
Aleksander Gębicki
@Takumar
Nov 18 2015 15:37
@CaffeineQueen do you have any image editor, or viewer like IrfanView?
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:37
never even heard of it
hushhoney
@hushhoney
Nov 18 2015 15:37
@catapixel ive tried that but it didnt work, maybe i had a typo will try again
Aleksander Gębicki
@Takumar
Nov 18 2015 15:39
@CaffeineQueen but you have some image editor? IrfanView is free for personal use. You can install it. When you save your image as GIF, you can use white as transparrent colour and save the image in GIF format.
Oh, wait IrfanView is available only for Windows I think.
Alexander Køpke
@alexanderkopke
Nov 18 2015 15:39
@koyunmania you'd have to remove all non-alphanumeric values.. like with regex code
CaffeineQueen
@CaffeineQueen
Nov 18 2015 15:39
oh wait, I have a png!
Volker Kassim
@koyunmania
Nov 18 2015 15:39
@alexanderkopke ok... whats a regex code?
Aleksander Gębicki
@Takumar
Nov 18 2015 15:41
@CaffeineQueen so search for transparency in your favourite image editor, and use it.
Volker Kassim
@koyunmania
Nov 18 2015 15:41
@alexanderkopke ok regular expression code. yeah but i have to compare the text. so I have to process every character in the input string. can't just remove them
Aleksander Gębicki
@Takumar
Nov 18 2015 15:42
@koyunmania it's a shortcut for regular expressions.
Alexander Køpke
@alexanderkopke
Nov 18 2015 15:43
@koyunmania no, you can replace all non-words with regex code so only words and numbers are left
hushhoney
@hushhoney
Nov 18 2015 15:43
im really not getting this one ):

var randomNumberBetween0and19 = Math.floor(Math.random() * 20);

function myFunction() {

// Only change code below this line.

return Math.random();
Math.floor(Math.random() * 10);

// Only change code above this line.
}

Alexander Køpke
@alexanderkopke
Nov 18 2015 15:43
@hushhoney your return should come after the math.floor
but put return down in front of the math.floor and it will work I think
Volker Kassim
@koyunmania
Nov 18 2015 15:45
@alexanderkopke really. god i thing i just misunderstood the exercise :(
Vaibhav Chauhan
@chautob0t
Nov 18 2015 15:45
@alexanderkopke is right @hushhoney, you have to return this Math.floor(Math.random() * 10); <- this is final expression that generates the random number from 0 to 9
Aleksander Gębicki
@Takumar
Nov 18 2015 15:45
@hushhoney now you return just number from range [0, 1). You tried to return value from range [0, 10).
Alexander Køpke
@alexanderkopke
Nov 18 2015 15:45
return Math.floor(Math.random() * 10);
hushhoney
@hushhoney
Nov 18 2015 15:46
@alexanderkopke @chautob0t thank you both!!
CamperBot
@camperbot
Nov 18 2015 15:46
hushhoney sends brownie points to @alexanderkopke and @chautob0t :sparkles: :thumbsup: :sparkles:
:star: 164 | @chautob0t | http://www.freecodecamp.com/chautob0t
:star: 241 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
Aleksander Gębicki
@Takumar
Nov 18 2015 15:47
I have to change my avatar to photo of my sister, then for sure I will get answer for every question ;-)
hushhoney
@hushhoney
Nov 18 2015 15:47
@Takumar hahaha
Alexander Køpke
@alexanderkopke
Nov 18 2015 15:48
@koyunmania yes you have to find out if the words(without symbols, spaces, etc ) are the same if reversed
Saul Souza
@ssouza3
Nov 18 2015 15:50
SarunasP
@SarunasP
Nov 18 2015 15:51
Hey there guys I am having an issue with one of my tasks and keep getting "chai is not defined"
Jim Szalewski
@jimszalew
Nov 18 2015 15:52
hey all, im stuck on waypoint 176: iterate over arrays with map, anyone able to offer assistance? here is the code I have so far
var plusThree = oldArray.map(function(val){ return val + 3;});
Volker Kassim
@koyunmania
Nov 18 2015 15:54
@alexanderkopke i really tried to revert the complete string with regex and everything, which worked actually until backslash. man this cost me almost the entire day :( but thanks anyway
CamperBot
@camperbot
Nov 18 2015 15:54
koyunmania sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star: 243 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Nov 18 2015 15:56
@koyunmania use the regex [\W_]/g.. I think this is the one works
/[\W_]/g
SarunasP
@SarunasP
Nov 18 2015 15:56
Oops nevermind I noticed that I missed something in the instructions.
Hmm. It's still giving the same error though.
donramone
@donramone
Nov 18 2015 16:00
@jimszalew try var newArray = oldArray.map(function(val){ return val + 3;});
Barb
@bmmh
Nov 18 2015 16:00
How do you determine the number of columns needed when using the class col-xs-*? I am currently doing Waypoint: Line up Form Elements Responsively with Bootstrap. Thanks.
gts00k
@gts00k
Nov 18 2015 16:00
if I have an array [1,0,4,0,5,6,7] and I want to remove 0
what do I do
ok found it
Jim Szalewski
@jimszalew
Nov 18 2015 16:03
@donramone thank you so much, it worked.
CamperBot
@camperbot
Nov 18 2015 16:03
jimszalew sends brownie points to @donramone :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for donramone
gts00k
@gts00k
Nov 18 2015 16:03
for(var i = arr.length - 1; i >= 0; i--) {
    if(arr[i] === 0) {
       arr.splice(i, 1);
    }
}
SarunasP
@SarunasP
Nov 18 2015 16:03

var myMin = 2;

var myMax = 100;

function myFunction() {

return Math.floor(Math.random() * (myMax - myMin + 1)) + myMin;

}

// Only change code above this line.

I keep getting chai is undefined

var myMin = 2;

var myMax = 100;

function myFunction() {

return Math.floor(Math.random() * (myMax - myMin + 1)) + myMin;

}

// Only change code above this line.

donramone
@donramone
Nov 18 2015 16:04
you are welcome
SarunasP
@SarunasP
Nov 18 2015 16:04
Oops sorry for the flood.
I keep getting "chai is undefined" error. Not sure what the problem is.
Perhaps a bug in FreeCodeCamp?
Volker Kassim
@koyunmania
Nov 18 2015 16:15
@alexanderkopke thanks alot :+1:
CamperBot
@camperbot
Nov 18 2015 16:15
koyunmania sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:warning: koyunmania already gave alexanderkopke points
Vaibhav Chauhan
@chautob0t
Nov 18 2015 16:19
@SarunasP I'm at the exact same waypoint and it worked for me..
I've even copy pasted your code and it works
SarunasP
@SarunasP
Nov 18 2015 16:19
I found the issue, I was using a VPN and I guess that messed with the console
Vaibhav Chauhan
@chautob0t
Nov 18 2015 16:19
Oh. Interesting..
Some experienced coder online? VPN shouldn't do this, and if it does, is it a bug in FCC?
SarunasP
@SarunasP
Nov 18 2015 16:20
I started an issue and they said " Also note that FCC normally won't work if you're behind any proxy servers or you're using any anonymizing software/browser extension."
CaffeineQueen
@CaffeineQueen
Nov 18 2015 16:25
@Takumar you still here?
Aleksander Gębicki
@Takumar
Nov 18 2015 16:25
@CaffeineQueen sorry I left for the moment.
CaffeineQueen
@CaffeineQueen
Nov 18 2015 16:25
I found a program that will let me separate the background and make it invisible but it saved it as a file type I can't upload to photobucket, haha
I think I can resave them as png...
Aleksander Gębicki
@Takumar
Nov 18 2015 16:26
@CaffeineQueen what OS are you running?
Vaibhav Chauhan
@chautob0t
Nov 18 2015 16:26
@SarunasP oh, good to know, thanks for the info
CamperBot
@camperbot
Nov 18 2015 16:26
chautob0t sends brownie points to @sarunasp :sparkles: :thumbsup: :sparkles:
:star: 166 | @sarunasp | http://www.freecodecamp.com/sarunasp
CaffeineQueen
@CaffeineQueen
Nov 18 2015 16:26
Windows 7
I think I got it
I had to remove the background layer, instead of just making it transparent
So much to learn to get a professional looking website. :P
Aleksander Gębicki
@Takumar
Nov 18 2015 16:30
@CaffeineQueen ok, so you will manage to do it yourself. Good job.
Nick Lennox
@nicklennox
Nov 18 2015 16:31
hey everyone
need help with changing font color and famiy
do I do this in my style?
CaffeineQueen
@CaffeineQueen
Nov 18 2015 16:31
The plus side of supposedly being in the 96th percentile for intelligence, according to the military.
Nick Lennox
@nicklennox
Nov 18 2015 16:31

<style>
body {
background-color: green;
}
h1 [font-family: monospace;]
</style>

<h1>hello world</h1>

Aleksander Gębicki
@Takumar
Nov 18 2015 16:33
@nicklennox use curly brackets " { } " when styling your header "h1" just like you did with "body"
Nick Lennox
@nicklennox
Nov 18 2015 16:34
nvm
figured it all out
thanks tho!
Vaibhav Chauhan
@chautob0t
Nov 18 2015 16:34
I was staring at that sly smiley for 3 seconds and wondering why would a code by smiling that way.. then it hit me XD
CaffeineQueen
@CaffeineQueen
Nov 18 2015 16:35
a proper thank you tags the person you're thanking
:P
Nick Lennox
@nicklennox
Nov 18 2015 16:41
thank you caffeinequeen
another question if you dont mind

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

<h1>Hello World!</h1>

trying to add color to my h1 element
trying to add pink text
Jimmy
@jimmydwitts83
Nov 18 2015 16:42
waypoint 174 help needed
Waypoint: Filter Arrays with filter

var oldArray = [1,2,3,4,5,6,7,8,9,10];

// Only change code below this line.

var newArray = Array.filter(function(val){
return val < 5;

});

// Only change code above this line.

(function() { return newArray; })();

Nick Lennox
@nicklennox
Nov 18 2015 16:43
I just changed the color and it worked but it wants me to change the h1 element. do I just do a new class?
Jimmy
@jimmydwitts83
Nov 18 2015 16:44
nevermind
got it
Nick Lennox
@nicklennox
Nov 18 2015 16:44
nvm
got it
when adding two classes
<h1 class="blue-text" class="pink-text">Hello World!</h1>
anything wrong with that?
Keir Williams
@Keirxl
Nov 18 2015 16:50
Need help with waypoint 167. the slot machine one. How do I designate where to put the numbers I get from the random number generator?
nvm I figured it out...ha
Soulerik
@Soulerik
Nov 18 2015 16:54
@nicklennox Man, syntax is <h1 class = "blue-text pink-text">
Nick Lennox
@nicklennox
Nov 18 2015 16:55
thank you soulerik
you the man
Ashutosh Kumar
@ashutoshpw
Nov 18 2015 17:03
Error: The message box should have something in it
What to do ?
Message box have already text inside it ?
Barb
@bmmh
Nov 18 2015 17:10
This message was deleted
Soulerik
@Soulerik
Nov 18 2015 17:13
@AshutoshKumarAnand I believe you should specify your question with a code example
Mateus Felipe Pereira da Cunha Tavares
@elviradoipiranga
Nov 18 2015 17:20
Hello guys! I got stuck in the point where it says "Give the text input in your form the class form-control. I did like this "<form class="form-control" action="/submit-cat-photo"> and it doesn't seem to work
h4r1m4u
@h4r1m4u
Nov 18 2015 17:25
@elviradoipiranga you're supposed to give the class to the text <input> element, not the <form>
CaffeineQueen
@CaffeineQueen
Nov 18 2015 17:27
Hey. I need col-md-6 to fit next to col-md-6 with a border. My problem is that the borders end up overlapping
or the boxes end up stacked instead of side by side
Anders Bengtsson
@anders462
Nov 18 2015 17:31
@CaffeineQueen send a link to your pen
CaffeineQueen
@CaffeineQueen
Nov 18 2015 17:32
Its kind of a work thing
h4r1m4u
@h4r1m4u
Nov 18 2015 17:34
@CaffeineQueen don't put the border on the columns themselves. add another div inside them and put the border on that. then you can use padding or margin on the inner div to get the spacing you want
Jim Szalewski
@jimszalew
Nov 18 2015 17:35
i'm stuck on waypoint 180: reverse arrays with reverse, can anyone assist?
h4r1m4u
@h4r1m4u
Nov 18 2015 17:35
@jimszalew what code do you have so far?
Jim Szalewski
@jimszalew
Nov 18 2015 17:35
so far i have tried var newArray = array.reverse;
h4r1m4u
@h4r1m4u
Nov 18 2015 17:36
@jimszalew reverse is a method, not a property, so you need to call it like this .reverse()
Jim Szalewski
@jimszalew
Nov 18 2015 17:38
@h4r1m4u, thank you very much, it worked
CamperBot
@camperbot
Nov 18 2015 17:38
jimszalew sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 703 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 18 2015 17:38
you're welcome
Soulerik
@Soulerik
Nov 18 2015 17:38
By the way: how to know on what waypoint am I if I missed some in the beginning?
Darryl Pargeter
@darrylpargeter
Nov 18 2015 17:39
@Soulerik if you click learn in the nav at the top it should take you to the project that you are on
& map will show you everything that can be done
Soulerik
@Soulerik
Nov 18 2015 17:40
@darrylpargeter that is right, I mean how to know to write you guys something like "I'm stacked on 100500th waypoint"
h4r1m4u
@h4r1m4u
Nov 18 2015 17:41
@Soulerik just write waypoint title
the numbers are misleading anyway
Darryl Pargeter
@darrylpargeter
Nov 18 2015 17:41
what @h4r1m4u said
Soulerik
@Soulerik
Nov 18 2015 17:41
@h4r1m4u TY!
Nick Lennox
@nicklennox
Nov 18 2015 17:43
hex code question
body { color: #FF0000; }
anything wrong here?
h4r1m4u
@h4r1m4u
Nov 18 2015 17:44
@nicklennox nope, looks good to me
Nick Lennox
@nicklennox
Nov 18 2015 17:45
still not changing
Darryl Pargeter
@darrylpargeter
Nov 18 2015 17:45
color will go to fonts
Nick Lennox
@nicklennox
Nov 18 2015 17:45
does it need to be in a style?
h4r1m4u
@h4r1m4u
Nov 18 2015 17:45
yes
Nick Lennox
@nicklennox
Nov 18 2015 17:45
I need to change background color
Soulerik
@Soulerik
Nov 18 2015 17:45
@nicklennox try background-color:
h4r1m4u
@h4r1m4u
Nov 18 2015 17:45
that's background-color
Darryl Pargeter
@darrylpargeter
Nov 18 2015 17:45
if its in the html doc then yer need to be in style tags
Nick Lennox
@nicklennox
Nov 18 2015 17:45
so just put this in style?
h4r1m4u
@h4r1m4u
Nov 18 2015 17:46
color is for font color. background-color changes background
Darryl Pargeter
@darrylpargeter
Nov 18 2015 17:46
yer <style>body {background: #FF0000;}</style>
Nick Lennox
@nicklennox