These are chat archives for FreeCodeCamp/Help

13th
Feb 2016
Thomas Noe
@t3h2mas
Feb 13 2016 00:00
@nsloc22 I updated my response up there ^^^
Josh Fisk
@JoshFisk
Feb 13 2016 00:00
@DinnerFingers Count +=1;
@DinnerFingers You need to put the plus before the equal sign (and the minus)
DinnerFingers
@DinnerFingers
Feb 13 2016 00:01
Silly me :laughing:
Thanks again @JoshFisk, very appreciated.
CamperBot
@camperbot
Feb 13 2016 00:02
dinnerfingers sends brownie points to @joshfisk :sparkles: :thumbsup: :sparkles:
:warning: dinnerfingers already gave joshfisk points
scottmike0
@scottmike0
Feb 13 2016 00:02
does anyone understand moving position of nodes in java, like as an example a linked list
Thomas Noe
@t3h2mas
Feb 13 2016 00:03
@scottmike0 in theory wouldn't you just change the head and the tail?
DinnerFingers
@DinnerFingers
Feb 13 2016 00:03
push?
(I'm not that far ahead)
Thomas Noe
@t3h2mas
Feb 13 2016 00:03
and the same with the head and tail nodes
Josh Fisk
@JoshFisk
Feb 13 2016 00:04
@scottmike0 You mean javascript?
@t3h2mas you would just change the next, and previous variable on a node(object with next, and previous). Everything in javascript is already a reference
Thomas Wessel
@collectioncard
Feb 13 2016 00:07
I'm having some trouble with the prioritizing one style over another challenge. Its been a while and i forgot how to properly add and create a css class
Thomas Noe
@t3h2mas
Feb 13 2016 00:07
That's what changing the head and tail is. But you'd also have to change the tail of the head and the head of the tail.
I might be thinking of a double linked
DinnerFingers
@DinnerFingers
Feb 13 2016 00:07
@JoshFisk can you see anything else I might have missed? the cards 2,3,4,5&6 are returning a value of less than 0 and I'm really confused and in need of some caffiene
Bickio
@Bickio
Feb 13 2016 00:08
Hey guys.
Josh Fisk
@JoshFisk
Feb 13 2016 00:09
@DinnerFingers Make a gist of what you have now https://gist.github.com/, and put the link in here
idietmoran
@idietmoran
Feb 13 2016 00:10
@DinnerFingers if you are trying to make the count go up by that number you need to do something like count += 1
Bickio
@Bickio
Feb 13 2016 00:11

Any idea why

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

<h1 class="pink-text">Hello World!</h1>

Doesn't complete the "Prioritize One Style Over Another" challenge?

Josh Fisk
@JoshFisk
Feb 13 2016 00:11
@idietmoran I think @DinnerFingers fixed that problem already, but I need to see what they changed it to.
greg
@wearenotgroot
Feb 13 2016 00:13
@Bickio you are missing
.pink-text{
color: pink //<--------------------------semicolon ;
}
Bickio
@Bickio
Feb 13 2016 00:13
Thanks!!
greg
@wearenotgroot
Feb 13 2016 00:13
@Bickio YW
scottmike0
@scottmike0
Feb 13 2016 00:13
@JoshFisk no, linked lists in java
greg
@wearenotgroot
Feb 13 2016 00:14
@DinnerFingers i think you need to review the previous lessons
Josh Fisk
@JoshFisk
Feb 13 2016 00:14
@scottmike0 java or javascript? Just to confirm, because it's a huge difference
DinnerFingers
@DinnerFingers
Feb 13 2016 00:14
@idietmoran I tried that and no cookie. @JoshFisk this is what I have now https://gist.github.com/DinnerFingers/5831d4f6f26f27028b7d
@wearenotgroot you are so right... off I go!
thanks @wearenotgroot
CamperBot
@camperbot
Feb 13 2016 00:15
dinnerfingers sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
greg
@wearenotgroot
Feb 13 2016 00:15
@DinnerFingers here ----------------->Multiple Identical Options in Switch Statements
CamperBot
@camperbot
Feb 13 2016 00:15
:star: 808 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
DinnerFingers
@DinnerFingers
Feb 13 2016 00:15
I was thinking that :) cheers again
greg
@wearenotgroot
Feb 13 2016 00:15
@DinnerFingers YW
Goran Karic
@gkaric
Feb 13 2016 00:16
In Bootstrap, my <ul><li> bullets are separated from the text . Can anyone point me in the right direction to ? http://codepen.io/karic/pen/JGxEma?editors=1010
greg
@wearenotgroot
Feb 13 2016 00:18
@gkaric try this
li{
  text-align:left;
}
Goran Karic
@gkaric
Feb 13 2016 00:19
@wearenotgroot thanks that worked :) I was just trying to avoid using .css because the instructions were to dabble with the HTML without touching the css
CamperBot
@camperbot
Feb 13 2016 00:19
gkaric sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 809 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
Alexander Køpke
@alexanderkopke
Feb 13 2016 00:20
java and javascript are basically the same except for all the differences
Thomas Noe
@t3h2mas
Feb 13 2016 00:20
^ so true
greg
@wearenotgroot
Feb 13 2016 00:20
@gkaric well the text-center class override the text alignment so
@gkaric have no choice
Josh Fisk
@JoshFisk
Feb 13 2016 00:20
@alexanderkopke Java, and javascript are basically the same for the first 4 letters of their name, thats about it
Alexander Køpke
@alexanderkopke
Feb 13 2016 00:21
I concur
Raiden357
@raiden357
Feb 13 2016 00:21
need help with "Use Responsive Design with Bootstrap Fluid Containers" plz. I am at a complete loss. just finished html/css part and i feel like i'm just going through the motions. can't wait till i actually understand what i'm doing
Thomas Noe
@t3h2mas
Feb 13 2016 00:21
console.log vs. System.out.println
sums it up for me
Josh Fisk
@JoshFisk
Feb 13 2016 00:22
@t3h2mas If you assume javascript is similar to any other language, you will fail, because its a whole different animal
Thomas Noe
@t3h2mas
Feb 13 2016 00:22
@raiden357 what motions? You'll be able to apply everything
@JoshFisk it's not even similar to coffeescript. But really, find me two languages that are very comperable
Josh Fisk
@JoshFisk
Feb 13 2016 00:23
@t3h2mas You have to make a new function in a for loop in order to maintain the variable that is getting incremented. That alone makes it different then everything.
Thomas Noe
@t3h2mas
Feb 13 2016 00:23
and I don't mean something like OO = OO or C# == JAVA
@JoshFisk Actually, I think that's a C thing.
Raiden357
@raiden357
Feb 13 2016 00:23
@t3h2mas yea that's what i hear,but3 months is a long time away
Josh Fisk
@JoshFisk
Feb 13 2016 00:23
@t3h2mas C has block scoping, javascript is only function scoped
Thomas Noe
@t3h2mas
Feb 13 2016 00:25
@JoshFisk You still have to define int i = 0; somewhere. It's only in c99 that you can do for (int i=0; i < 10; i++) and I might still be defined outside of the for block.
t3h2mas @t3h2mas will see
Josh Fisk
@JoshFisk
Feb 13 2016 00:25
@t3h2mas It depends I guess...
@t3h2mas Javascript does have the let keyword though, but I feel that is cheating the system.
Thomas Noe
@t3h2mas
Feb 13 2016 00:27
That's true, it's also newer
I was just talking about that one specific example. Otherwise C is far too primitive OOB to have much in common with JS
Josh Fisk
@JoshFisk
Feb 13 2016 00:29
@DinnerFingers Did you figure out the card thing?
Thomas Noe
@t3h2mas
Feb 13 2016 00:30
So declaring i in the loop expression will keep it block scoped like for (let i=0; ...) does.
Josh Fisk
@JoshFisk
Feb 13 2016 00:31
@t3h2mas Yeah, I believe it does, I've never used let personally.
Thomas Noe
@t3h2mas
Feb 13 2016 00:32
I learned yesterday that var i=0; in the loop keeps i function scoped
Otman Bouchari
@obouchari
Feb 13 2016 00:32
@t3h2mas Also works when using a function inside loop
Raiden357
@raiden357
Feb 13 2016 00:32
is there anybody who can help me with "Use Responsive Design with Bootstrap Fluid Containers'? thx
Josh Fisk
@JoshFisk
Feb 13 2016 00:32
@t3h2mas The trick you need to remember, is that javascript does not care where you use the var keyword
Thomas Noe
@t3h2mas
Feb 13 2016 00:32
@obouchari how do you mean
Otman Bouchari
@obouchari
Feb 13 2016 00:33
I will try with a code its better
Thomas Noe
@t3h2mas
Feb 13 2016 00:33
@JoshFisk yeah scoping is a blast. there's a good 'You don't know JS' chapter or two about it.
Josh Fisk
@JoshFisk
Feb 13 2016 00:33
@t3h2mas If you use it at the end of a function, or the very start, the var keyword does the exact same thing
@t3h2mas It's because the javascript compiler pulls all the vars out, before it even runs the code
Otman Bouchari
@obouchari
Feb 13 2016 00:35
var arr = [];
for (var i = 0; i < 3; i++) {
    arr[i] = function () {
         return i;
    };
}

arr[0](); // 3
arr[1](); // 3
arr[2](); // 3
Thomas Noe
@t3h2mas
Feb 13 2016 00:35
Between understand compiler execution, scoping w/ and w/o closures and understanding callstacks/call-points of this I could read for a week straight.
Otman Bouchari
@obouchari
Feb 13 2016 00:35
change var with let and it will work
Josh Fisk
@JoshFisk
Feb 13 2016 00:36
This may blow your mind
function test(){
    i=10;
  var i;
  return i;
}
console.log(test());
Otman Bouchari
@obouchari
Feb 13 2016 00:37
undefined
Josh Fisk
@JoshFisk
Feb 13 2016 00:37
Nope
it returns 10
Javascript does not care where the var is
Otman Bouchari
@obouchari
Feb 13 2016 00:37
Ohh yeah I forgot
hah it will hoist
Josh Fisk
@JoshFisk
Feb 13 2016 00:38
Hoisting is the wrong word for it. Just imagine that javascript makes all the variables before it runs the code
So it adds an i variable to the test function
Before it even runs it
Otman Bouchari
@obouchari
Feb 13 2016 00:38
@JoshFisk Well kind of wrong but it make sense to explain with
Josh Fisk
@JoshFisk
Feb 13 2016 00:39
Well functions are actually objects in javascript
Thomas Noe
@t3h2mas
Feb 13 2016 00:39
@obouchari which can be solved in a few ways
Otman Bouchari
@obouchari
Feb 13 2016 00:39
@t3h2mas Yes! easy way is let
using an IIFE will do the trick too
Josh Fisk
@JoshFisk
Feb 13 2016 00:40
I feel like let is trying to pretend javascript is a different programming langauge
That is why I don't like it
Otman Bouchari
@obouchari
Feb 13 2016 00:41
Well they change/add more stuff in ES6 that's not natural to JS
classes
Josh Fisk
@JoshFisk
Feb 13 2016 00:42
Yeah, javascript does not need classes, javascript uses links
Thomas Noe
@t3h2mas
Feb 13 2016 00:42
@obouchari yeah D:
js for (var i = 0; i < 3; i++) { ((j) => {arr[j] = function () { return j; }; })(i); } or smth
there's not a huge difference between the constructor/prototype system and an OO Class system
Josh Fisk
@JoshFisk
Feb 13 2016 00:43
@t3h2mas no, there is a huge difference
Otman Bouchari
@obouchari
Feb 13 2016 00:43
Yeah totally !!
Classes works like soem sort of blueprints
Josh Fisk
@JoshFisk
Feb 13 2016 00:44
In javascript it's more like asking a different object if they have something
Otman Bouchari
@obouchari
Feb 13 2016 00:44
JS has prototypal inheritance
Thomas Noe
@t3h2mas
Feb 13 2016 00:44
class Foo():
  def __init__(self):
    # This is the constructor. Assign class vairables here
    pass
  def doWork(self):
    print(self.barBaz)
Josh Fisk
@JoshFisk
Feb 13 2016 00:44
Hey parent class, do you have this thing I do not have
Thomas Noe
@t3h2mas
Feb 13 2016 00:44
similar to python's super()
Josh Fisk
@JoshFisk
Feb 13 2016 00:44
Thats how javascript works, it's a link, not a copy
Otman Bouchari
@obouchari
Feb 13 2016 00:45
@JoshFisk Yep 1 copy (Method) borrowed by other objects
Josh Fisk
@JoshFisk
Feb 13 2016 00:45
there is no such thing as a copy in javascript
Every last thing is a link
If you change the parent, the children change
If you change the children, and the thing you change is pointing at the parent
You could be changing the parent (or hiding a property)
@t3h2mas Think of classes in javascript the same as linked lists. Objects are basically just key value dictionaries in javascript, nothing more complicated then that
Thomas Noe
@t3h2mas
Feb 13 2016 00:48
oh I understand
I'm not sure what's going with es6 quite yet. coffeescript has classes too..
Josh Fisk
@JoshFisk
Feb 13 2016 00:49
@t3h2mas Whatever it is, it's probably just syntax sugar
Thomas Noe
@t3h2mas
Feb 13 2016 00:49
the only complicated thing would be keeping track of this for me
Josh Fisk
@JoshFisk
Feb 13 2016 00:49
@t3h2mas This is simple enough, it only has like 4 rules
Thomas Noe
@t3h2mas
Feb 13 2016 00:49
I'm sure, since it compiles to js, you could even look for yourself if you wanted to.
@JoshFisk I saw that.
Josh Fisk
@JoshFisk
Feb 13 2016 00:50
@t3h2mas Do you want me to explain it's rules?
Otman Bouchari
@obouchari
Feb 13 2016 00:50
4 rules tied to the 4 ways a function can be called
Raiden357
@raiden357
Feb 13 2016 00:50
Use Responsive Design with Bootstrap Fluid Containers can somebody help me plz
Josh Fisk
@JoshFisk
Feb 13 2016 00:51
@t3h2mas okay
greg
@wearenotgroot
Feb 13 2016 00:52
guys think of the children :smile:
Josh Fisk
@JoshFisk
Feb 13 2016 00:53
@raiden357 Look at this raiden http://www.w3schools.com/bootstrap/ Might help you
Otman Bouchari
@obouchari
Feb 13 2016 00:54
Did they just update the Map?
I mean FCC
greg
@wearenotgroot
Feb 13 2016 00:54
@obouchari yep
Raiden357
@raiden357
Feb 13 2016 00:54
thank you. damn i have the website on my favorites and didn't bother to look.
jsmcpm
@jsmcpm
Feb 13 2016 00:55
Hey guys!
Josh Fisk
@JoshFisk
Feb 13 2016 00:55
Hello
bitgrower
@bitgrower
Feb 13 2016 00:59
Welcome @JoshFisk
Josh Fisk
@JoshFisk
Feb 13 2016 01:02
@bitgrower Hi, I was responding to another Greeting : )
bitgrower
@bitgrower
Feb 13 2016 01:06
LOL .. okay .. :)
Thomas Noe
@t3h2mas
Feb 13 2016 01:12
welcome @JoshFisk :P
:shipit:
Gabe Hoel
@gabehoel
Feb 13 2016 01:34
I'm having trouble with comment out HTML
Thomas Noe
@t3h2mas
Feb 13 2016 01:37
@gabehoel what code do you have
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 01:46
To comment any HTML just put these <!--- at the start of any HTML, and put these ---> anywhere after @gabehoel
Thomas Noe
@t3h2mas
Feb 13 2016 01:47
Isn't it <!-- FOOBAR -->
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 01:47
Yup
Oh nice catch @t3h2mas ! The extra dash isn't important but its still valid anyways
Thomas Noe
@t3h2mas
Feb 13 2016 01:50
:thumbsup:
Ryan Park
@rpark4
Feb 13 2016 01:50
I'm stuck: Your <style> should have a pink-text CSS class with its color set to pink.
<style>
.pink-text {
color: pink
}
any ideas?
Thomas Noe
@t3h2mas
Feb 13 2016 01:51
@rpark4 full code?
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 01:51
add a semi-colon after the pink
Ryan Park
@rpark4
Feb 13 2016 01:51
awesome
thanks
Thomas Noe
@t3h2mas
Feb 13 2016 01:51
boom @Qoyyuum :D
B. Garber
@TheBGar
Feb 13 2016 01:51
@rpark4 yep don't forget to close the declaration!
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 01:51
then add "pink-text" to your html element.
Hancheng Wu
@spockmaster
Feb 13 2016 01:51
For the Roman Numerals numeral, how do I make the tricky numbers like IV or IX
Devin Kloos
@DevinJamesK
Feb 13 2016 01:51
Hey guys
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 01:51
And that's how I roll :sunglasses:
B. Garber
@TheBGar
Feb 13 2016 01:51
@DevinJamesK hey!
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 01:51
Hey @DevinJamesK
Devin Kloos
@DevinJamesK
Feb 13 2016 01:51
I've got this to work but its really messy
return str.split("").reverse().join("").toLowerCase().replace(/\W/g, "").replace(/_/, "")
reversing a string and removing all non alpha chars
but it wouldn't remove _
It's for the palindrome checker
B. Garber
@TheBGar
Feb 13 2016 01:53
help markup
CamperBot
@camperbot
Feb 13 2016 01:53
no wiki entry for: markup
B. Garber
@TheBGar
Feb 13 2016 01:53
@JoshFisk hello!
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 01:53

Maybe

return str.split("").reverse().join("").toLowerCase().replace(/\W/g_, "").replace(/\_/, "")

?

help code
CamperBot
@camperbot
Feb 13 2016 01:53

:point_right: 10 steps to plan better so you can write less code [wiki]

Learn how to plan your future project!

Blog post written by BiancaMihai - GitHub / Twitter

An ounce of preparation is worth a pound of cure. That's true in medicine, and that's definitely true in software development.

Here's a structured 10-step workflow that will guide you through the app planning process, with the goal of saving you from writing a lot of unnecessary code.

Together, we'll plan out a simple "To-do" single-page web app. We'll also plan for an API backend for a future mobile app.

:pencil: read more about 10 steps to plan better so you can write less code on the FCC Wiki

Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 01:54
help markdown
CamperBot
@camperbot
Feb 13 2016 01:54
no wiki entry for: markdown
Thomas Noe
@t3h2mas
Feb 13 2016 01:54
explain format
CamperBot
@camperbot
Feb 13 2016 01:54

:point_right: code formatting [wiki]

Inline code

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

Code Block

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

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

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

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

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

Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 01:54
ah yes
B. Garber
@TheBGar
Feb 13 2016 01:54
@t3h2mas bingo!
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 01:54
Thanks @t3h2mas hahaha
CamperBot
@camperbot
Feb 13 2016 01:54
qoyyuum sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:star: 120 | @t3h2mas | http://www.freecodecamp.com/t3h2mas
Devin Kloos
@DevinJamesK
Feb 13 2016 01:54
nice
B. Garber
@TheBGar
Feb 13 2016 01:54
@DevinJamesK be sure to check that explanation out so you know how to post code here!
Devin Kloos
@DevinJamesK
Feb 13 2016 01:55
Saw that thanks
B. Garber
@TheBGar
Feb 13 2016 01:56
@DevinJamesK :+1:
Devin Kloos
@DevinJamesK
Feb 13 2016 01:56
I real question is how to join my two replace functions
into one call
electric-mango
@electric-mango
Feb 13 2016 01:56
This message was deleted
Devin Kloos
@DevinJamesK
Feb 13 2016 01:57
This message was deleted
Collin
@collinferry
Feb 13 2016 02:00
Anyone completed the Random Quote Generator here? I'm having trouble with the Twitter button. I believe it might have something with CodePen's need for a target="_blank" when I'm calling for a new window from my javascript. Any clues?
Thomas Noe
@t3h2mas
Feb 13 2016 02:00
@collinferry I've also ran into an issue with the twitter button.
Collin
@collinferry
Feb 13 2016 02:01
@t3h2mas Did you get it solved?
Thomas Noe
@t3h2mas
Feb 13 2016 02:01
No. :\
Gabe Hoel
@gabehoel
Feb 13 2016 02:01
@t3h2mas Its the h1 and h2
Eric Hartline
@wildlifehexagon
Feb 13 2016 02:02
@collinferry I ran into the same issue. window.open seemed to do the trick
Thomas Noe
@t3h2mas
Feb 13 2016 02:02
My issue has to do with twitter injecting data into the url and messing up the data I send.
Collin
@collinferry
Feb 13 2016 02:03
@wildlifehexagon I'm using window.open:
$("#tweet").on("click", function() {
  var text = currentQuote;
  window.open("https://twitter.com/intent/tweet?text=" + encodeURIComponent(text));
})
Thomas Noe
@t3h2mas
Feb 13 2016 02:04
that may be more clean than me setting the href of the button everytime a quote is generated..
so @collinferry what isn't your button doing?
Collin
@collinferry
Feb 13 2016 02:05
@t3h2mas Perhaps...if it actually worked :/
Thomas Noe
@t3h2mas
Feb 13 2016 02:05
it doesn't open at all?
have you tried using the debug view of codepen?
Eric Hartline
@wildlifehexagon
Feb 13 2016 02:05
@collinferry That's pretty close to what I used. I added a return false; line after the window.open. Wondering if that will do the trick.
$(".twitter").click(function() {
   var tweet = "https://twitter.com/intent/tweet?text=" + randomQuote + " - Charles Bukowski";
   window.open(tweet, "twitter");
   return false;
 });
Collin
@collinferry
Feb 13 2016 02:07
@t3h2mas I've never used debug, I'll take a look. And @wildlifehexagon I'll try the return false.
Jared
@ptheninja
Feb 13 2016 02:07
I might be in the wrong room, so point me in the right direction if need be .... I feel stupid about a smple CSS/Bootstrap question lol
Thomas Noe
@t3h2mas
Feb 13 2016 02:07
@collinferry it removes some of the strange side effects of codepens containment
Eric Hartline
@wildlifehexagon
Feb 13 2016 02:08
@ptheninja You are in the right room. What's the question?
Collin
@collinferry
Feb 13 2016 02:08
@ptheninja ask away, I've been playing with Bootstrap for two days
Jared
@ptheninja
Feb 13 2016 02:08
I'm trying to get an image to center under my <h1> element, but it seems offset... I figure nesting it in a col-md-12 would do the trick but it won't.
Collin
@collinferry
Feb 13 2016 02:10

@ptheninja Try using four <divs>

<div class=row">

then three <div class="col-md-4"> with your content in the middle one
Jared
@ptheninja
Feb 13 2016 02:11
I suppose I could try that. Just a sec! @collinferry
Thomas Noe
@t3h2mas
Feb 13 2016 02:11
that's an unidiomatic way of doing it, isn't it?
@ptheninja can you post your code?
Jared
@ptheninja
Feb 13 2016 02:11
@t3h2mas Oh ok. Hold on lol
Collin
@collinferry
Feb 13 2016 02:12
@ptheninja Also if you're dealing with text check out alignment classes: http://getbootstrap.com/css/#type-alignment
Jared
@ptheninja
Feb 13 2016 02:12
<div class="row">
<div class="col-md-12"><img src="http://weknowyourdreamz.com/images/deadpool/deadpool-07.jpg">
</div>
</div>
Sorry, don't know how to format the thing.
It's my first attempt on my own as well lol
Thomas Noe
@t3h2mas
Feb 13 2016 02:13
<div class="col-md-12"> is basically <div class="row"> isn't it? I guess the sizes are there
Eric Hartline
@wildlifehexagon
Feb 13 2016 02:13
explain format
CamperBot
@camperbot
Feb 13 2016 02:13

:point_right: code formatting [wiki]

Inline code

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

Code Block

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

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

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

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

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

Eric Hartline
@wildlifehexagon
Feb 13 2016 02:13
there ya go
Collin
@collinferry
Feb 13 2016 02:13
@t3h2mas Well I like the debug view for showing work to others, nice to remove the massive CodePen navbar, but the button still fails
Thomas Noe
@t3h2mas
Feb 13 2016 02:13
@ptheninja try setting an image class of center-block
@collinferry link to your codepen?
Josh Fisk
@JoshFisk
Feb 13 2016 02:14
Text align has an effect on more then just text... Also try margin: 0 auto;
Jared
@ptheninja
Feb 13 2016 02:15
hmmm... center block did nothing... I'll try text-align: center then?
hmmm. the bootstrap class text-center did it... But I don't know why lol.
Collin
@collinferry
Feb 13 2016 02:17
I solved my twitter thing. Be being dumb as usual, the id attribute was on the <i> tag instead of the <a> tag. Thanks @t3h2mas and @wildlifehexagon
CamperBot
@camperbot
Feb 13 2016 02:17
collinferry sends brownie points to @t3h2mas and @wildlifehexagon :sparkles: :thumbsup: :sparkles:
:star: 608 | @wildlifehexagon | http://www.freecodecamp.com/wildlifehexagon
:star: 122 | @t3h2mas | http://www.freecodecamp.com/t3h2mas
Thomas Noe
@t3h2mas
Feb 13 2016 02:17
Set an element to display: block and center via margin. Available as a mixin and class. it looks like it's used to override something in "img-responsive", the bootstrap way of text-align is the class "text-center"
@collinferry now I feel inclined to solve mine. :frowning:
Tomás Belmar da Costa
@ImInThatCorner
Feb 13 2016 02:18
hey there
Eric Hartline
@wildlifehexagon
Feb 13 2016 02:18
@collinferry Glad you were able to figure it out!
Jared
@ptheninja
Feb 13 2016 02:18
@t3h2mas Ah, ok. Thanks for that.
CamperBot
@camperbot
Feb 13 2016 02:18
ptheninja sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:star: 123 | @t3h2mas | http://www.freecodecamp.com/t3h2mas
scottmike0
@scottmike0
Feb 13 2016 02:19
does anyone know how to swap node data next to another node data, in java?
Not-the-Commonwealth
@awanumair
Feb 13 2016 02:19
Hello Everyone!
scottmike0
@scottmike0
Feb 13 2016 02:19
I am using linked list for reference in nodes
Tomás Belmar da Costa
@ImInThatCorner
Feb 13 2016 02:19
Hey guys if I already know some of the courses I'm learning, how do I skip ahead?
Cristián Berríos
@crisberrios
Feb 13 2016 02:20
go to the map and skip them, though you need to complete all courses for the certificates
scottmike0
@scottmike0
Feb 13 2016 02:20
@ImInThatCorner you techniquely dont have to do all javascript basic fundamentals to get the certificate
@ImInThatCorner so you just skip ahead.
Thomas Noe
@t3h2mas
Feb 13 2016 02:20
@scottmike0 I didn't realize earlier that Java has a LinkedList type. That should be a common example in the docs..
scottmike0
@scottmike0
Feb 13 2016 02:23
@t3h2mas yes, but there is no swap method for nodes in the linked list type
i mean i got the basics down
but
Thomas Noe
@t3h2mas
Feb 13 2016 02:23
@ptheninja http://codepen.io/t3h2mas/pen/zrJPvy my button gets hijacked by twitter >:|
scottmike0
@scottmike0
Feb 13 2016 02:24
i just cant understand why this code does not work
public void lowerPriorityOf(int index) throws IllegalArgumentException {
        if (index < 0 || index >= size()) {
            throw new IllegalArgumentException();
        } else if (index == size() - 1) {
            Node ref = first;// does nothing
        }
        Node ref = first;
        /*for (int i = 1; i < index; i++) {
            ref = first.next;

        }*/
        Node StoreRef = ref.next;
        ref.next = ref;
i mean it works
but
i completely erases the last node
Kamilo Alfonso Fernández Vargas
@KamiloAlfonso
Feb 13 2016 02:25
Testing: ```

Testing: ```html<style>
.red-text
{
color: red;
}
</style>

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

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

Will try tomorrow.
Cristián Berríos
@crisberrios
Feb 13 2016 02:27
@scottmike0 hey Scott, you know that's Java and not JavaScript right?
scottmike0
@scottmike0
Feb 13 2016 02:27
@crisberrios yeah i know i was just seeing if anyone knew linked lists
Kamilo Alfonso Fernández Vargas
@KamiloAlfonso
Feb 13 2016 02:29
  .red-text
  {
    color: red;
  }
</style>

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

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
What's wrong here?
scottmike0
@scottmike0
Feb 13 2016 02:30
@KamiloAlfonso you are missing a style tag
Cristián Berríos
@crisberrios
Feb 13 2016 02:31
not sure what that code is supposed to do, but I can see some problems, like declaring ref twice, then the last part does not make any sense, Node and StoreRef I assume are 2 classes
scottmike0
@scottmike0
Feb 13 2016 02:32
@crisberrios my goal was to swap elements that are next to each other, so ex, 1 2 3 4 to 1 3 2 4
Cristián Berríos
@crisberrios
Feb 13 2016 02:32
ok
scottmike0
@scottmike0
Feb 13 2016 02:33
@crisberrios i just need to understand how the swap elements work for nodes, because i am not dealing with arrays, where i could store arr1 = arr [1+1]
Cristián Berríos
@crisberrios
Feb 13 2016 02:33
I know
so you have node A and node B
scottmike0
@scottmike0
Feb 13 2016 02:33
yes
Cristián Berríos
@crisberrios
Feb 13 2016 02:33
nah, lets say A B C D
A<-B<-C<-D
you need to make D point to B, B point to C, and C point to A
scottmike0
@scottmike0
Feb 13 2016 02:34
i am not shifting tho
and a can already point to b
with front.next;
or head.next;
Cristián Berríos
@crisberrios
Feb 13 2016 02:35
well, yeah, depends on how you are seeing the refs, back or forward
Kamilo Alfonso Fernández Vargas
@KamiloAlfonso
Feb 13 2016 02:35
  .red-text
  {
    color: red;
  }
</style>

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

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
scottmike0
@scottmike0
Feb 13 2016 02:35
i can access the position by incrementing +1
so if i wanted to access the last
i would use front.next.next.next.data
Cristián Berríos
@crisberrios
Feb 13 2016 02:36
yeah but watch the syntax
scottmike0
@scottmike0
Feb 13 2016 02:36
data returns the inside parts
lawrencebass
@lawrencebass
Feb 13 2016 02:36
@KamiloAlfonso can you post the full code instead of just a snippet
scottmike0
@scottmike0
Feb 13 2016 02:37
@KamiloAlfonso you are missing style tag....
Kamilo Alfonso Fernández Vargas
@KamiloAlfonso
Feb 13 2016 02:37

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

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

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

@lawrencebass here it is.
scottmike0
@scottmike0
Feb 13 2016 02:38
@KamiloAlfonso whats the objective in that part?
lawrencebass
@lawrencebass
Feb 13 2016 02:39
I think the instructions want you to style your text blue instead of red @KamiloAlfonso
Eric Hartline
@wildlifehexagon
Feb 13 2016 02:39
@KamiloAlfonso That code should work...
Kamilo Alfonso Fernández Vargas
@KamiloAlfonso
Feb 13 2016 02:39
The test doesn't display the h2 in red.
So there's a bug in the FCC editor.
Eric Hartline
@wildlifehexagon
Feb 13 2016 02:40
I'm wondering if it's being finicky with your CSS brackets
lawrencebass
@lawrencebass
Feb 13 2016 02:40
Refresh your browser perhaps @KamiloAlfonso
Eric Hartline
@wildlifehexagon
Feb 13 2016 02:40
<style>
  .red-text {
    color: red;
  }
</style>
lawrencebass
@lawrencebass
Feb 13 2016 02:42
The bracket placement shouldn't matter @wildlifehexagon , both ways should work
Eric Hartline
@wildlifehexagon
Feb 13 2016 02:45
@lawrencebass You're right. Not sure why it's not passing then
lawrencebass
@lawrencebass
Feb 13 2016 02:49
Not sure either, He probably just has to refresh his browser and try styling his header again @KamiloAlfonso , However if he's working on the "CSS selectors to style Elements" challenge he should be changing the text to blue instead of red
BearHandsAHHH
@BearHandsAHHH
Feb 13 2016 03:07
<p>
<a href='http://freecatphotoapp.com'>
cat photos
</a>
</p>
Is there anything wrong with that?
Also, how do I post the code in the dark grey box like "wildlifehexagon" ?
lawrencebass
@lawrencebass
Feb 13 2016 03:10
put ``` before and after your code on lines by themselves @BearHandsAHHH
Eric Hartline
@wildlifehexagon
Feb 13 2016 03:11
explain format
CamperBot
@camperbot
Feb 13 2016 03:11

:point_right: code formatting [wiki]

Inline code

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

Code Block

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

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

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

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

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

BearHandsAHHH
@BearHandsAHHH
Feb 13 2016 03:13
<p>did this work?</p>
cool
my code
Thanks for the help
Kamilo Alfonso Fernández Vargas
@KamiloAlfonso
Feb 13 2016 03:57
@wildlifehexagon @lawrencebass I'm still struggling. Will try tomorrow. Thank you for your interest.
CamperBot
@camperbot
Feb 13 2016 03:57
kamiloalfonso sends brownie points to @wildlifehexagon and @lawrencebass :sparkles: :thumbsup: :sparkles:
:star: 613 | @wildlifehexagon | http://www.freecodecamp.com/wildlifehexagon
:star: 323 | @lawrencebass | http://www.freecodecamp.com/lawrencebass
Kamilo Alfonso Fernández Vargas
@KamiloAlfonso
Feb 13 2016 04:02
@wildlifehexagon @lawrencebass I'm working on:Use a CSS Class to Style an Element. Color should be red.
Kevin Mulligan
@kmulligan
Feb 13 2016 04:43
DJ
@qualitymanifest
Feb 13 2016 04:59
@kmulligan paste your code
Cristián Berríos
@crisberrios
Feb 13 2016 05:03
@kmulligan what's your problem?
Kevin Mulligan
@kmulligan
Feb 13 2016 05:04
@qualitymanifest @crisberrios struggling with arrays again :|
function chunk(arr, size) {
  // Break it up.

  var myArray = [];
  var sliced = [];

      myArray = arr.slice(0,size);
//return myArray gives me = ["a", "b"]
      sliced = arr.slice(size);
  //return sliced gives me =["c"], ["d"] 
      Array.prototype.push.apply(myArray,sliced);

  return myArray;
  //returns ["a", "b", "c", "d"] instead of [["a"],["b"]],[["c"],["d"]] ...
}

chunk(["a", "b", "c", "d"], 2);
I could be wrong. but feel like I've split them up correctly, at least thats how return myArray reads. They are in an array together. But combining the two arrays doesn't give me an array with two subarrays
DJ
@qualitymanifest
Feb 13 2016 05:06
@kmulligan no need to be embarrassed. you'll need a loop here. and each iteration of the loop will push [size amount of arr] into myArray
Josh Fisk
@JoshFisk
Feb 13 2016 05:06
@kmulligan Other problems aside, Do push like this myArray.push(sliced);
Cristián Berríos
@crisberrios
Feb 13 2016 05:07
yup, pretty much that's it
remember that the array and size will vary
so you could have a,b,c, or a,b,c,d,e,f,g and size could be 1,2,3,4...
DJ
@qualitymanifest
Feb 13 2016 05:08
@kmulligan note the brackets i used there. myArray will need to contain subarrays, containing parts of arr in the quantity of size
Zachary Hyder
@zacharyhyder
Feb 13 2016 05:11
This message was deleted
DJ
@qualitymanifest
Feb 13 2016 05:13
@zacharyhyder huh, i've never used cite before but what you have right now is <p><cite></p></cite> and it should be <p><cite></cite></p>... first in, first out
Derrick
@Faulet
Feb 13 2016 05:14
I'm stuck with image with
width*
DJ
@qualitymanifest
Feb 13 2016 05:15

@kmulligan here are three examples of how arr might be split up, if size is 1, 2, or 3, respectively:

var a = [1,2,3,4,5,6];
var b = [[1,2],[3,4],[5,6]];
var c = [[1,2,3],[4,5,6]];

but you won't want to hardcore it, as it seems you understand

@Faulet have you worked on it? if so, post your code
Derrick
@Faulet
Feb 13 2016 05:16

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

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

Sorry, I haven't
@kmulligan I haven't
DJ
@qualitymanifest
Feb 13 2016 05:18
@Faulet well i'm not going to just give you the answer. the instructions are pretty straight forward... give it a try and if you have trouble, come back and let us know what problem you're having
Derrick
@Faulet
Feb 13 2016 05:19
ok
Kevin Mulligan
@kmulligan
Feb 13 2016 05:19

Just trying to think this out in my head

  for (i=0;i<arr.length;i++){
    sliced = arr.slice(0,size);
    myArray.push(sliced);

  }


  return myArray;

returns [["a","b"],["a","b"],["a","b"],["a","b"]] ... which obviously is because I'm not using i from my loop in either myArray or sliced... hmm

DJ
@qualitymanifest
Feb 13 2016 05:19
@Faulet you've made CSS classes before and applied them to your HTML, if you've made it this far. it's pretty similar
Josh Fisk
@JoshFisk
Feb 13 2016 05:20
@Faulet Remember, one of the most important parts of being a programmer is being able to look things up https://www.google.com/#q=image+width
You can often get countless examples of things
Derrick
@Faulet
Feb 13 2016 05:20
@qualitymanifest @JoshFisk @kmulligan Thanks!
CamperBot
@camperbot
Feb 13 2016 05:20
faulet sends brownie points to @qualitymanifest and @joshfisk and @kmulligan :sparkles: :thumbsup: :sparkles:
:star: 952 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
:star: 262 | @kmulligan | http://www.freecodecamp.com/kmulligan
:star: 23 | @joshfisk | http://www.freecodecamp.com/joshfisk
Kevin Mulligan
@kmulligan
Feb 13 2016 05:22
So my sliced starts at element 0, and slices out of size (in the example, 2, then it is pushed into my Array
But my loop just has it sitting on the element 0, so thus the a,b,a,b,a,b
DJ
@qualitymanifest
Feb 13 2016 05:22
@kmulligan that's pretty close. you'll want to modify your slice, and how much your loop increments per iteration
Josh Fisk
@JoshFisk
Feb 13 2016 05:22
@kmulligan The place you start slicing at, and stop slicing at needs to change in each loop
Kevin Mulligan
@kmulligan
Feb 13 2016 05:22
right
so i need my slice point to move off of 0
Josh Fisk
@JoshFisk
Feb 13 2016 05:22
Yes
You need to work out how much it needs to shift by
Kevin Mulligan
@kmulligan
Feb 13 2016 05:24
i need to reread on slice, brb
LoLRabbit
@KevinStaufy
Feb 13 2016 05:29

can anyone explain to me why my code isnt degrading to monospace in the h2 style <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;
}
</style>

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

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

sorry
DJ
@qualitymanifest
Feb 13 2016 05:33
@Klees422 which challenge is this? you shouldn't comment out Lobster
Kevin Mulligan
@kmulligan
Feb 13 2016 05:33
hmmm
LoLRabbit
@KevinStaufy
Feb 13 2016 05:33
@qualitymanifest its one of the very first ones
Kevin Mulligan
@kmulligan
Feb 13 2016 05:33
how do I skip over element 1 using my loop
LoLRabbit
@KevinStaufy
Feb 13 2016 05:34
@qualitymanifest here is what its telling me to do Your h2 element should use the font Lobster.
Your h2 element should degrade to the font Monospace when Lobster is not available.
Comment out your call to Google for the Lobster font by putting <!-- in front of it. Be sure to close your comment by adding -->.
DJ
@qualitymanifest
Feb 13 2016 05:34
@Klees422 the point of using a special font followed by a generic font is that it will degrade to the generic font if the special font isn't available in the user's browser
Kevin Mulligan
@kmulligan
Feb 13 2016 05:34
  for (i=0;i<arr.length;i++){
    sliced = arr.slice(i,i+size);
    myArray.push(sliced);

  }


  return myArray;
returns a,b, b,c c,d d
DJ
@qualitymanifest
Feb 13 2016 05:34
@kmulligan really close. you just need to change the for loop's iteration
weavermonkey
@weavermonkey
Feb 13 2016 05:34
Hello, world!
CamperBot
@camperbot
Feb 13 2016 05:34

welcome to FreeCodeCamp @weavermonkey!

Kevin Mulligan
@kmulligan
Feb 13 2016 05:35
Welcome @weavermonkey
DJ
@qualitymanifest
Feb 13 2016 05:35
@kmulligan you need it to iterate by a specific amount.
Kevin Mulligan
@kmulligan
Feb 13 2016 05:35
@qualitymanifest changing the loop's iteration means changing i++, right?
DJ
@qualitymanifest
Feb 13 2016 05:35
@kmulligan yes
LoLRabbit
@KevinStaufy
Feb 13 2016 05:35
@qualitymanifest yea i figured that but its telling me to comment out lobster
DJ
@qualitymanifest
Feb 13 2016 05:35
@Klees422 paste the URL to your challenge
wow
thats long
LOL
weavermonkey
@weavermonkey
Feb 13 2016 05:36
could someone explain the concept behind this?
www.freecodecamp.com/challenges/set-the-id-of-an-element
Kevin Mulligan
@kmulligan
Feb 13 2016 05:36
@Klees422 just do the first part up to the #
Franco Zapata
@Francozt01
Feb 13 2016 05:36
@weavermonkey just like adding a class to an element ad an id id="ID name goes here"
LoLRabbit
@KevinStaufy
Feb 13 2016 05:36
@kmulligan true sorry bout that
DJ
@qualitymanifest
Feb 13 2016 05:36
actually the whole link can be helpful @Klees422 @kmulligan
weavermonkey
@weavermonkey
Feb 13 2016 05:37
specifically, <form id="something" action="something"> works,
but <form action="something" action="whatever"> doesn't.
Is there some rule here, or what?
Franco Zapata
@Francozt01
Feb 13 2016 05:37
@weavermonkey <div class="class name goes here" id="ID name goes here"> a class can be used in several elements an ID can be used in 1 element
weavermonkey
@weavermonkey
Feb 13 2016 05:38
only one unique id per unique element?
DJ
@qualitymanifest
Feb 13 2016 05:38

@Klees422

Now comment out your call to Google Fonts

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

LoLRabbit
@KevinStaufy
Feb 13 2016 05:38
@qualitymanifest OOOOOOO thanks quality :) i see what it means now <3
CamperBot
@camperbot
Feb 13 2016 05:38
klees422 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 953 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
LoLRabbit
@KevinStaufy
Feb 13 2016 05:39
whoa what is that?
DJ
@qualitymanifest
Feb 13 2016 05:39
@Klees422 :+1:
LoLRabbit
@KevinStaufy
Feb 13 2016 05:39
whats a brownie point?
DJ
@qualitymanifest
Feb 13 2016 05:39
that's what happens when you @ a user's name and say thanks
LoLRabbit
@KevinStaufy
Feb 13 2016 05:39
ahh thats pretty cool :D
Franco Zapata
@Francozt01
Feb 13 2016 05:40
@weavermonkey yeah
Jovvi Johnson
@jovjohnson
Feb 13 2016 05:40
would anyone mind taking a look at my jquery code? i've been stuck for hours and i can't pinpoint what i'm doing wrong ugh
DJ
@qualitymanifest
Feb 13 2016 05:40
@jovjohnson paste it
Kevin Mulligan
@kmulligan
Feb 13 2016 05:42
@qualitymanifest when i change i++ to something like i+1 or any number it is giving me a warning about loop protection
DJ
@qualitymanifest
Feb 13 2016 05:42
@kmulligan you don't want to hardcode a specific number
@kmulligan also that would technically be i+=1 (which is the same as i++)
@kmulligan think about the number you have provided to you, it's a function parameter which is provided to you that can change on each call of the function
Jovvi Johnson
@jovjohnson
Feb 13 2016 05:44
for(i = 0; i < numOfTiles; i++) {
    $('.row').append('<div class="tile"></div>');
these are the two lines that just wont work no matter what i try
DJ
@qualitymanifest
Feb 13 2016 05:45
@jovjohnson do you have a codepen for this
weavermonkey
@weavermonkey
Feb 13 2016 05:46
@jovjohnson there's an open {, but no closing }
DJ
@qualitymanifest
Feb 13 2016 05:47
@jovjohnson i will say, if numOfTiles is greater than 12 there's no point in putting your divs in a .row, even if you give them a col class, since rows are meant to contain up to 12 columns
Zachary Hyder
@zacharyhyder
Feb 13 2016 05:47
I am not sure why my carousel isn't working. I know this is a long bit. But anything would be appreciated. It will not change items. It is stuck on the first slide.
           <div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="http://guardianlv.com/wp-content/uploads/2013/10/steve-jobs-650x365.png" alt="Steve Jobs">
    </div>

    <div class="item">
      <img src="http://www.wired.com/images_blogs/gadgetlab/2011/10/apple_II_01.jpg" alt="Apple II">
    </div>

    <div class="item">
      <img src="http://fm.cnbc.com/applications/cnbc.com/resources/img/editorial/2015/05/01/102641316-steve-jobs.1910x1000.jpg" alt="Iphone">
    </div>

    <div class="item">
      <img src="http://www.centerforworklife.com/cfwl-content/uploads/2013/10/30953-Steve-jobs-change-quote-HVwq.jpeg" alt="Focus">
    </div>
  </div>

  <!-- Left and right controls -->
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
DJ
@qualitymanifest
Feb 13 2016 05:49
@zacharyhyder i'm about to leave but if you want help with that you should probably create a codepen or jsfiddle for it. makes it much easier to test out and see what problem you're having.
Kevin Mulligan
@kmulligan
Feb 13 2016 05:49
@qualitymanifest i++ to i+size still gives me loop protection warning
Jovvi Johnson
@jovjohnson
Feb 13 2016 05:49
@qualitymanifest i originally called the # but that didn't work so i tried the class
Zachary Hyder
@zacharyhyder
Feb 13 2016 05:49
@qualitymanifest thanks
CamperBot
@camperbot
Feb 13 2016 05:49
zacharyhyder sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 954 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
Feb 13 2016 05:49
@kmulligan as i said above, += not +...
Jovvi Johnson
@jovjohnson
Feb 13 2016 05:49
that's the latest js
Kevin Mulligan
@kmulligan
Feb 13 2016 05:50
oh i thought you were just saying i+1 is that same as i++, which .. right
thanks @qualitymanifest
CamperBot
@camperbot
Feb 13 2016 05:51
kmulligan sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 955 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Mark
@mlawson3691
Feb 13 2016 05:52
Hi all! I am working on Basic Algorithm Scripting: Falsy Bouncer...And struggling big time with NaN. Is there a trick to checking if(x === NaN){return false}. With my code, either the first two statements (with mostly truthy values) work and the third (all falsy) doesn't, or vica versa, but I can't get all three statements to evaluate properly. Any ideas?
Didato
@Didato
Feb 13 2016 05:54
@Faulet I had issues too with the Lobster.. Seems straightforward but instructions could be a little more clear for us folks with a day job. My advice drink more beer and keep triing.
and get a spell checker triiing = trying.
DJ
@qualitymanifest
Feb 13 2016 05:55
@jovjohnson have you checked your console to see your error? your problem isn't your loop.
Alex N.
@N0bl3
Feb 13 2016 05:58
Hi ;) I'm looking for someone to have a look at my Portfolio as it is now. Is there someone available? (https://codepen.io/N0bl3/full/LGMjRP/)
Hannah
@hnotess
Feb 13 2016 05:58
I'm stuck on the JavaScript waypoint on Switch Statements, can anyone help? What am I missing?
function myTest(val) {
  var answer = "";
  // Only change code below this line
  switch (val) {
    case 1:
      answer === "alpha";
      break;
    case 2:
      answer === "beta";
      break;
    case 3: 
      answer === "gamma";
      break;
    case 4:
      answer === "delta";
      break;
  }

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

// Change this value to test
myTest(1);
Alex N.
@N0bl3
Feb 13 2016 05:59
@hnotess what is the question? I mean what is expected?
cannelflow
@cannelflow
Feb 13 2016 05:59
@hnotess exercise name
Hannah
@hnotess
Feb 13 2016 06:00
@cannelflow Selecting from many options with Switch Statements
Mark
@mlawson3691
Feb 13 2016 06:00
@hnotess === is used to compare... use a single = to set the value of something
hi my getJSON isnt working
can anyone tell me why?
Alex N.
@N0bl3
Feb 13 2016 06:01
@JiniHendrix don(t you need to tell the protocol used? like http://api......
cannelflow
@cannelflow
Feb 13 2016 06:02
@hnotess you need = sign not ===
Hannah
@hnotess
Feb 13 2016 06:02
@mlawson3691 thanks! that worked.
CamperBot
@camperbot
Feb 13 2016 06:02
hnotess sends brownie points to @mlawson3691 :sparkles: :thumbsup: :sparkles:
:star: 83 | @mlawson3691 | http://www.freecodecamp.com/mlawson3691
LoLRabbit
@KevinStaufy
Feb 13 2016 06:02
can someone help me with the code that makes my cat img smaller?
i cant get it to work for some reason
Jin Choi
@JiniHendrix
Feb 13 2016 06:02
@N0bl3 i forgot about that, i have a new error now
@N0bl3 but progress thank you
CamperBot
@camperbot
Feb 13 2016 06:02
jinihendrix sends brownie points to @n0bl3 :sparkles: :thumbsup: :sparkles:
Hannah
@hnotess
Feb 13 2016 06:02
@cannelflow @mlawson3691 I got confused because the instructions said "case values are tested with strict equality (===)."
CamperBot
@camperbot
Feb 13 2016 06:02
:star: 135 | @n0bl3 | http://www.freecodecamp.com/n0bl3
cannelflow
@cannelflow
Feb 13 2016 06:03
@hnotess :+1: happens
MrKayDeeBee
@MrKayDeeBee
Feb 13 2016 06:03
How do you delete trailing comment tags?
LoLRabbit
@KevinStaufy
Feb 13 2016 06:03

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

<style>

.smaller-image {width: 100px:}

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

This message was deleted
i dont get how this work
Kevin Mulligan
@kmulligan
Feb 13 2016 06:04
explain format
CamperBot
@camperbot
Feb 13 2016 06:04

:point_right: code formatting [wiki]

Inline code

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

Code Block

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

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

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

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

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

Alex N.
@N0bl3
Feb 13 2016 06:04
@JiniHendrix which error?
Jin Choi
@JiniHendrix
Feb 13 2016 06:04
XMLHttpRequest cannot load http://api.openweathermap.org/data/2.5/weather?lat=33&lon=-118. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s.codepen.io' is therefore not allowed access. The response had HTTP status code 401.
Alex N.
@N0bl3
Feb 13 2016 06:04
Nobody wants to look at my portfolio to help??? OK...
Jin Choi
@JiniHendrix
Feb 13 2016 06:04
@N0bl3 first was with http://
second https://
whatdu need help with?
cannelflow
@cannelflow
Feb 13 2016 06:05
@Klees422 which exercise?
Alister Najib Mada
@alistermada
Feb 13 2016 06:05
@Klees422 You need to give your <img> element the "smaller-image" class
Alex N.
@N0bl3
Feb 13 2016 06:06
@JiniHendrix at least you're targeting the API for sure hum... can't you set theheader?
LoLRabbit
@KevinStaufy
Feb 13 2016 06:06
i tried giving it the smaller img class and it still wasnt working
Jin Choi
@JiniHendrix
Feb 13 2016 06:06
@N0bl3 not sure what that means
Jovvi Johnson
@jovjohnson
Feb 13 2016 06:07
@qualitymanifest i've been trying in the console but still can't decipher what it is
cannelflow
@cannelflow
Feb 13 2016 06:07
@JiniHendrix try using ajax
Mark
@mlawson3691
Feb 13 2016 06:07
@N0bl3 Looks great! one comment would be that on a larger monitor, the heading background (yellow stripe) stops stretching after it gets so large, making the page look kind of funny
Alex N.
@N0bl3
Feb 13 2016 06:07
@JiniHendrix well i usually avoid shorthands like this at all costs. Can you do it doing $.ajax() ?
LoLRabbit
@KevinStaufy
Feb 13 2016 06:07
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>

  .smaller-image {width: 100px:}

  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

  .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>
Jovvi Johnson
@jovjohnson
Feb 13 2016 06:07
i'm sure it's a variable error but i literally can't comprehend what it is i'm doing wrong
LoLRabbit
@KevinStaufy
Feb 13 2016 06:08
@N0bl3 do i have to put it into its own <style>?
Jin Choi
@JiniHendrix
Feb 13 2016 06:08
@N0bl3 kk ill look into it, havent learned it yet
Alex N.
@N0bl3
Feb 13 2016 06:08
@mlawson3691 interesting i'll take care of that -if i can!!!!!! - thanks for looking at it :) I had to work a lot because i'm vry bad at graphical stuff ^^
cannelflow
@cannelflow
Feb 13 2016 06:08
@Klees422 you img should have smaller-image class
CamperBot
@camperbot
Feb 13 2016 06:08
n0bl3 sends brownie points to @mlawson3691 :sparkles: :thumbsup: :sparkles:
:star: 84 | @mlawson3691 | http://www.freecodecamp.com/mlawson3691
greg
@wearenotgroot
Feb 13 2016 06:09
@jovjohnson try that :)
$(document).ready(function() {

var wordArray = [];
var previousGuesses = [];
var currentWord;
var guessesLeft;
var previousGuesses = [];

$(this).keydown(function(event) {
    event = event || window.event;
    console.log('working');
  if (event.keyCode == 13) {
    console.log('working');
    makeTiles();
  }

});

var wordBank = ["titanic", "bridesmaids", "inception", "jaws", "popcorn", "oscars", "hollywood", "friends", "emmy", "matilda", "scandal", "scream", "rugrats", "catfish", "cars", "bones", "glee", "speed", "dallas", "alias", "medium", "up", "pixar", "disney", "maleficent", "twilight", "glory", "boyhood", "selma", "frankenstein", "pinocchio", "badlands", "godfather", "casablanca", "psycho", "gladiator", "rocky", "braveheart", "goodfellas", "tootsie", "argo", "cheers", "felicity", "lost", "roots", "seinfeld", "survivor", "dexter", "bonanza", "boondocks", "monster", "girls", "ponyo", "pokemon", "taken", "cinderella", "shrek", "dumbo", "aladdin", "blow", "anastasia", "rushmore", "spellbound", "digimon", "icarly", "spongebob", "unfabulous", "victorious", "rent", "grease", "annie", "aristocrats", "manhattan", "vertigo", "bernie", "roseanne", "cops", "blade", "futurama", "ncis", "csi", "house", "portlandia", "jeopardy", "wimbledon", "halloweentown", "divergent", "birdman", "zombieland", "adventureland", "drive", "snapped", "cloverfield", "frankenweenie", "amelie", "juno", "gigli", "stepmom", "ghostbusters", "beetlejuice"];


// word selector
function pullWord() {
  currentWord = wordBank[Math.floor(Math.random() * wordBank.length)]; //<-------------------you wanted to get the word XD
  wordArray = currentWord.split("");
}
 function makeTiles() {
   var numOfTiles = wordBank.length;
  for(var i = 0; i < numOfTiles; i++) {
    $('.row').append('<div class="tile"></div>');
  }
}


  pullWord();
});
LoLRabbit
@KevinStaufy
Feb 13 2016 06:09
@cannelflow what do you mean by the smaller img class?
Alister Najib Mada
@alistermada
Feb 13 2016 06:09
@Klees422 <img> needs a "smaller-image" class like how your <p> elements have a "red-text" class. <p class="red-text">
Alex N.
@N0bl3
Feb 13 2016 06:10
@JiniHendrix if you want to learn, use the ajax method and define a maximum of headers :) look at the jquery doc for this. the others like $.post etc.. are just shorthands/preset
cannelflow
@cannelflow
Feb 13 2016 06:10
@Klees422 Create a class called smaller-image
LoLRabbit
@KevinStaufy
Feb 13 2016 06:10
@alistermada ooooo thanks!
CamperBot
@camperbot
Feb 13 2016 06:10
klees422 sends brownie points to @alistermada :sparkles: :thumbsup: :sparkles:
:star: 369 | @alistermada | http://www.freecodecamp.com/alistermada
LoLRabbit
@KevinStaufy
Feb 13 2016 06:10
@cannelflow thanks!
CamperBot
@camperbot
Feb 13 2016 06:10
klees422 sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 793 | @cannelflow | http://www.freecodecamp.com/cannelflow
Jin Choi
@JiniHendrix
Feb 13 2016 06:10
@N0bl3 gotcha thanks!
Alex N.
@N0bl3
Feb 13 2016 06:11
@JiniHendrix btw the getJSON() is the same as
$.ajax({
  dataType: "json",
  url: url,
  data: data,
  success: success
});
Jovvi Johnson
@jovjohnson
Feb 13 2016 06:13
@wearenotgoot that helped! wow
what was my error? what is window.event ??
LoLRabbit
@KevinStaufy
Feb 13 2016 06:14
@cannelflow yup still not getting it sadly idk if im to tired or what to get it
greg
@wearenotgroot
Feb 13 2016 06:14
@jovjohnson nope that just something extra
cannelflow
@cannelflow
Feb 13 2016 06:14
@Klees422 can you paste your code
LoLRabbit
@KevinStaufy
Feb 13 2016 06:14
<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>
DJ
@qualitymanifest
Feb 13 2016 06:15
@jovjohnson the error is here Math.floor(Math.random() * wordBank.length); should be the index to something
greg
@wearenotgroot
Feb 13 2016 06:15
@jovjohnson never rely on js hoisting
moved the method call at the bottom
 pullWord();
cannelflow
@cannelflow
Feb 13 2016 06:16
@Klees422 i don't see any smaller-image class in img tag
greg
@wearenotgroot
Feb 13 2016 06:16
@jovjohnson also yea you wanted the words on the wordBank but intead you just created random number then tried to split it
LoLRabbit
@KevinStaufy
Feb 13 2016 06:16
@cannelflow how would i go about adding that into the img tag?
cannelflow
@cannelflow
Feb 13 2016 06:16
@Klees422
<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"> <------- add class smaller-image here

<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>
greg
@wearenotgroot
Feb 13 2016 06:16
@jovjohnson which resulted to an error
LoLRabbit
@KevinStaufy
Feb 13 2016 06:17
@cannelflow so i add it to the end ahh
cannelflow
@cannelflow
Feb 13 2016 06:17
@Klees422 <img src="#" class="abc">
LoLRabbit
@KevinStaufy
Feb 13 2016 06:17
@cannelflow ahh i see thanks again haha
CamperBot
@camperbot
Feb 13 2016 06:17
klees422 sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:warning: klees422 already gave cannelflow points
cannelflow
@cannelflow
Feb 13 2016 06:17
@Klees422 :+1:
Jovvi Johnson
@jovjohnson
Feb 13 2016 06:17
so the append function is at least working now but it's still not doing what it should be with the loop, which is creating tiles based on the number of letters in a given word
@qualitymanifest indexed to what?
greg
@wearenotgroot
Feb 13 2016 06:19

@jovjohnson @qualitymanifest meant this----->
what you had

Math.floor(Math.random() * wordBank.length);

should be

wordBank[Math.floor(Math.random() * wordBank.length)];
DJ
@qualitymanifest
Feb 13 2016 06:19
@jovjohnson wordBank[index]. @wearenotgroot has pointed out the other problems
and with that, i go to sleep. hopefully i have nightmares helpful dreams about solving tic tac toe. goodnight all
Jovvi Johnson
@jovjohnson
Feb 13 2016 06:23
ahh, okay i see that. thanks @qualitymanifest @wearenotgroot
CamperBot
@camperbot
Feb 13 2016 06:23
jovjohnson sends brownie points to @qualitymanifest and @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 956 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
:star: 811 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
greg
@wearenotgroot
Feb 13 2016 06:23
@jovjohnson YW
DJ
@qualitymanifest
Feb 13 2016 06:23
@jovjohnson np :+1:
greg
@wearenotgroot
Feb 13 2016 06:23
@qualitymanifest have a good one
DJ
@qualitymanifest
Feb 13 2016 06:23
@wearenotgroot you too :wave:
Brian
@sludge256
Feb 13 2016 06:24
What are you guys doing in here?
It's like we switched rooms tonight.
greg
@wearenotgroot
Feb 13 2016 06:25
@sludge256 just woke up
@N0bl3 looks good, however might want to check on mobile size devices
@N0bl3 the project sections are a bit squeezed :smile:
Alex N.
@N0bl3
Feb 13 2016 06:34
@wearenotgroot i'll add a min-width or adjust my grid framework :)
@wearenotgroot thanks :D
CamperBot
@camperbot
Feb 13 2016 06:34
n0bl3 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 812 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
greg
@wearenotgroot
Feb 13 2016 06:38
@N0bl3 :+1:
Alex N.
@N0bl3
Feb 13 2016 06:42
@wearenotgroot do you think i can post it for the front end assessment?
greg
@wearenotgroot
Feb 13 2016 06:49
@N0bl3 try it and get more feedback
David Enos
@bluedangerforyou
Feb 13 2016 06:52
howdy all
May I ask a question please?
In this lesson: Target Elements by Class Using jQuery
it is asking me to First, let's target your div elements with the class well by using the $(".well") selector.
my question is, do i replace current function or do I add new line with new function?
Balogun Mansuur Adewale
@AllrightConcepts
Feb 13 2016 06:55
Please house
Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo
Make sure your form element has a closing tag.
My code

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

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

Lin Yuan
@YUANLIN327
Feb 13 2016 06:56
anyone knows how to convert binary data like "01000001" to its corresponding string?
David Enos
@bluedangerforyou
Feb 13 2016 06:57
where are those two lines nested? @AllrightConcepts AllrightConcepts
greg
@wearenotgroot
Feb 13 2016 06:59
@bluedangerforyou try and add, it will override the effect if it is the same target
Dinoop
@Dnpjose
Feb 13 2016 06:59
@bluedangerforyou Add a new line with new function
Balogun Mansuur Adewale
@AllrightConcepts
Feb 13 2016 07:00
@bluedangerforyou I dont understand
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
greg
@wearenotgroot
Feb 13 2016 07:01
@YUANLIN327 ----->watch tutorials on what is binary https://www.youtube.com/watch?v=ETsfylK7kzM
@YUANLIN327 then go and check the ascii code
@YUANLIN327 as you may recall previous challenges the use of charCodeAt and String.fromCharCode(arg) will be helpful
Lin Yuan
@YUANLIN327
Feb 13 2016 07:03
Got it. Using parseInt(string,2) then using String.fromCharCode
greg
@wearenotgroot
Feb 13 2016 07:03
@YUANLIN327 have fun :smile:
Lin Yuan
@YUANLIN327
Feb 13 2016 07:03
thanx @wearenotgroot
CamperBot
@camperbot
Feb 13 2016 07:03
yuanlin327 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 813 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
David Enos
@bluedangerforyou
Feb 13 2016 07:04
nest that input into the form element
@Dnpjose thanks!!
CamperBot
@camperbot
Feb 13 2016 07:04
bluedangerforyou sends brownie points to @dnpjose :sparkles: :thumbsup: :sparkles:
:star: 183 | @dnpjose | http://www.freecodecamp.com/dnpjose
Balogun Mansuur Adewale
@AllrightConcepts
Feb 13 2016 07:08
I hv got it
David Enos
@bluedangerforyou
Feb 13 2016 07:08
yay
what did you do @AllrightConcepts
Matt Burd
@EskimoBurd
Feb 13 2016 07:37

https://gyazo.com/6563c6d5f89f8208516427d7c0270a64

where am i failing, felt like this was right but guess not

Travis
@TravisHi
Feb 13 2016 07:39
@wearenotgroot & @pradeepce are you here?
Bernardo Tapia
@bernart81
Feb 13 2016 07:40
@EskimoBurd you wrote many ""
Pradeep CE
@cepradeep
Feb 13 2016 07:40
@TravisHi Just signed in, hi!
Bernardo Tapia
@bernart81
Feb 13 2016 07:41
@EskimoBurd simple begining and end "pink-text blue-text" , separate classes with spaces
Travis
@TravisHi
Feb 13 2016 07:41
with your help I was able to make this @pradeepce thanks again http://codepen.io/TravisHi/pen/zrypXY?editors=1010
CamperBot
@camperbot
Feb 13 2016 07:41
travishi sends brownie points to @pradeepce :sparkles: :thumbsup: :sparkles:
:star: 281 | @pradeepce | http://www.freecodecamp.com/pradeepce
Matt Burd
@EskimoBurd
Feb 13 2016 07:42
@bernart81 ty ty ok cool
Pradeep CE
@cepradeep
Feb 13 2016 07:42
@TravisHi Looks great! Well done :)
greg
@wearenotgroot
Feb 13 2016 07:43
@TravisHi was on the other chat
@TravisHi looks good :+1:
weavermonkey
@weavermonkey
Feb 13 2016 07:45
The CSS box model is quite confusing...
Travis
@TravisHi
Feb 13 2016 07:45
thanks @wearenotgroot
CamperBot
@camperbot
Feb 13 2016 07:45
travishi sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 815 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
Brian
@sludge256
Feb 13 2016 07:48
halp
:dog:
:dog:
weavermonkey
@weavermonkey
Feb 13 2016 07:48
@sludge256 it should read <h1> not '<h_one>
Brian
@sludge256
Feb 13 2016 07:49
Wanted to see who was awake in the chat.
weavermonkey
@weavermonkey
Feb 13 2016 07:49
@sludge256 so help me out with the CSS box model then
Brian
@sludge256
Feb 13 2016 07:49
I will try.
weavermonkey
@weavermonkey
Feb 13 2016 07:50
not help with code
help me understand the theory behind it...
CamperBot
@camperbot
Feb 13 2016 07:50
no wiki entry for: me understand the theory behind it
Brian
@sludge256
Feb 13 2016 07:51
Any specific questions?
weavermonkey
@weavermonkey
Feb 13 2016 07:52
what exactly is a div
and how are border and margin different?
Brian
@sludge256
Feb 13 2016 07:53
A div is something you would use to organize your code and create sections.
You can apply CSS to the diiv so that it applies to everything inside th div
Margin is the empty space around the outside of the border
weavermonkey
@weavermonkey
Feb 13 2016 07:54
and border encloses the div?
David Enos
@bluedangerforyou
Feb 13 2016 07:55
border applies to your image-
like adding a frame around it
Bernardo Tapia
@bernart81
Feb 13 2016 07:55
@weavermonkey div is like a hide box with border you can create a line around div and marging you can separate of other divs or elements and padding you separate div of its content
Brian
@sludge256
Feb 13 2016 07:55
Well you can have a border around your div also (any html element at that)
Have you looked at this image?
weavermonkey
@weavermonkey
Feb 13 2016 07:56
yes
Brian
@sludge256
Feb 13 2016 07:56
The content area would be the content of your div or any other element
weavermonkey
@weavermonkey
Feb 13 2016 07:56
but other images depicted border and margin swapped
what color does the border have by default?
David Enos
@bluedangerforyou
Feb 13 2016 07:57

Definition and Usage
The <div> tag defines a division or a section in an HTML document.

The <div> tag is used to group block-elements to format them with CSS.

Brian
@sludge256
Feb 13 2016 07:58
black I think
but you would also have to enable the border
with border-style
weavermonkey
@weavermonkey
Feb 13 2016 07:59
if the border isn't enabled, it exists, but doesn't show up?
Brian
@sludge256
Feb 13 2016 08:01
Default is no border
Brandon
@Brandondoescode
Feb 13 2016 08:01
Hi there, I'm needing help on one of the trials I'm working on, how do I post a picture of it to chat so someone can tell me whats wrong?
weavermonkey
@weavermonkey
Feb 13 2016 08:02
thanks
Brian
@sludge256
Feb 13 2016 08:03
just copy and paste the code using the code block option
explain format
CamperBot
@camperbot
Feb 13 2016 08:03

:point_right: code formatting [wiki]

Inline code

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

Code Block

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

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

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

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

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

Brandon
@Brandondoescode
Feb 13 2016 08:03

' $(document).ready(function($("button").addClass("animated bounce");) {

});'

' $(document).ready(function($("button").addClass("animated bounce");) {

});'

I'm dumb :[
David Enos
@bluedangerforyou
Feb 13 2016 08:04
what you trying to do @Brandondoescode
you need to put your code in the {}
no the ()
Brandon
@Brandondoescode
Feb 13 2016 08:04
so embarrassing, thank you
David Enos
@bluedangerforyou
Feb 13 2016 08:04

$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
$("#target3").addClass("animated fadeOut");
$("button").removeClass("btn-default");

});

Brian
@sludge256
Feb 13 2016 08:05
I'm off. Good luck :+1:
Brandon
@Brandondoescode
Feb 13 2016 08:05
Oh so it goes in the same place you'd put things in css, makes total sense now
David Enos
@bluedangerforyou
Feb 13 2016 08:06
yes!
cannelflow
@cannelflow
Feb 13 2016 08:06
$(document).ready(function(){

select class here
});
@Brandondoescode
David Enos
@bluedangerforyou
Feb 13 2016 08:06
see ^^^ how it is in the { {
{}
Brandon
@Brandondoescode
Feb 13 2016 08:07
Yeah totally, for a complete newb like my that wasn't readily apparent haha
@bluedangerforyou @cannelflow Thanks!
CamperBot
@camperbot
Feb 13 2016 08:09
brandondoescode sends brownie points to @bluedangerforyou and @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 795 | @cannelflow | http://www.freecodecamp.com/cannelflow
:warning: could not find receiver for bluedangerforyou
cannelflow
@cannelflow
Feb 13 2016 08:10
@Brandondoescode :+1:
David Enos
@bluedangerforyou
Feb 13 2016 08:12
yes I am new to coding too
I have tried learning other programming but I could not get it
Here I am actually grasping the concepts
in a short period of time
Lavesh Chowdhary
@Laveshc
Feb 13 2016 08:15

hello guys, im stuck on the using objects for Lookups waypoint MY CODE:- function phoneticLookup(val) {
var result = "";

var table={
"alpha":"Adams",
"bravo":"Boston",
"charlie":"Chicago",
"delta":"Denver",
"echo":"Easy",
"foxtrot":"Frank"
};
return result;
}

phoneticLookup("charlie");

cannelflow
@cannelflow
Feb 13 2016 08:18
@Laveshc your result is empty assign it a value like how you are going to get value of Adams
like if you say phoneticLookup("alpha"); and it its there you need to reurn its value
shadowaegis
@shadowaegis
Feb 13 2016 08:42

Hi, can anyone give me a hand with this challenge?

Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.

my code:

<p> cat photos <a href="http://freecatphotoapp.com"><\a>
</p>
Jon Selig
@JonSelig
Feb 13 2016 08:43
The text should be inside of the <a></> tags
Brandon
@Brandondoescode
Feb 13 2016 08:44
<p> <a href="http://freecatphotoapp.com">cat photos<\a>
</p>
shadowaegis
@shadowaegis
Feb 13 2016 08:45

Like:

<p> <a href="http://freecatphotoapp.com"> cat photos<\a>
</p>?
Sorry, the <a></> is confusing.
Thank you for your reply tho

oh ok lemme try that rq ty guys
Brandon
@Brandondoescode
Feb 13 2016 08:45
at first glance its all confusing :P
Jon Selig
@JonSelig
Feb 13 2016 08:45
Sorry, I missed the second "a" :)
But yes that's correct
shadowaegis
@shadowaegis
Feb 13 2016 08:48
@Brandondoescode @JonSelig Thanks!
CamperBot
@camperbot
Feb 13 2016 08:48
shadowaegis sends brownie points to @brandondoescode and @jonselig :sparkles: :thumbsup: :sparkles:
:star: 14 | @jonselig | http://www.freecodecamp.com/jonselig
:star: 118 | @brandondoescode | http://www.freecodecamp.com/brandondoescode
shadowaegis
@shadowaegis
Feb 13 2016 08:49
tho im still having a problem
the challenge is: Link to External Pages with Anchor Elements
Brandon
@Brandondoescode
Feb 13 2016 08:49
Yeah?
shadowaegis
@shadowaegis
Feb 13 2016 08:49
im still not meeting the first and third requirements
Brandon
@Brandondoescode
Feb 13 2016 08:49
Whats the question weaver?
What are the requirements?
shadowaegis
@shadowaegis
Feb 13 2016 08:49
Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.
Your a element should have the anchor text of "cat photos".
You need an a element that links to http://freecatphotoapp.com
Make sure your a element has a closing tag.
<p><a href="http://freecatphotoapp.com">cat photos<\a>
</p> : last attempted code
Jon Selig
@JonSelig
Feb 13 2016 08:50

Try splitting on separate lines maybe

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

Hit enter too soon..
Brandon
@Brandondoescode
Feb 13 2016 08:50
nope
in his closing tab his /a is backward
/ not \
Jon Selig
@JonSelig
Feb 13 2016 08:50
Ah you're right
shadowaegis
@shadowaegis
Feb 13 2016 08:51
ah dang
haha
lemme try that
<p><a href="http://freecatphotoapp.com">cat photos</a>
</p>
Brandon
@Brandondoescode
Feb 13 2016 08:51
the coolest thing about codecamp is I literally learned html last night and im already able to help people... thats pretty amazing if you think about it
Ali Muhammad
@Ali-Elsbaee
Feb 13 2016 08:51
hey guys I don't understand why pairwise([0, 0, 0, 0, 1, 1], 1) should return 10 in this challenge
http://www.freecodecamp.com/challenges/pairwise
shadowaegis
@shadowaegis
Feb 13 2016 08:51
still not working
Brandon
@Brandondoescode
Feb 13 2016 08:51
@weavermonkey Did you figure it out?
shadowaegis
@shadowaegis
Feb 13 2016 08:53
well @Brandondoescode @JonSelig Thanks! anyway, ill tackle it again later
CamperBot
@camperbot
Feb 13 2016 08:53
shadowaegis sends brownie points to @brandondoescode and @jonselig :sparkles: :thumbsup: :sparkles:
:warning: shadowaegis already gave jonselig points
:warning: shadowaegis already gave brandondoescode points
adhikarinetwork
@adhikarinetwork
Feb 13 2016 09:05

/* Add a new album to the myMusic JSON object.
 * Add artist and title strings,
 * release_year number,
 * and a formats array of strings.
 */

/* Please Explain the Question 
 *
 * Below. Thank You.
 */


var myMusic = [
  {
    "artist": "Billy Joel",
    "title": "Piano Man",
    "release_year": 1973,
    "formats": [ 
      "CS", 
      "8T", 
      "LP" ],
    "gold": true
  }
  // Add record here

];



/* Following conditions must be satisfied:
 *
 *
 *
 *1* myMusic should be an array
 *
 *2* myMusic should have at least two elements
 *
 *3* myMusic[1] should be an object
 *
 *4* myMusic[1] should have at least 4 properties
 *
 *5* myMusic[1] should contain an artist property which is a string
 *
 *6* myMusic[1] should contain a title property which is a string
 *
 *7* myMusic[1] should contain a release_year property which is a number
 *
 *8* myMusic[1] should contain a formats property which is an array
 *
 *9* formats should be an array of strings with at least two elements
 */
This message was deleted
Indra Nugraha
@indrango
Feb 13 2016 09:11
wiki Return Early Pattern for Functions
CamperBot
@camperbot
Feb 13 2016 09:11

:point_right: challenge return early pattern for functions [wiki]

Challenge: Return Early Pattern for Functions

When a return statement is reached, the execution of the current function stops and control returns to the calling location.

Example

function myFun() {
  console.log("Hello");
  return "World";
  console.log("byebye")
}
myFun();

The above outputs "Hello" to the console, returns "World", but "byebye" is never output, because the function exits at the return statement.
:pencil: read more about challenge return early pattern for functions on the FCC Wiki

Indra Nugraha
@indrango
Feb 13 2016 09:13
Somebody can help me, i have some problem with return early pattern challenges
This is my code :smile:

// Setup
function abTest(a, b) {
// Only change code below this line
console.log(b);
if (a < 0) {
return "undefined";
} else if ( b < 0 ) {
return "undefined";
}

// Only change code above this line

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

// Change values below to test your code
abTest(-2,2);
abTest(2,-2);

Conflict
@prusso
Feb 13 2016 09:14
is this link not working for anyone else as well? http://www.freecodecamp.com/challenges/watch-us-code-live-on-twitchtv
Alexander Køpke
@alexanderkopke
Feb 13 2016 09:15
@prusso working fine here
adhikarinetwork
@adhikarinetwork
Feb 13 2016 09:15
This message was deleted
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 09:15
@indrango do: if(a<0 || b<0){
Conflict
@prusso
Feb 13 2016 09:16
@alexanderkopke what are you getting when you go to that link?
adhikarinetwork
@adhikarinetwork
Feb 13 2016 09:17

/* Add a new album to the myMusic JSON object.
 * Add artist and title strings,
 * release_year number,
 * and a formats array of strings.
 */



var myMusic = [
  {
    "artist": "Billy Joel",
    "title": "Piano Man",
    "release_year": 1973,
    "formats": [ 
      "CS", 
      "8T", 
      "LP" ],
    "gold": true
  }
  // Add record here

];



/* Following conditions must be satisfied:
 *
 *
 *
 *1* myMusic should be an array : true
 *
 *2* myMusic should have at least two elements : false
 *
 *3* myMusic[1] should be an object : false
 *
 *4* myMusic[1] should have at least 4 properties : false
 *
 *5* myMusic[1] should contain an artist property which is a string : false
 *
 *6* myMusic[1] should contain a title property which is a string : false
 *
 *7* myMusic[1] should contain a release_year property which is a number : false
 *
 *8* myMusic[1] should contain a formats property which is an array : false
 *
 *9* formats should be an array of strings with at least two elements : false
 */
Indra Nugraha
@indrango
Feb 13 2016 09:17
@Raunaq-Jain Like this?

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

// Only change code above this line

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

// Change values below to test your code
abTest(-2,2);
abTest(2,-2);

Not pass this challenge, but logic is true?
Alexander Køpke
@alexanderkopke
Feb 13 2016 09:17
@prusso a gif showing how to sign up to twitch and follow freecodecamp there
Conflict
@prusso
Feb 13 2016 09:18
hmm weird.
Alexander Køpke
@alexanderkopke
Feb 13 2016 09:18
@prusso maybe you can go to http://www.twitch.tv/ and do it manually
Conflict
@prusso
Feb 13 2016 09:20
its working now, cheers
adhikarinetwork
@adhikarinetwork
Feb 13 2016 09:21

/* Add a new album to the myMusic JSON object.
 * Add artist and title strings,
 * release_year number,
 * and a formats array of strings.
 */



var myMusic = [
  {
    "artist": "Billy Joel",
    "title": "Piano Man",
    "release_year": 1973,
    "formats": [ 
      "CS", 
      "8T", 
      "LP" ],
    "gold": true
  }
  // Add record here

];



/* Following conditions must be satisfied:
 *
 *
 *
 *1* myMusic should be an array : true
 *
 *2* myMusic should have at least two elements : false
 *
 *3* myMusic[1] should be an object : false
 *
 *4* myMusic[1] should have at least 4 properties : false
 *
 *5* myMusic[1] should contain an artist property which is a string : false
 *
 *6* myMusic[1] should contain a title property which is a string : false
 *
 *7* myMusic[1] should contain a release_year property which is a number : false
 *
 *8* myMusic[1] should contain a formats property which is an array : false
 *
 *9* formats should be an array of strings with at least two elements : false
 */
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 09:22
@indrango "undefined" is not the same as undefined
Grippler
@Grippler
Feb 13 2016 09:23
Hi guys, how do i specify different styles of a font? I have found a google webfont that I want to use, and i have 3 different styles of that font I want to use.
Indra Nugraha
@indrango
Feb 13 2016 09:23
@Raunaq-Jain Done, i just add console.log under first if
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 09:23
@indrango do
return undefined;
Indra Nugraha
@indrango
Feb 13 2016 09:23
That key word not string?
@Raunaq-Jain
Yes, that's right
'undefined' differet with undefined
Thanks @Raunaq-Jain
CamperBot
@camperbot
Feb 13 2016 09:25
indrango sends brownie points to @raunaq-jain :sparkles: :thumbsup: :sparkles:
:star: 268 | @raunaq-jain | http://www.freecodecamp.com/raunaq-jain
Alexander Køpke
@alexanderkopke
Feb 13 2016 09:32
@Grisling in the head tag you can add your fonts like this <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> then you can use them in your css font-family: 'Roboto'; for font Roboto used here as example. I think quotes around the google fonts are necessary but not sure
Grippler
@Grippler
Feb 13 2016 09:36
@alexanderkopke I have that, but i want to use a bold 400, 700 and italic of the same font. They should all have been added by this line: <link href='https://fonts.googleapis.com/css?family=Josefin+Slab:400,700,600italic' rel='stylesheet' type='text/css'>
but i dont know how to actually use the different types of the font
on different pieces of tecxt
adhikarinetwork
@adhikarinetwork
Feb 13 2016 09:38
help 203
CamperBot
@camperbot
Feb 13 2016 09:38
no wiki entry for: 203
Alexander Køpke
@alexanderkopke
Feb 13 2016 09:40
@Grisling one moment. I'll have to look into that
Grippler
@Grippler
Feb 13 2016 09:41
@alexanderkopke much appreciated, thanks! :)
CamperBot
@camperbot
Feb 13 2016 09:41
grisling sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star: 474 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Feb 13 2016 09:48
@Grisling ok haven't tested it but it seems the numbers 400, 700 you use them in font-weight:400; or font-weight:700; italic I'll have to experiment but may font-weight: 600italic; not sure tho
Brock
@brockwei
Feb 13 2016 09:49
how do you add padding to an image before the border?
Grippler
@Grippler
Feb 13 2016 09:49
@alexanderkopke thanks, I'll just experiment myself :)
CamperBot
@camperbot
Feb 13 2016 09:49
grisling sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:warning: grisling already gave alexanderkopke points
Brock
@brockwei
Feb 13 2016 09:49
how do you change the color of padding?
Pradeep CE
@cepradeep
Feb 13 2016 09:50

@brockwei

padding: 10px 10px 20px 23px;

Something like that. The instructions in the waypoints explain it nicely.

@brockwei Sorry, misread your question.
Since padding is part of the element, you can only change the element's background-color.
Grippler
@Grippler
Feb 13 2016 09:54
@alexanderkopke solved it with font-style: italic :)
Alexander Køpke
@alexanderkopke
Feb 13 2016 09:54
@Grisling sweet! :)
adhikarinetwork
@adhikarinetwork
Feb 13 2016 09:57
// Setup
var myPlants = [
  { 
    type: "flowers",
    list: [
      "rose",
      "tulip",
      "dandelion"
    ]
  },
  {
    type: "trees",
    list: [
      "fir",
      "pine",
      "birch"
    ]
  }  
];

// Only change code below this line

var secondTree = "myPlants.list[1]"; // Change this line

/*
1. secondTree should equal "pine"

2. Use dot and bracket notation to access myPlants
*/
Kamal Sharif
@ksharifbd
Feb 13 2016 09:57
Anyone facing issues in FCC challenge map? Clicking on links there is showing an error message.
Ademola Adegbuyi
@ooade
Feb 13 2016 09:58
@adhikarinetwork you have to check through the index(1) of myPlants in order to access the secondTree;
Pradeep CE
@cepradeep
Feb 13 2016 09:58
@ksharifbd Same here. Let's wait a while.
Kamal Sharif
@ksharifbd
Feb 13 2016 09:58
sure.
adhikarinetwork
@adhikarinetwork
Feb 13 2016 10:03
@marhyorh thanks
CamperBot
@camperbot
Feb 13 2016 10:03
adhikarinetwork sends brownie points to @marhyorh :sparkles: :thumbsup: :sparkles:
:star: 592 | @marhyorh | http://www.freecodecamp.com/marhyorh
srinjay
@srinjay
Feb 13 2016 10:07
did FCC change their map today?
batilc1
@batilc1
Feb 13 2016 10:08
Is there a neat soluton for the permutation challenge no repeats please?
Or are we really supposed to create all the possible permutations
Alexander Køpke
@alexanderkopke
Feb 13 2016 10:09
@srinjay maybe. I think they are changing the layout or something at the moment
Vishal Vaishnav
@vishal3011
Feb 13 2016 10:09
help
CamperBot
@camperbot
Feb 13 2016 10:09

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

Basic Commands:

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

:speech_balloon: meet CamperBot in this room!

:pencil: read more about camperbot on the FCC Wiki

Ademola Adegbuyi
@ooade
Feb 13 2016 10:10
@vishal3011 what help do you need?
noob247
@noob247365
Feb 13 2016 10:16
@batilc1 There is a neat way, but it's more or less just doing all combinations
batilc1
@batilc1
Feb 13 2016 10:27
@noob247365 instead of figuring out the exact combinations, i would randomly shuffle the string until the number of permutations are matched. that sure would take long but it s a smart way as well. Sadly, that wont work for the problem of the challenge
figuring out how to do combinations systematically is way harder than any problem presented here :D
Suhas Darsi
@suhasdarsi
Feb 13 2016 10:51
hey I'm trying to complete the bootstrap part
I did do the commenting part but I cannot move forward
can anyone help me with this
Pradeep CE
@cepradeep
Feb 13 2016 11:12
@suhasdarsi post your code and we will try to :)
naassi
@naassi
Feb 13 2016 11:21
function mutation(arr) {
   var newarr = [];

 for (var i = 0; i < arr.length; i ++) {
  for (var j = 0; j < arr[i].length; j ++) {
   newarr.push(arr[i][j].toLowerCase());

 } 
  /*Im a bit stuck one this one, I cant work out how to check individual letters of an arr against eachother, any idea*/ 

 }
  return newarr;
}
mutation(["hello", "Hello"]);
David Enos
@bluedangerforyou
Feb 13 2016 11:24
map is down now again?
srinjay
@srinjay
Feb 13 2016 11:24
yeah.yhink so
think so
David Enos
@bluedangerforyou
Feb 13 2016 11:25
I was on a roll :)
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:30
how to do this in javascript?
str = str[0].toUpperCase + str[0:];
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:31
@Raunaq-Jain need to add var behind str
Because its a way of telling Javascript that you declared str as a variable (aka, var)
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:32
@Qoyyuum str is the same variable, str[0]
@Qoyyuum anyhow that is working, this part str[0:] is not
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:34
@Raunaq-Jain what's your waypoint?
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:34
@Qoyyuum Title case a sentence
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:35
Can't access. FCC's map must be broken
George Garinis
@taz1821
Feb 13 2016 11:36
Oops! Something went wrong. Please try again later at map page
Brandon
@Brandondoescode
Feb 13 2016 11:36
can anyone tell me why the body background won't turn black for me?
<style>
$(document).ready(function(){
$("#list")css.("color", "red");

});

body{
background-color: black;
}

#beyoncepic{
width: 1000px;
}
h1{
font-family: knockout;
color: #f4c0d7;
text-align: center;
}
h3{
text-align: center;
}
.text{
font-family: Gadget;
}
</style>
George Garinis
@taz1821
Feb 13 2016 11:37
you have this $(document).ready(function(){
$("#list")css.("color", "red");
in your style
Brandon
@Brandondoescode
Feb 13 2016 11:37
dumb question ahead: is that not where it goes?
George Garinis
@taz1821
Feb 13 2016 11:37
this is js (javascript)
so it should be at <script></script>
Brandon
@Brandondoescode
Feb 13 2016 11:38
took it out... still don't have a black background tho
never mind it was just lagging
@taz1821 Thanks!
CamperBot
@camperbot
Feb 13 2016 11:38
brandondoescode sends brownie points to @taz1821 :sparkles: :thumbsup: :sparkles:
:star: 209 | @taz1821 | http://www.freecodecamp.com/taz1821
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:40
@Qoyyuum
@Qoyyuum Done :+1: , I just used a slice function
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:40
@Raunaq-Jain cool man!
Martín González
@martgnz
Feb 13 2016 11:42
hello! I’m stuck on the Nesting For Loops exercise
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:43
Well I can't see anything, but post your code here and we can guide you
Martín González
@martgnz
Feb 13 2016 11:43
I am not able to multiply each item on the arrays
Brandon
@Brandondoescode
Feb 13 2016 11:43
@taz1821 so when I threw that in the <script></script> it broke >_> any reason?
Martín González
@martgnz
Feb 13 2016 11:43
function multiplyAll(arr) {
  var product = 1;
  // Only change code below this line

  for (var i = 0; i < arr.length; i++) {
    for (var j = 0; j < arr[i].length; j++) {
      return product * arr[i][j];
    }
  }

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

// Modify values below to test your code
multiplyAll([[10,2],[3,4],[5,6,7]]);
here’s my code
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:44
@martgnz product=product * arr[i][j]
Brandon
@Brandondoescode
Feb 13 2016 11:44
@taz1821 I'm using codepen, when I threw it down in the JS section it worked immediately
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:44
rest is ok
Martín González
@martgnz
Feb 13 2016 11:44
@Raunaq-Jain thanks very much!! i was going crazy
CamperBot
@camperbot
Feb 13 2016 11:44
martgnz sends brownie points to @raunaq-jain :sparkles: :thumbsup: :sparkles:
:star: 272 | @raunaq-jain | http://www.freecodecamp.com/raunaq-jain
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:44
@Qoyyuum do you know how to declare an array with 0 of size n?
George Garinis
@taz1821
Feb 13 2016 11:44
@Brandondoescode i am cheking it
Martín González
@martgnz
Feb 13 2016 11:45
so product needs to be updated
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:45
@martgnz try to understand why yours wasn't working and mine worked
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:45
@Raunaq-Jain I knew this one but I forgot.
That's why I'm here at FCC. Revision :worried:
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:45
@Qoyyuum var a = [0,0,0,0,0]...?
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:46
Yes, that looks right
An object uses curly brackets
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:46
@Qoyyuum but what if n is veryyy large
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:46
so fruits = [apple, orange, grape]
It continues on
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:47
@Qoyyuum I know how to do this in c, c++, python and java... javascript - no idea
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:47
Its a matter of translating from one to the other
George Garinis
@taz1821
Feb 13 2016 11:47
@Brandondoescode because its part of jquery and it must included preloaded to your project?
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 11:47
@Qoyyuum say i need an array of size 100, all equal to 0 at start
I won't be doing 0,0,0,... 100 times
Brandon
@Brandondoescode
Feb 13 2016 11:48
@taz1821 its preloaded :x:
:[
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:48
How do you do it in Python? @Raunaq-Jain
Brandon
@Brandondoescode
Feb 13 2016 11:48
thats one angry sad face sorry lol
Abdul Qoyyuum
@Qoyyuum
Feb 13 2016 11:48
I'll translate it to Javascript
George Garinis
@taz1821
Feb 13 2016 11:49
@Brandondoescode so its working on codepen?
Brandon
@Brandondoescode
Feb 13 2016 11:50
@taz1821
only when its in the JS box but not the HTML box which is where I want it
George Garinis
@taz1821
Feb 13 2016 11:52

@Brandondoescode <!DOCTYPE html>

<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

mientje
@mientje
Feb 13 2016 11:58
I have started the tutorials on node.js and I am somewhat overwhelmed. I have figured out that I need to know how to use a linux command line. Right? Found some tutorial on codecademy. Next thing is that I am shown a path to extra documentation --> Documentation on the fs module can be found by pointing your browser here:
file:///home/ubuntu/.nvm/versions/node/v4.1.1/lib/node_modules/learnyounod
e/node_apidoc/fs.html
Now believe me I have been pointing and pointing but I can't find the damn documentation. Anyone?
George Garinis
@taz1821
Feb 13 2016 11:59
@Brandondoescode $("#list").css("color", "red"); this is the right
@Brandondoescode the dot should be before css
Brandon
@Brandondoescode
Feb 13 2016 11:59
oh jez haha thx ^^;
Herky
@herky91
Feb 13 2016 12:01
hello world
CamperBot
@camperbot
Feb 13 2016 12:01

welcome to FreeCodeCamp @herky91!

Herky
@herky91
Feb 13 2016 12:01
it's really difficult :(
George Garinis
@taz1821
Feb 13 2016 12:04
@herky91 welcome to FCC
Nikita Manahov
@Nikitaw99
Feb 13 2016 12:04
I have a question:
How do I link a .css file to a .html file?
afr0blue
@afr0blue
Feb 13 2016 12:05
function mutation(arr) {
  var strOne = arr[0];
  var strTwo = arr[1];
  strOne.toLowerCase();
  strTwo.toLowerCase();
  var strArrOne = strOne.split('');
  var strArrTwo = strTwo.split('');
  while (i < strTwo.length) {
    if (strOne.indexOf(strArrTwo[i] === -1) && i == strTwo.length) {
      return true;
    } else {
      return false;
    } i++;
  }
}
mutation(["hello", "hey"]);
Martín González
@martgnz
Feb 13 2016 12:07
@Nikitaw99 you have to link the file inside this tag: <link rel="stylesheet" type="text/css" href="theme.css”>
the href tag is a reference to your css file
George Garinis
@taz1821
Feb 13 2016 12:07
@Nikitaw99 <link rel="stylesheet" href="https://www.yoursite.com/test.css"> at <head > section
Martín González
@martgnz
Feb 13 2016 12:07
:)
afr0blue
@afr0blue
Feb 13 2016 12:07
i'm stuck on mutations.
Nikita Manahov
@Nikitaw99
Feb 13 2016 12:09
thanks @martgnz @taz1821 @martgnz
CamperBot
@camperbot
Feb 13 2016 12:09
nikitaw99 sends brownie points to @martgnz and @taz1821 and @martgnz :sparkles: :thumbsup: :sparkles:
:star: 44 | @martgnz | http://www.freecodecamp.com/martgnz
:star: 44 | @martgnz | http://www.freecodecamp.com/martgnz
:star: 210 | @taz1821 | http://www.freecodecamp.com/taz1821
afr0blue
@afr0blue
Feb 13 2016 12:10
i think my problem is with the returns. i only want to return true after all letters have been evaluated and are present in the first string. but stop evaluating and return false at any point if the letter i'm evaluating is not present.
please help.
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 12:14
@afr0blue I am just 2-3 challenges behind... will help you when I reach it
afr0blue
@afr0blue
Feb 13 2016 12:18
@Raunaq-Jain i'll keep messing with it until it works. that's gotten me this far!
Nikita Manahov
@Nikitaw99
Feb 13 2016 12:28
Guys, how do I clone a gist If I am it's owner?
help gist
CamperBot
@camperbot
Feb 13 2016 12:28

:point_right: registering your nonprofit to raise donations through free code camp commit [wiki]

Our commit program will feature a single nonprofit by default, and give campers the option of browsing through a list of other nonprofits they can pledge toward if they want.

If you'd like to be added to our list of nonprofits that our campers can commit to, please email us at team@freecodecamp.com with the following information:

  • the URL of a square photo of at least 300x300px that represents your organization (preferably an action shot of what your organization does with people in it)
  • a direct link to your donate page, or a page with a an embedded donation button (your donation page needs to have the option of recurring monthly payment, and allow increments of $5, $10, $25 and $50).

If we accept you, we will give you a special URL that leads directly to your nonprofit's Commit page. You can share in your social media to spur people to pledge to your nonprofit through Free Code Camp Commit.
:pencil: read more about registering your nonprofit to raise donations through free code camp commit on the FCC Wiki

Nikita Manahov
@Nikitaw99
Feb 13 2016 12:29
Guys, how do I clone a gist If I am it's owner?
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 12:30
@afr0blue i am stuck in chunky monkey lol, help me?
DinnerFingers
@DinnerFingers
Feb 13 2016 12:30
Guys my mind has just been blown, I had no idea CamperBot recieve brownie point, I feel like such a cow now lmao I owe him
afr0blue
@afr0blue
Feb 13 2016 12:35
@Raunaq-Jain i'd be happy to. post your code or describe your problem
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 12:35
@afr0blue ahhh, completed it just now
afr0blue
@afr0blue
Feb 13 2016 12:36
@Raunaq-Jain nice!
Raunaq Jain
@Raunaq-Jain
Feb 13 2016 12:38
@afr0blue if (strOne.indexOf(strArrTwo[i] === -1) && i == strTwo.length) {
remove this statement i==strTwo.length
It is always false
afr0blue
@afr0blue
Feb 13 2016 12:43
i threw out that whole statement and now i'm trying an alternative soloution @Raunaq-Jain
ibrahimahmed
@ibrahimahmed
Feb 13 2016 12:44
how to do this Your img element should have the class smaller-image.
any one
Lê Thành
@Luvata
Feb 13 2016 12:48
I need to review my lesson in FCC, but whenever I open Map and choose the lesson, "Oops! Something went wrong. Please try again later" appears ... Is there any solutions for this bug?
33ndgr
@33ndgr
Feb 13 2016 12:58
Can attach an img to a border using some div bootstrap style or something? I mean, the img must resize within the border, is that possible? Thanks!
33ndgr
@33ndgr
Feb 13 2016 13:03
Nevermind i found it
Class img-thumbnail
Joel Santos
@St3ps
Feb 13 2016 13:05
Does freecodecamp feature content for c#, asp.net and what not?
The test shows how CSS id rule takes precedence over class rule, but it is actually not preferred in practice.
Joel Santos
@St3ps
Feb 13 2016 13:16
What you're saying is that there should be a footnote of sorts mentioning that it's not something to be common place, is that it?
Liviu Tudor
@enzime4u
Feb 13 2016 13:25
hi there
Fred-209
@Fred-209
Feb 13 2016 13:25
Hello
Liviu Tudor
@enzime4u
Feb 13 2016 13:26
need some help : I finished the jquery part of the FCC and then got into basic js , I saw that there are also : Basic Front End Development Projects , but I don't have access to them
it says : opss there is a problem
:(
George Garinis
@taz1821
Feb 13 2016 13:30
@enzime4u i think FCC is working an update and all challenges redirect you at /map , you can find what you hae completed by scrolling up
Ademola Adegbuyi
@ooade
Feb 13 2016 13:31
@enzime4u they are working on it, keep on clicking and you will be granted access
Liviu Tudor
@enzime4u
Feb 13 2016 13:31
so....than I shall go back and solve those?
:|
George Garinis
@taz1821
Feb 13 2016 13:32
@enzime4u if (completed == "false") { yes }
Liviu Tudor
@enzime4u
Feb 13 2016 13:32
@taz1821 that's a good one
KoToZ
@Mohamedtareque
Feb 13 2016 13:38

hey guys
i can't under stand this

Convert JSON Data to HTML

json.forEach(function(val) {
  var keys = Object.keys(val);
  html += "<div class = 'cat'>";
  keys.forEach(function(key) {
    html += "<b>" + key + "</b>: " + val[key] + "<br>";
  });
  html += "</div><br>";
});
CatNipples98
@CatNipples98
Feb 13 2016 13:39

can someone help me with my code?
HTML code

<form class="info">
            <input id="name" type="text" placeholder="name"><br>
            <input id="age" type="text" placeholder="age"><br>
            <input id="country" type="text" placeholder="country"><br>
</form>

JS code

function infoUser(){
    var yourAge = parseInt(prompt("How old are you?"))
    var yourCountry = prompt("Where are you from?");
    var yourName = prompt("What's your name?");
    var user = {
        age: yourAge,
        country: yourCountry,
        name: yourName
};
    var name = user.name;
    var age = user.age;
    var country = user.country;
    document.getElementById("par1").innerHTML = "You name: " + name;
    document.getElementById("par2").innerHTML = "You country: " + country;
    document.getElementById("par3").innerHTML = "You age: " + age;

}

what I wanna do is that I wanna link the text input so that everytime someone puts something in the text it will be outputed but I don't know how to do this

naassi
@naassi
Feb 13 2016 13:40
Can anyone tell me why this isnt working ?
function mutation(arr) {
  var firstarr = arr[0].toLowerCase();
  var secondarr = arr[1].toLowerCase();
  var total = 0;
  for (var i = 0; i < firstarr.length; i ++) {

    if (firstarr.indexOf(secondarr[i])) {
      total += 1;
    } 
  } 
 return total >= secondarr.length;
}

mutation(["hello", "hey"]);
DinnerFingers
@DinnerFingers
Feb 13 2016 13:44
Can anyone tell my why my images aren't showing up in pen?
@naassi I think you need a [#] after .length but I'm no expert :o
Nicholas
@nick88p
Feb 13 2016 13:49
Can anyone tell me why this code doesn't past the exercise?
KoToZ
@Mohamedtareque
Feb 13 2016 13:49

@Mohamedtareque
hey guys
i can't under stand this

Convert JSON Data to HTML

json.forEach(function(val) {
  var keys = Object.keys(val);
  html += "<div class = 'cat'>";
  keys.forEach(function(key) {
    html += "<b>" + key + "</b>: " + val[key] + "<br>";
  });
  html += "</div><br>";
});
Nicholas
@nick88p
Feb 13 2016 13:50
var count = 0;

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

  switch (card) {
    case 2 || 3 || 4 || 5 || 6:
      count ++;
      break;

    case 7 || 8 || 9:
      break;

    case 10 || "J" || "Q" || "K" || "A":
      count --;
      break;
  }

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

  // Only change code above this line
}

// Add/remove calls to test your function.
// Note: Only the last will display
cc(2);
Can anyone tell me why this code doesn't past the card counting challenge?
DinnerFingers
@DinnerFingers
Feb 13 2016 13:51
@nick88p I was on this one yesterday, I didn't complete it but it looks nothing like what you have. That said can you tell me if you have checked off any of the goals under the instructions?
7,8,9 should have a value of 0, it could be something to do with that?
Nicholas
@nick88p
Feb 13 2016 13:52
@DinnerFingers 7,8,9 was the only one that passed
Nicholas
@nick88p
Feb 13 2016 13:57
The individual calls/invocations seem to work. But the sequences don't.
Anyone an idea?
agus21
@agus21
Feb 13 2016 14:01
1
naassi
@naassi
Feb 13 2016 14:01
@CatNipples98 I dont know if you can set the inner html of document.get....
I set the element var p1 = document.getElementById(p1);
then set p1.innerHTML =
Roger Skeie
@rogerskeie
Feb 13 2016 14:02
@nick88p I'm not sure you can use || in switch cases
agus21
@agus21
Feb 13 2016 14:02
1
joh9694
@joh9694
Feb 13 2016 14:03
Good morning! Can anyone help me with challenge 83 "use the bootstrap grid to put elements side by side"? I am trying to code it in and nest and I have that part but I'm not sure how to put the class other than .col-xs- and then making =4. Please help!
Roger Skeie
@rogerskeie
Feb 13 2016 14:03

@nick88p try:
case 2:
case 3:
case 4:
case 5:
case 6:

etc.

@nick88p And you don't need to have any switch or if condition for 7, 8 or 9 at all, since they don't affect the count
Nicholas
@nick88p
Feb 13 2016 14:06
@rogerskeie that works. I tried that before. But I wanted to make my code a bit nicer.
but you are totally right about the 7,8, 0 @rogerskeie Thanks.
CamperBot
@camperbot
Feb 13 2016 14:08
nick88p sends brownie points to @rogerskeie :sparkles: :thumbsup: :sparkles:
:star: 273 | @rogerskeie | http://www.freecodecamp.com/rogerskeie
Roger Skeie
@rogerskeie
Feb 13 2016 14:09
@nick88p for the 2 to 6, you could do an if, like this
if (card >= 2 && card <= 6) {
count++;
}
@nick88p that's what I did, and used a switch for the cards 10 to Ace
Nicholas
@nick88p
Feb 13 2016 14:13
@rogerskeie Thanks mate. That would save some characters.
CamperBot
@camperbot
Feb 13 2016 14:13
nick88p sends brownie points to @rogerskeie :sparkles: :thumbsup: :sparkles:
:warning: nick88p already gave rogerskeie points
Roger Skeie
@rogerskeie
Feb 13 2016 14:13
@nick88p you're welcome
joh9694
@joh9694
Feb 13 2016 14:15
I've figured it out! :D
budimanfix
@budimanfix
Feb 13 2016 14:26
Hello every one!! Why i can not go to next challenge on FCC? and said something went wrong ??
wobgirl03
@wobgirl03
Feb 13 2016 14:27
@budimanfix It has been saying the same thing to me all morning! But when I refresh the page a few times it works!
I
budimanfix
@budimanfix
Feb 13 2016 14:29
So nothing we can do, just waiting FCC page unless back to normal?? @wobgirl03
Nicholas
@nick88p
Feb 13 2016 14:30

var count = 0;

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

if (card >=2 && card<=6) {
   count++;
}
else if (card >=7 && card <=9) {
   count = count;
}
else {
   count--;
}

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

  // Only change code above this line
}

// Add/remove calls to test your function.
// Note: Only the last will display
cc(2);
voila, this one is even shorter and passes. I added the middle case, but therefore we don't have to deal with the last case explicitely.
wobgirl03
@wobgirl03
Feb 13 2016 14:31
@budimanfix I just kept clicking on it and it worked eventually. Just try a few times and the next challenge should load. That is at least how it worked for me.
Roger Skeie
@rogerskeie
Feb 13 2016 14:34
@nick88p nice. I didn't think about that with the else if for the 7 - 9
@nick88p you could have left that else if empty if you wanted
if (card >=2 && card<=6) {
   count++;
}
else if (card >=7 && card <=9) {
   // do nothing
}
else {
   count--;
}
@nick88p And you don't need to put return count + " Hold"; in an else. You can simply put that at the end of the function, because if the count is more than 0 it will return count + " Bet"; and exit the function before it reaches that statement.
Nicholas
@nick88p
Feb 13 2016 14:40
@rogerskeie Cool.
Thanks man.
Roger Skeie
@rogerskeie
Feb 13 2016 14:40
No problem
budimanfix
@budimanfix
Feb 13 2016 14:41
@wobgirl03 Yep, Thank you
CamperBot
@camperbot
Feb 13 2016 14:41
budimanfix sends brownie points to @wobgirl03 :sparkles: :thumbsup: :sparkles:
:star: 15 | @wobgirl03 | http://www.freecodecamp.com/wobgirl03
Mohammed Zaid Faridi
@zaidfaridi
Feb 13 2016 14:42
Hello World!
CamperBot
@camperbot
Feb 13 2016 14:42

welcome to FreeCodeCamp @zaidfaridi!

mjqblade
@mjqblade
Feb 13 2016 14:47

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>

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

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

it says my a element needs a dead link
Bartek
@dyczol
Feb 13 2016 14:48
hey guys, still stuck on Profile Lookup. any hints/suggestions ?
function lookUp(firstName, prop) {
// Only change code below this line
  for (var i = 0; i < contacts.length; i++) {
  if (contacts[i]["firstName"] == firstName) {
  if (contacts[i].hasOwnProperty(prop) == prop){
   return contacts[i][prop];
  }else {
    return "No such Contact";
  }

    }

  }
  return "No such property";
}

// Change these values to test your function
lookUp("Bob", "number");
mjqblade
@mjqblade
Feb 13 2016 14:49
uumm]
Tung Nguyen
@tungnt620
Feb 13 2016 14:52

@dyczol i think snippet code incorrect:

if (contacts[i].hasOwnProperty(prop) == prop){
   return contacts[i][prop];
  }

only need:

if (contacts[i].hasOwnProperty(prop)){
   return contacts[i][prop];
  }

because: method hasOwnProperty return bool type

mjqblade
@mjqblade
Feb 13 2016 14:53
tun need help
Bartek
@dyczol
Feb 13 2016 14:54
@tungnt620 lets see, give me a minute
mjqblade
@mjqblade
Feb 13 2016 14:54

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>

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

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

stuck on 28
Herky
@herky91
Feb 13 2016 14:59
hello world
CamperBot
@camperbot
Feb 13 2016 14:59

welcome to FreeCodeCamp @herky91!

Herky
@herky91
Feb 13 2016 14:59
how to closing tag ?
mjqblade
@mjqblade
Feb 13 2016 15:00
help plz
CamperBot
@camperbot
Feb 13 2016 15:00
no wiki entry for: plz
Herky
@herky91
Feb 13 2016 15:00
?
each of your p elements has a closing tag.
how to close the tag ?
Tung Nguyen
@tungnt620
Feb 13 2016 15:01
@herky91 simple for p tag: <p></p>
</p> is close the tag
mjqblade
@mjqblade
Feb 13 2016 15:01
what\
need help
how do you do javascript
on lvel 28
Herky
@herky91
Feb 13 2016 15:03

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

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<p>Kitty ipsum</p>

it's tell me Make sure each of your p elements has a closing tag.
Tung Nguyen
@tungnt620
Feb 13 2016 15:05
@herky91 p{font-size: 16px } </p> i see </p> unnecessary because syntax css (in style tag) incorrect
Hanosh
@Hanosh
Feb 13 2016 15:06
Hello World, every time I finish a challenge instead of going on to the next one I go back to the map with the error message "Oops! Something went wrong. Please try again later" on top of it. Is it just me? How do I fix it?
CamperBot
@camperbot
Feb 13 2016 15:06

welcome to FreeCodeCamp @Hanosh!

Herky
@herky91
Feb 13 2016 15:06
it's work
thanks
mjqblade
@mjqblade
Feb 13 2016 15:06
can someone help me
camper
tun]
Ulises Rangel
@urangel
Feb 13 2016 15:07
Hi @Hanosh I got the same error and just kept clicking the challenge and it eventually worked. No idea how to fix it otherwise
mjqblade
@mjqblade
Feb 13 2016 15:07

welcome to FreeCodeCamp @Hanosh!

Ulises Rangel
@urangel
Feb 13 2016 15:08
I'm trying to label a button but I'm unsure how to get it right... Could anyone help?
mjqblade
@mjqblade
Feb 13 2016 15:08

need help on num 28

Hanosh
@Hanosh
Feb 13 2016 15:09
Thanks @urangel , that's what I do to , I'll keep clicking then.
CamperBot
@camperbot
Feb 13 2016 15:09
hanosh sends brownie points to @urangel :sparkles: :thumbsup: :sparkles:
:star: 108 | @urangel | http://www.freecodecamp.com/urangel
mjqblade
@mjqblade
Feb 13 2016 15:10

need help on num 28

Ulises Rangel
@urangel
Feb 13 2016 15:10
mjq what do you need help with
mjqblade
@mjqblade
Feb 13 2016 15:10

in num 28

Leanne
@konayuki617
Feb 13 2016 15:10
Anyone else getting errors today? :(
mjqblade
@mjqblade
Feb 13 2016 15:11

ya

Leanne
@konayuki617
Feb 13 2016 15:12
okay! man I really wanted to try and finish javascript waypoints today, but I keep on getting errors. I suppose they're updating stuff.
mjqblade
@mjqblade
Feb 13 2016 15:13

need help on num 28

Tung Nguyen
@tungnt620
Feb 13 2016 15:14
I have a stuck in problem http://www.freecodecamp.com/challenges/exact-change
I don't understand this problem, please help me clear problem requirement
Alique Williams
@AliqueWilliams
Feb 13 2016 15:14
I can't use the HTMLelement.remove() function in a promise. Does anyone know why?
wobgirl03
@wobgirl03
Feb 13 2016 15:14
@konayuki617 yes a few people! Just keep clicking until it loads.
mjqblade
@mjqblade
Feb 13 2016 15:16

i need help in number 28

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>

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

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

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

it says your a elemnt shoud be a dead link with a href

Herky
@herky91
Feb 13 2016 15:17
hello
hello world
CamperBot
@camperbot
Feb 13 2016 15:18

welcome to FreeCodeCamp @herky91!

Herky
@herky91
Feb 13 2016 15:18
how to enter the class in img ?
Size your Images
mjqblade
@mjqblade
Feb 13 2016 15:18

camper can u help me

Herky
@herky91
Feb 13 2016 15:19
?
Hanosh
@Hanosh
Feb 13 2016 15:19
@mjqblade to make a dead link just replace the link address with #
like that <p>Click here for <a href="#">cat photos</a>.</p>
wobgirl03
@wobgirl03
Feb 13 2016 15:20
@herky91 this is the exmple that was provided <style>
.larger-image {
width: 500px;
}
</style>
mjqblade
@mjqblade
Feb 13 2016 15:21

thx hanosh

wobgirl03
@wobgirl03
Feb 13 2016 15:21
@herky91 just replace it with smaller-image and the 100px
Allison Anderson
@Allison80
Feb 13 2016 15:23
what’s with all the site bugs today?? like especially on the map?
mjqblade
@mjqblade
Feb 13 2016 15:23
its an update
srinjay
@srinjay
Feb 13 2016 15:23
@Allison80 i think they are updating the map
Allison Anderson
@Allison80
Feb 13 2016 15:24
i see, so hopefully it’s just temporary
@srinjay
srinjay
@srinjay
Feb 13 2016 15:24
should be
Avanglion
@Avanglion
Feb 13 2016 15:25

!n need of help !
working on the jQuery part of the course. The task is : "Make the second child in each of your well elements bounce. You must target the children of element with the target class."

I wrote " $(".target:nth-child(2)").addClass("animated-bounce"); ". Apparently, it's not right... Code:

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("background-color", "red");
$("#right-well").children().css("color", "orange");
$(".target:nth-child(2)").addClass("animated-bounce");
});
</script>

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

mjqblade
@mjqblade
Feb 13 2016 15:27

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> ## it says that the a element should be a dead link with a href attribute set to #.

Avanglion
@Avanglion
Feb 13 2016 15:30
@mjqblade maybe it wants the src of the img to be a dead link as well?
mjqblade
@mjqblade
Feb 13 2016 15:30
what
somnol
@somnol
Feb 13 2016 15:31
@Avanglion $(".target:nth-child(2)").addClass("animated", "bounce");
mjqblade
@mjqblade
Feb 13 2016 15:33

what do u mean

Avanglion
@Avanglion
Feb 13 2016 15:33
@somnol it was actually $(".target:nth-child(2)").addClass("animated bounce");, but thanks for pointing to the animated bounce -part :D
CamperBot
@camperbot
Feb 13 2016 15:34
avanglion sends brownie points to @somnol :sparkles: :thumbsup: :sparkles:
:star: 134 | @somnol | http://www.freecodecamp.com/somnol
Hanosh
@Hanosh
Feb 13 2016 15:35
@mjqblade I did exactly what you did in that challenge and it got validated.
Avanglion
@Avanglion
Feb 13 2016 15:35
@mjqblade I'm saying that the code looks good.
@mjqblade that, maybe it's a glitch OR that the challenge wants you to replace the src link of the img-element with a #
@mjqblade what number is the challenge?
Doandes Razvan
@Fuzyon
Feb 13 2016 15:36
can someone explain to me how the parameter "json" gets its value in this function?
$.getJSON("/json/cats.json", function(json) {
  $(".message").html(JSON.stringify(json));
});
Hanosh
@Hanosh
Feb 13 2016 15:37
@mjqblade I copy pasted your code in the challenge and it worked. Maybe try to click on run test instead of ctrl + enter
to validate
Otman Bouchari
@obouchari
Feb 13 2016 15:45
@Fuzyon function (json) {...} is a callback function, so when getJSON() run it will pass an argument (json that contains the info) to your callback so you can use it inside the callback. if that make sense ?
@mjqblade Or try to referesh the browser.
max77p
@max77p
Feb 13 2016 15:49
hey guys what program if any do you use to practice your javascript?
Otman Bouchari
@obouchari
Feb 13 2016 15:50
@max77p You can try https://repl.it/, but if you want a Text Editor you can try Atom.io
Doandes Razvan
@Fuzyon
Feb 13 2016 15:51
it does, thanks @obouchari
CamperBot
@camperbot
Feb 13 2016 15:51
fuzyon sends brownie points to @obouchari :sparkles: :thumbsup: :sparkles:
:star: 323 | @obouchari | http://www.freecodecamp.com/obouchari
Otman Bouchari
@obouchari
Feb 13 2016 15:52
@Fuzyon you're welcome
aaronK
@aaronk73
Feb 13 2016 15:52
may i have someone help me with my code
Irfan Syed
@syedirfan7
Feb 13 2016 15:52
blob
what is the font for free code camp?
Otman Bouchari
@obouchari
Feb 13 2016 15:52
@aaronk73 sure
max77p
@max77p
Feb 13 2016 15:52
@obouchari try to run something simple as this on that link you provided..but doesnt work
var originalNumber=10.23456;
var msg=originalNumber.toFixed(3);
aaronK
@aaronk73
Feb 13 2016 15:53
var myTotal = 20;
for (var i = 0; i< myArr.length; 1++) {
  myTotal += myArr[i];
}
thank you
Doandes Razvan
@Fuzyon
Feb 13 2016 15:53
type "i" instead of "1"
in your for loop
max77p
@max77p
Feb 13 2016 15:54
@obouchari oh nvermind i have to console.log it
Otman Bouchari
@obouchari
Feb 13 2016 15:54
@max77p Yep
Doandes Razvan
@Fuzyon
Feb 13 2016 15:54
that basically means you increment your "i" variable by one everytime the script runs
aaronK
@aaronk73
Feb 13 2016 15:54
@Fuzyon thank you
CamperBot
@camperbot
Feb 13 2016 15:54
aaronk73 sends brownie points to @fuzyon :sparkles: :thumbsup: :sparkles:
:star: 172 | @fuzyon | http://www.freecodecamp.com/fuzyon
Doandes Razvan
@Fuzyon
Feb 13 2016 15:55
no problem
aaronK
@aaronk73
Feb 13 2016 15:55
do i need the var myTotal = 20
@obouchari thank you
CamperBot
@camperbot
Feb 13 2016 15:55
aaronk73 sends brownie points to @obouchari :sparkles: :thumbsup: :sparkles:
:star: 324 | @obouchari | http://www.freecodecamp.com/obouchari
Doandes Razvan
@Fuzyon
Feb 13 2016 15:56
I think it needs to have a value of 0 at least, so that it can add to it
Otman Bouchari
@obouchari
Feb 13 2016 15:58
@aaronk73 It depends on the challenge, if they ask for initial value of 20 than its correct!
aaronK
@aaronk73
Feb 13 2016 15:58
var myTotal = 0;
for (var i = 0; i< myArr.length; i++) {
  myTotal += myArr[i];
}
thats what i did, and it says total is undefined