These are chat archives for FreeCodeCamp/Help

11th
Feb 2016
Dylan Larkins
@tmad40blue
Feb 11 2016 00:00
and then "nest" (or "put in between") your existing <input type="text"... code inside the <form> element you are going to create
Aleksander Gębicki
@Takumar
Feb 11 2016 00:00
@MaryanneKo okay, I give up, there is no need to explain you this problem by two persons, @tmad40blue started first, I haven't noticed it, so he will finish :-)
Dylan Larkins
@tmad40blue
Feb 11 2016 00:00
lol
no worries @Takumar
Marianna Kostopoulou
@MaryanneKo
Feb 11 2016 00:01
@tmad40blue so i will create a form element and then nest it in input type="text" ...
Dylan Larkins
@tmad40blue
Feb 11 2016 00:01
exactly, yes
Aleksander Gębicki
@Takumar
Feb 11 2016 00:01
@tmad40blue I am not worried, but she has two times more to read, when we do that together :-) So I quit.
Marianna Kostopoulou
@MaryanneKo
Feb 11 2016 00:01
thank you both @tmad40blue @Takumar for your help! :smile:
CamperBot
@camperbot
Feb 11 2016 00:01
maryanneko sends brownie points to @tmad40blue and @takumar :sparkles: :thumbsup: :sparkles:
:star: 2271 | @takumar | http://www.freecodecamp.com/takumar
:star: 127 | @tmad40blue | http://www.freecodecamp.com/tmad40blue
Dylan Larkins
@tmad40blue
Feb 11 2016 00:01
no problem @MaryanneKo
Marianna Kostopoulou
@MaryanneKo
Feb 11 2016 00:02
oooh i will send!! :)
Aleksander Gębicki
@Takumar
Feb 11 2016 00:02
@MaryanneKo you are welcome :-)
parkerb14
@parkerb14
Feb 11 2016 00:10
need help with an objective "Make sure each of your div elements has a closing tag." the other objective have already been completed it says "Nest all of your radio buttons inside one div with the class row. " and "Nest each of your radio buttons inside its own div with the class col-xs-6. " all of the ending div elements already have closing tags <div class="row">
<div class="col-xs-6">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
  <div class="row">
  <div class="col-xs-6">  
  <div class="col-xs-4">
  <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
  </div>

  <div class="row">
  <div class="col-xs-4">
  <div class="col-xs-6">
  <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
    </div>                                                    
Aleksander Gębicki
@Takumar
Feb 11 2016 00:11
@parkerb14 radio buttons are these: <input type="radio"... not <button> :-(
parkerb14
@parkerb14
Feb 11 2016 00:11
well then how come it says that those last two objectives are already completed?
Dylan Larkins
@tmad40blue
Feb 11 2016 00:12
@parkerb14 - could you post your entire code please?
parkerb14
@parkerb14
Feb 11 2016 00:13

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

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

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

<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>

<img src="http://bit.ly/fcc-running-cats" class="img-responsive">

  <div class="row">
  <div class="col-xs-6">  
  <div class="col-xs-4">
  <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
  </div>

  <div class="row">
  <div class="col-xs-6">  
  <div class="col-xs-4">
  <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
  </div>

  <div class="row">
  <div class="col-xs-4">
  <div class="col-xs-6">
  <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
    </div>

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

Dylan Larkins
@tmad40blue
Feb 11 2016 00:13
@parkerb14 - you have a mismatched number of <div> and </div>
Aleksander Gębicki
@Takumar
Feb 11 2016 00:13
@parkerb14 you have to nest these lines:
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
 <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
Dylan Larkins
@tmad40blue
Feb 11 2016 00:14
you have <div class="row"> <div class="col-xs-6"> <div class="col-xs-4">
Sandra Lyle
@lovedata1
Feb 11 2016 00:14
Your h2 element should now have the class text-primary. This is the only red x. on ditch custom css for bootstrap. any pointers?
Dylan Larkins
@tmad40blue
Feb 11 2016 00:14
and then you only have ONE </div> after that
@lovedata1 - could you post your code?
Aleksander Gębicki
@Takumar
Feb 11 2016 00:15
@parkerb14 build such structure:
<div class="row">
  <div class="col-xs-6">
    <label><input type="radio"...
  </div>
  <div class="col-xs-6">
    <label><input type="radio"...
  </div>
</div>
parkerb14
@parkerb14
Feb 11 2016 00:15
@Takumar thanks
CamperBot
@camperbot
Feb 11 2016 00:15
parkerb14 sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 2272 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Feb 11 2016 00:16
@parkerb14 you need two buttons of the same width, that's why you put them inside DIV with class "col-xs-6"
aaronK
@aaronk73
Feb 11 2016 00:16
@t3h2mas thank you
CamperBot
@camperbot
Feb 11 2016 00:16
aaronk73 sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:star: 111 | @t3h2mas | http://www.freecodecamp.com/t3h2mas
Nathan
@Fallingskies17
Feb 11 2016 00:18
I need help with something that I shouldn't need help with
The "Change the font size of an element" challenge won't go through for me
Andrew Charlebois
@andrewchar
Feb 11 2016 00:21
hey guys im having a little trouble with the way my portfolio images of finished work are being displayed. its made with bootstrap. could anyone help for a sec?
marclebanc
@marclebanc
Feb 11 2016 00:21
@Fallingskies17 could you post the code
Andrew Charlebois
@andrewchar
Feb 11 2016 00:21
ive been finished with the portfolio for a couple days but i just noticed adding something to my portfolio that something weird is happening.
Nathan
@Fallingskies17
Feb 11 2016 00:22
What is the preferred method of pasting code in chat
Andrew Charlebois
@andrewchar
Feb 11 2016 00:22
wiki format
CamperBot
@camperbot
Feb 11 2016 00:22

: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

Nathan
@Fallingskies17
Feb 11 2016 00:22
'''
CamperBot
@camperbot
Feb 11 2016 00:22
:bulb: to format code use backticks! ``` more info
Andrew Charlebois
@andrewchar
Feb 11 2016 00:23
here is my codepen, if you look at the portfolio section youll see that one of the images is being pushed down an entire row. i am unsure how to fix this
http://codepen.io/andrewchar/pen/NxLeje?editors=1100
ive been messing with the image length which seems to be the problem. but in my code i have max width and length set so im not sure what is going wrong
image height *
marclebanc
@marclebanc
Feb 11 2016 00:25
@Fallingskies17 you used the single quotation mark ' instead of the backtick `
@Fallingskies17 backtick is located on the ~ key left to 1
Nathan
@Fallingskies17
Feb 11 2016 00:27
I can't send chats anymore
nevermind
<style>
  .red-text {
    color: red;
  } 
  p {
     font-size: 16px;
  }
</style>

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

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

<p class="red-text">Create a second p element with the following kitty ipsum 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>
marclebanc
@marclebanc
Feb 11 2016 00:27
once you start the backtick format is switches to code, press the keyboard on the chatbox to return to chat
Nathan
@Fallingskies17
Feb 11 2016 00:28
I hit the ctrl key and it switched something
Anyways, for some reason I can't pass the challenge that wants the paragraphs to be 16px font size. Even though they are and I did it how they asked
marclebanc
@marclebanc
Feb 11 2016 00:29
@Fallingskies17 only the first <p> is supposed to have the "red-text" class
Nathan
@Fallingskies17
Feb 11 2016 00:30
I also just noticed I copy pasted a bit too much in the second one
@marclebanc Thanks I didn't realize that. Weird that they wanted the second one different
CamperBot
@camperbot
Feb 11 2016 00:30
fallingskies17 sends brownie points to @marclebanc :sparkles: :thumbsup: :sparkles:
:star: 215 | @marclebanc | http://www.freecodecamp.com/marclebanc
marclebanc
@marclebanc
Feb 11 2016 00:31
@Fallingskies17 just to showcase the fact that you can have different <p> elements stylized differently. Happy coding!
Nathan
@Fallingskies17
Feb 11 2016 00:33
Okay, kinda sad I got tripped up on one of the first lessons. I know the basics of JS just here for the more advanced side of it
marclebanc
@marclebanc
Feb 11 2016 00:36
@Fallingskies17 FCC can be particular about accepting the challenges as correct. make sure to pay attention to the checklist on the lower right hand side to pass the challenge
joh9694
@joh9694
Feb 11 2016 00:36
Hi everyone! I'm on challenge 43 right now and am having trouble coding in the id part. I tried to put it before the action in the same set of carrots, ex) <form id="cat-photo-app" action ="/submit-cat-photo"
that did not work so I tried after and also tried putting it into its own carrots. Can someone please explain to me what I am doing wrong and also how to correctly code this in. I really appreciate it! :)
sadell
@sadell
Feb 11 2016 00:38
Hi, problem with Make Dead Links using the Hash Symbol (a href = a #) is this ok or?
<a #="http://www.freecatphotoapp.com">
joh9694
@joh9694
Feb 11 2016 00:38
the # should be in the quotations :)
so the href should read href="#" then it will make it go to a dead link
marclebanc
@marclebanc
Feb 11 2016 00:39
<a href="#">text</a>
joh9694
@joh9694
Feb 11 2016 00:39
@sadell
sadell
@sadell
Feb 11 2016 00:39
Tnx @joh9694
CamperBot
@camperbot
Feb 11 2016 00:39
sadell sends brownie points to @joh9694 :sparkles: :thumbsup: :sparkles:
:star: 44 | @joh9694 | http://www.freecodecamp.com/joh9694
joh9694
@joh9694
Feb 11 2016 00:40
@marclebanc do you happen to know how to fix my issue above?
@sadell no problem! :D
sadell
@sadell
Feb 11 2016 00:41
but still no working :(
marclebanc
@marclebanc
Feb 11 2016 00:42
what is the title of 43
@joh9694 add a submit button?
joh9694
@joh9694
Feb 11 2016 00:43
it is set the id of an element
@sadell can you screenshot me what your code is? I'm so sorry that didn't work. did you see what @marclebanc wrote as well?
@sadell or just copy paste it :)
sadell
@sadell
Feb 11 2016 00:44
:)
marclebanc
@marclebanc
Feb 11 2016 00:44
@sadell yes the dead link syntax is <a href="#">placeholder text</a>
joh9694
@joh9694
Feb 11 2016 00:44
@sadell did it work?! :D :D
marclebanc
@marclebanc
Feb 11 2016 00:45
@joh9694 the form id should be "cat-photo-form" not cat-photo-app
joh9694
@joh9694
Feb 11 2016 00:46
oh my goodness lol let me try that then!
marclebanc
@marclebanc
Feb 11 2016 00:46
<form id="cat-photo-form" action="/submit-cat-photo">
sadell
@sadell
Feb 11 2016 00:46
Yes, @marclebanc tnx, i delete "href", my mistake...
CamperBot
@camperbot
Feb 11 2016 00:46
sadell sends brownie points to @marclebanc :sparkles: :thumbsup: :sparkles:
:star: 216 | @marclebanc | http://www.freecodecamp.com/marclebanc
Omar Richardson
@omie86
Feb 11 2016 00:47
Can someone explain to me how the .parent() selector works for $ ?
sadell
@sadell
Feb 11 2016 00:47
a href"#" ...
joh9694
@joh9694
Feb 11 2016 00:47
@marclebanc thank you so much!!
CamperBot
@camperbot
Feb 11 2016 00:47
joh9694 sends brownie points to @marclebanc :sparkles: :thumbsup: :sparkles:
:star: 217 | @marclebanc | http://www.freecodecamp.com/marclebanc
Alex Alan Nunes
@alexalannunes
Feb 11 2016 00:47
...
Dylan Larkins
@tmad40blue
Feb 11 2016 00:51
@omie86 - it selects the parent of whatever you are targeting before it
Omar Richardson
@omie86
Feb 11 2016 00:51
cool thanks @tmad40blue
CamperBot
@camperbot
Feb 11 2016 00:51
omie86 sends brownie points to @tmad40blue :sparkles: :thumbsup: :sparkles:
:star: 130 | @tmad40blue | http://www.freecodecamp.com/tmad40blue
Dylan Larkins
@tmad40blue
Feb 11 2016 00:52
example:
$("#bar").parent()

......

<foo>
  <bar>
  </bar>
</foo>
in that case, it looks for the parent of <bar> which is <foo>
Omar Richardson
@omie86
Feb 11 2016 00:57
awesome
JonthueM
@JonthueM
Feb 11 2016 01:03
help
// Initialize these three variables

var a = "5";

var b = "10";
var c = "I-am-a";

// Do not change code below this line

a = a + 1;
b = b + 5;
c = c + " String!";
CamperBot
@camperbot
Feb 11 2016 01:03
no wiki entry for: initialize these three variablesvar a 5var b 10var c i-am-a do not change code below this linea a 1b b 5c c string
Joseph
@revisualize
Feb 11 2016 01:05

Dear Ladies,

(And gentlemen)
There is a Puget Sound Programming Python (PuPPy) meetup tonight:
February Meeting at Dropbox -- Panel Discussion on Women in Software Engineering
http://www.meetup.com/PSPPython/events/228123877/
The live stream is available at:
https://www.youtube.com/watch?v=xoz8Acp40uA
Type: /collapse
Purna Kanneganti
@purnakanneganti
Feb 11 2016 01:12

@purnakanneganti
var Bike = function() {

// Only change code below this line.
var gear = 1;

this.setGear = function(change){
gear += change;
};
this.getGear = function() {
return gear;
};
};
did anyone got this challenge

Dylan Larkins
@tmad40blue
Feb 11 2016 01:13
@JonthueM - you've typed dashes in the "I-am-a" string, when the instructions have not told you to
Thomas Noe
@t3h2mas
Feb 11 2016 01:13
I miss puget sound
JonthueM
@JonthueM
Feb 11 2016 01:14
@tmad40blue True I started out without the dashes but decided to use them to see if I had done anything wrong
jetpackblues
@jetpackblues
Feb 11 2016 01:30
<p>
<a href='http://freecatphotoapp.com'>
cat photos
</a>
</p>
Thomas Noe
@t3h2mas
Feb 11 2016 01:31
explain format
CamperBot
@camperbot
Feb 11 2016 01:31

: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

jetpackblues
@jetpackblues
Feb 11 2016 01:31
Still tells me that it is incorrect, from anchor challenge
marcdaley
@marcdaley
Feb 11 2016 01:33

Hello, am I missing something in the following code to change the paragraphs to 16 point font? TIA.

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

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

jetpackblues
@jetpackblues
Feb 11 2016 01:33
the "cat photos" is the anchor of the link "http://freecatphotoapp.com"
It seems to still think that my "a" element needs anchor text and that I need an "a" element that is linked to "'http://freecatphotoapp.com'"
Dylan Larkins
@tmad40blue
Feb 11 2016 01:35
@marcdaley - your send <p> element shouldn't have a class in it, per the instructions
jetpackblues
@jetpackblues
Feb 11 2016 01:36
Is there something wrong with how i set it up?
Dylan Larkins
@tmad40blue
Feb 11 2016 01:36
@jetpackblues - sorry, bad memory - what do the instructions read in that challenge?
jetpackblues
@jetpackblues
Feb 11 2016 01:36

Here's an example:

<p>Here's a <a href="http://freecodecamp.com"> link to Free Code Camp</a> for you to follow.</p>

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

@tmad40blue
Dylan Larkins
@tmad40blue
Feb 11 2016 01:36
hmm
jetpackblues
@jetpackblues
Feb 11 2016 01:37
It also gives the error that my "a" element needs a closing tag
Dylan Larkins
@tmad40blue
Feb 11 2016 01:37
just to double-check, i would do it like this:
<p>
  <a href="http://freecatphotoapp.com">cat photos</a>
</p>
jetpackblues
@jetpackblues
Feb 11 2016 01:40
nope :/ @tmad40blue
Dylan Larkins
@tmad40blue
Feb 11 2016 01:40
@jetpackblues - which challenge number is this
er - what number does it say in the top right corner next to your picture
oh wait... just found it
you're nesting the <a> element inside a <p> element - don't do that yet, that's the next challenge :)
so just <a href='http://freecatphotoapp.com/'>cat photos</a> on its own line
marclebanc
@marclebanc
Feb 11 2016 01:43
yeah @jetpackblues no <p> element needed, a simple link element will work just fine
no need to nest it just yet
jetpackblues
@jetpackblues
Feb 11 2016 01:44
damn thanks!! @marclebanc and @tmad40blue
CamperBot
@camperbot
Feb 11 2016 01:44
jetpackblues sends brownie points to @marclebanc and @tmad40blue :sparkles: :thumbsup: :sparkles:
:star: 147 | @tmad40blue | http://www.freecodecamp.com/tmad40blue
:star: 219 | @marclebanc | http://www.freecodecamp.com/marclebanc
marclebanc
@marclebanc
Feb 11 2016 01:46
@marcdaley 2nd paragraph shouldn't have a class as per instructions as well as you have an extra curly bracket } a line below your font-size style
jetpackblues
@jetpackblues
Feb 11 2016 01:50
ok @tmad40blue I spoke too soon, still not working...
new code is
<a href="http://freecatphotoapp.com">cat photos</a>
Yonatan
@yadonis
Feb 11 2016 01:50
hello all, extreme noob here. Im having trouble with the resizing an image with css challenge. i have no idea how add the smaller-image class to the image. can anybody help?
marclebanc
@marclebanc
Feb 11 2016 01:51
link code plz
and whats the challenge title
Yonatan
@yadonis
Feb 11 2016 01:52
the challenge title is sizing your images

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

#22
marclebanc
@marclebanc
Feb 11 2016 01:54
start by making a class in the <style> css area
Ivan Marinov
@MadBulgarian
Feb 11 2016 01:54
Hello
Francisco Soares
@forbidden404
Feb 11 2016 01:54
After you submit any solution, do freecodecamp use its own solution to keep going in the next challenge? I just started the first challenge and I've noticed the order of some elements have changed after submitting
marclebanc
@marclebanc
Feb 11 2016 01:54
@yadonis such as <style>
.smaller-image { width: 100px;}
</style>
then when you add the image in the HTML you add the class by using a # in the element
Ivan Marinov
@MadBulgarian
Feb 11 2016 01:55
Is this the only group?
bitgrower
@bitgrower
Feb 11 2016 02:00
test
help rooms
CamperBot
@camperbot
Feb 11 2016 02:00

:point_right: help rooms [wiki]

Help Rooms

Choose the right room for your question!

:pencil: read more about help rooms on the FCC Wiki

bitgrower
@bitgrower
Feb 11 2016 02:00
there you go, @xWhiteGx
Yonatan
@yadonis
Feb 11 2016 02:00
This message was deleted
FarionLord
@FarionLord
Feb 11 2016 02:04
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

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

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

  <img src="http://bit.ly/fcc-running-cats" class="img-responsive">
  <div class="row">
  <div class="col-xs-4"
  <button class="btn btn-block btn-primary">Like</button>
</div>
  <div class="col-xs-4"
  <button class="btn btn-block btn-info">Info</button>
</div>
  <div class="col-xs-4"
  <button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    <label><input type="checkbox" name="personality"> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</div>
wot?
"Your buttons should all be nested within the same div element with the class row.
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
Make sure each of your button elements has a closing tag.
Make sure each of your div elements has a closing tag."
X= "Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4." "Make sure each of your div elements has a closing tag.
"
Matt Leonard
@matty22
Feb 11 2016 02:07
@FarionLord look at your first button div
actually look at all of them
the opening div tags I mean
Omar Richardson
@omie86
Feb 11 2016 02:08
^^
your div tags are open - should look like this
</div>
  <div class="col-xs-4">
  <button class="btn btn-block btn-info">Info</button>
</div>
  <div class="col-xs-4">
  <button class="btn btn-block btn-danger">Delete</button>
</div>
John Kolade
@JKolade936
Feb 11 2016 02:21
Hi, I'm having some trouble with Changing the Font Size of an Element. Can anyone help me?
Matt Leonard
@matty22
Feb 11 2016 02:21
Sure, what's the problem @Dudeman313
John Kolade
@JKolade936
Feb 11 2016 02:21
This is my code

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

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

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

But I keep getting that one requirement wrong.
Matt Leonard
@matty22
Feb 11 2016 02:22
Ok, which requirement is wrong?
What does it say?
Alister Najib Mada
@alistermada
Feb 11 2016 02:22
@Dudeman313 Your second <p> tag should not have any classes
John Kolade
@JKolade936
Feb 11 2016 02:22
It says: Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
Matt Leonard
@matty22
Feb 11 2016 02:23
Try what @alistermada said above.
Remove class="red-text" from the second <p> tag
John Kolade
@JKolade936
Feb 11 2016 02:24
I did, it worked. Thanks!
cannelflow
@cannelflow
Feb 11 2016 02:24
@Dudeman313 you don't need class red text in p tag i guess which exercise?
Matt Leonard
@matty22
Feb 11 2016 02:24
:muscle:
Alister Najib Mada
@alistermada
Feb 11 2016 02:24
:+1:
Joshua Guevarra
@jguevarra01
Feb 11 2016 02:25
Hey guys! I was wondering how do I nest my text input element within a form element
Matt Leonard
@matty22
Feb 11 2016 02:25
@jguevarra01 Can you show your code?
Joshua Guevarra
@jguevarra01
Feb 11 2016 02:25
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

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

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

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>

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

<form action="/submit-cat-photo"></form>
Matt Leonard
@matty22
Feb 11 2016 02:26
Whenever you see the word nest. It just means put it inside of something. So they want you to nest your input inside your form
Joshua Guevarra
@jguevarra01
Feb 11 2016 02:27
where would i put it within the form?
Matt Leonard
@matty22
Feb 11 2016 02:27
between <form> and </form>
cannelflow
@cannelflow
Feb 11 2016 02:27

<input type="text" placeholder="cat photo URL"> <--------- this is your input text nest it
@jguevarra01
Joshua Guevarra
@jguevarra01
Feb 11 2016 02:27
alright thanks I got it
:smile:
Matt Leonard
@matty22
Feb 11 2016 02:28
:muscle:
Quiet in here tonight
Brian
@sludge256
Feb 11 2016 02:31
Everyone is getting smarter.
FarionLord
@FarionLord
Feb 11 2016 02:34
thanks @matty22 and @omie86
CamperBot
@camperbot
Feb 11 2016 02:34
farionlord sends brownie points to @matty22 and @omie86 :sparkles: :thumbsup: :sparkles:
:star: 401 | @matty22 | http://www.freecodecamp.com/matty22
:star: 96 | @omie86 | http://www.freecodecamp.com/omie86
Matt Leonard
@matty22
Feb 11 2016 02:38
How am I gonna get those sweet, sweet brownie points if everyone is getting smarter? :P
FarionLord
@FarionLord
Feb 11 2016 02:40
well here's your chance... again... Me no compro....
Matt Leonard
@matty22
Feb 11 2016 02:40
Come at me brah!
FarionLord
@FarionLord
Feb 11 2016 02:41
the same exercise. Please elaborate.
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

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

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

  <img src="http://bit.ly/fcc-running-cats" class="img-responsive">
  <button class="btn btn-block btn-primary">Like</button>
  <button class="btn btn-block btn-info">Info</button>
  <button class="btn btn-block btn-danger">Delete</button>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    <label><input type="checkbox" name="personality"> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</div>
''Your buttons should all be nested within the same div element with the class row.
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4."
My comprehension skill is 10/8....
Matt Leonard
@matty22
Feb 11 2016 02:42
OK, so nested just means inside of. So let's do the first one first. Nest your buttons inside a div with the class row
FarionLord
@FarionLord
Feb 11 2016 02:43
so
Jose Dzireh Chong
@CodingDucky
Feb 11 2016 02:43
why doesn't my button work to change the background color?
FarionLord
@FarionLord
Feb 11 2016 02:43
<div class="row">
Matt Leonard
@matty22
Feb 11 2016 02:43
`<div class="row">all your buttons go here</div>
woops
FarionLord
@FarionLord
Feb 11 2016 02:43
~~~
Matt Leonard
@matty22
Feb 11 2016 02:44
<div class="row">all your buttons go here </div>
FarionLord
@FarionLord
Feb 11 2016 02:44
oh you already substitute for it.
ok
Matt Leonard
@matty22
Feb 11 2016 02:45
Ok, then the next is nest each button within a div with the class of col-xs-3?
So just do the same three times, once for each button.
FarionLord
@FarionLord
Feb 11 2016 02:46
so under the div class="row" make an another div class=col?
Matt Leonard
@matty22
Feb 11 2016 02:46
Yeah, nested inside of the row div, put the other 3 divs
So it'll look something like
Nvm. Show your code when you get done with that step
FarionLord
@FarionLord
Feb 11 2016 02:53
whistle Here take the brownies! Pretend like I totally close the div tags with "> " thanks @matty22
CamperBot
@camperbot
Feb 11 2016 02:53
farionlord sends brownie points to @matty22 :sparkles: :thumbsup: :sparkles:
:warning: farionlord already gave matty22 points
FarionLord
@FarionLord
Feb 11 2016 02:53
thanks @matty22
CamperBot
@camperbot
Feb 11 2016 02:53
farionlord sends brownie points to @matty22 :sparkles: :thumbsup: :sparkles:
Matt Leonard
@matty22
Feb 11 2016 02:53
Hahah!
CamperBot
@camperbot
Feb 11 2016 02:53
:warning: farionlord already gave matty22 points
FarionLord
@FarionLord
Feb 11 2016 02:53
umm
u still there?
@matty22
Matt Leonard
@matty22
Feb 11 2016 02:54
Yep
bitgrower
@bitgrower
Feb 11 2016 02:58
help rooms
CamperBot
@camperbot
Feb 11 2016 02:58

:point_right: help rooms [wiki]

Help Rooms

Choose the right room for your question!

:pencil: read more about help rooms on the FCC Wiki

palden @palden
Matt Leonard
@matty22
Feb 11 2016 03:07
Cant believe how quiet it is. Seems like the chat rooms have all been quieter since they rearranged them?
Nick
@ciscoscholar
Feb 11 2016 03:08
Hi. I am on challenge #75 and can't understand if there is a problem with my code or there is a bug.

I am trying to add second image after the first one and it just does not show up? <p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-relaxing-cat"></a>
<div>
<img class="img-responsive" scr="http://bit.ly/fcc-running-cats"></div>
<p>Things cats love:</p>

Matt Leonard
@matty22
Feb 11 2016 03:10
@ciscoscholar wiki format
wiki format
CamperBot
@camperbot
Feb 11 2016 03:10

: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

Matt Leonard
@matty22
Feb 11 2016 03:16
<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-relaxing-cat"></a>
<div>
<img class="img-responsive" scr="http://bit.ly/fcc-running-cats"></div>
<p>Things cats love:</p>
Do you need a div around it?
@ciscoscholar
Nick
@ciscoscholar
Feb 11 2016 03:17
no, I was jut experimenting
I can put h http://bit.ly/fcc-running-cats into browser and it will redirect me to an image
Brian
@sludge256
Feb 11 2016 03:19
You have it written as scr
Nick
@ciscoscholar
Feb 11 2016 03:19
but it does not open anything in this code (excercise), so I wonder if I do something wrong or there is a bug?
Brian
@sludge256
Feb 11 2016 03:19
instead of src
Nick
@ciscoscholar
Feb 11 2016 03:19
Ohh, that must be it then
thank you for the quick response - it's me silly
Arslan Sharshenaliev
@arslannyc
Feb 11 2016 03:19
hello everybody i need help))
Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
i cant change size of text
Brian
@sludge256
Feb 11 2016 03:20
@arslannyc don't add a class to your second p element
Arslan Sharshenaliev
@arslannyc
Feb 11 2016 03:20
pls help me with this
Brian
@sludge256
Feb 11 2016 03:20
What do you have so far?
Arslan Sharshenaliev
@arslannyc
Feb 11 2016 03:21

<style>
red-text {
color: red;

}
</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 im new here
Nick
@ciscoscholar
Feb 11 2016 03:22
I this the first it has to be '.red-text'
that is in style I mean
Arslan Sharshenaliev
@arslannyc
Feb 11 2016 03:23
fix it
Nick
@ciscoscholar
Feb 11 2016 03:23
and then you have to insert font size like this:
```<style>
just a sec - I am new here as well
Nerando Johnson
@nerajno
Feb 11 2016 03:24
gn folks
so i hopped off ffc for a bit to read the JavaScript book by Jon Duckett
so far so good
any comments from anyone who used it
Nick
@ciscoscholar
Feb 11 2016 03:25
<style>
  .larger-image {width:500px;} 
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>
that was for @arslannyc
Arslan Sharshenaliev
@arslannyc
Feb 11 2016 03:26
@ciscoscholar thanks a lot sir
CamperBot
@camperbot
Feb 11 2016 03:26
arslannyc sends brownie points to @ciscoscholar :sparkles: :thumbsup: :sparkles:
:star: 76 | @ciscoscholar | http://www.freecodecamp.com/ciscoscholar
Nick
@ciscoscholar
Feb 11 2016 03:26
my pleasure
Brian
@sludge256
Feb 11 2016 03:28
@ciscoscholar You posted code for a lesson he hasn't gotten to yet but it still meets minimum requirements
Nick
@ciscoscholar
Feb 11 2016 03:29
my bet, thank you for your help. how do I send browny points to you?
Cristián Berríos
@crisberrios
Feb 11 2016 03:29
@nerajno I've heard good comments from Duckett's books, they are very basic, but for a first step I guess its better than not reading anything
Brian
@sludge256
Feb 11 2016 03:30
thanks and their @name in the same message
Nick
@ciscoscholar
Feb 11 2016 03:30
thanks @sludge256
CamperBot
@camperbot
Feb 11 2016 03:30
ciscoscholar sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1413 | @sludge256 | http://www.freecodecamp.com/sludge256
J. Escobar
@Escosay
Feb 11 2016 03:33
Hey guys, have a question. Currently working on the CatPhotoApp using bootstrap, my delete text is cut off and the e is out of frame (on lesson 90) Is there a way to fix this or I'm going to ahead of myself here
Brian
@sludge256
Feb 11 2016 03:34
@Escosay I think it's just a problem with how the preview is implemented
that's CSS :P
Brian
@sludge256
Feb 11 2016 03:35
J. Escobar
@Escosay
Feb 11 2016 03:36
oh okay, thanks a lot, I was scanning through my work thinking I did something wrong, thanks again
Arslan Sharshenaliev
@arslannyc
Feb 11 2016 03:36
thanks @ciscoscholar
CamperBot
@camperbot
Feb 11 2016 03:36
arslannyc sends brownie points to @ciscoscholar :sparkles: :thumbsup: :sparkles:
:warning: arslannyc already gave ciscoscholar points
J. Escobar
@Escosay
Feb 11 2016 03:37
thanks @sludge256
CamperBot
@camperbot
Feb 11 2016 03:37
escosay sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1415 | @sludge256 | http://www.freecodecamp.com/sludge256
Daniel
@Hopp3r
Feb 11 2016 03:38
lmao @sludge256
john
@jpett0502
Feb 11 2016 03:41
ok so i don't understand the comment and uncomment thing
wouldn't comment be to open it and uncomment be to close it?
Brian
@sludge256
Feb 11 2016 03:43
<!-- comment -->
not a comment
john
@jpett0502
Feb 11 2016 03:44
so that an uncomment?
Matthew Baker
@matthew-baker01
Feb 11 2016 03:44
@jpett0502 where you have comment you place your comment
Brian
@sludge256
Feb 11 2016 03:45
@jpett0502 uncommenting would just mean remove both <!-- and -->
Matthew Baker
@matthew-baker01
Feb 11 2016 03:46
@jpett0502 <!-- open the comment and --> closes the comment
john
@jpett0502
Feb 11 2016 03:46
so whats comment out?
is comment out the same as closing the comment?
Brian
@sludge256
Feb 11 2016 03:47
oh comment out
that usually means turn it into a comment
so it doesn't get run as part of your code
Are you doing JS comments or HTML comments?
john
@jpett0502
Feb 11 2016 03:48
htlm
omg theres a difference??
Matthew Baker
@matthew-baker01
Feb 11 2016 03:48
So saying you want to comment out the words "Turn into comment" you put <!--Turn into comment-->
Brian
@sludge256
Feb 11 2016 03:48
it's just in syntax
purpose wise they're the same
john
@jpett0502
Feb 11 2016 03:49
ohhh ok i get it now

say i have text on
<!--

<h1> some text </h1>
-->

the "comments have to surround the elements

I'm used to OO programming where a comment " // " is on the same line
Brian
@sludge256
Feb 11 2016 03:52
@jpett0502 well with programming you have block quotes also
/*
commented
*/

//also commented
not commented
john
@jpett0502
Feb 11 2016 03:53
how did you get the black box
Brian
@sludge256
Feb 11 2016 03:53
explain format
CamperBot
@camperbot
Feb 11 2016 03:53

: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

Omar Richardson
@omie86
Feb 11 2016 03:55
alright my fellow coding friends I am done for today
Jacob Jimenez
@r00t1000
Feb 11 2016 03:56
Learn how Script Tags and Document Ready Work
How do I go abaout this?
sciblu
@sciblu
Feb 11 2016 03:57
I'm having trouble with -Accessing Objects Properties with Variables.
cannelflow
@cannelflow
Feb 11 2016 03:57
@sciblu tried something?
Jacob Jimenez
@r00t1000
Feb 11 2016 03:57

'''

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

<script>

</script>
'''

CamperBot
@camperbot
Feb 11 2016 03:57
:bulb: to format code use backticks! ``` more info
cannelflow
@cannelflow
Feb 11 2016 03:57
@r00t1000 what you need
Jacob Jimenez
@r00t1000
Feb 11 2016 03:58
Create a script element making sure it is valid and has a closing tag.
You should add $(document).ready(function() { to the beginning of your script element.
Close your $(document).ready(function() { function with });
Not sure what Im doing wrong
cannelflow
@cannelflow
Feb 11 2016 03:58
which exercise?
@r00t1000
Jacob Jimenez
@r00t1000
Feb 11 2016 03:59
Learn how Script Tags and Document Ready Work
@cannelflow
Dag Holmberg
@holmberd
Feb 11 2016 04:00
I wonder if it's bad coding practice to solve everything with for-loops
cannelflow
@cannelflow
Feb 11 2016 04:00
@r00t1000 at the top Create a script element making sure it is valid and has a closing tag.
Jacob Jimenez
@r00t1000
Feb 11 2016 04:00
Figured it out @cannelflow , it was just bad syntax
sciblu
@sciblu
Feb 11 2016 04:00

```var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};

// Only change code below this line;

var playerNumber = 16 ; // Change this Line
var player = testObj[16]; // Change this Line```
I understand I have to use brackets to access the object, but for var playerNumber it wants a number. If I type in var playerNumber = testObj[16] it's wrong and if I type in var playerNumber = 16, it's wrong.

Pradeep CE
@cepradeep
Feb 11 2016 04:00
@holmberd If it's an elegant way to do it, then why not! :)
Jacob Jimenez
@r00t1000
Feb 11 2016 04:00
Thanks anyway
cannelflow
@cannelflow
Feb 11 2016 04:00
@r00t1000 :+1:
Dag Holmberg
@holmberd
Feb 11 2016 04:01
@pradeepce that's what I feel, but some part of me is thinking it might be a mental damage from too much C at an early age :)
Stephen
@RubyRed1
Feb 11 2016 04:02
``` this is a test
Pradeep CE
@cepradeep
Feb 11 2016 04:02
@holmberd What are you trying to do?
cannelflow
@cannelflow
Feb 11 2016 04:03
var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};
// Only change code below this line;
var playerNumber = 16 ; // Change this Line
var player = testObj[16]; // Change this Line <-------Use the playerNumber variable to lookup player 16 in testObj using bracket notation.
@sciblu
Pradeep CE
@cepradeep
Feb 11 2016 04:03
@RubyRed1 Press Shift+Enter after ```
Collin
@collinferry
Feb 11 2016 04:03
@RubyRed1 You need to put code between the ticks.
Dag Holmberg
@holmberd
Feb 11 2016 04:03
@pradeepce nothing really, I'm just catching myself neglecting methods like reduce in favour of for
Stephen
@RubyRed1
Feb 11 2016 04:03
a b
Pradeep CE
@cepradeep
Feb 11 2016 04:04
@holmberd Ah, I'm not really there yet: just a day old :P
cannelflow
@cannelflow
Feb 11 2016 04:05
@sciblu ?
Stephen
@RubyRed1
Feb 11 2016 04:05
Thanks @pradeepce & @collinferry
CamperBot
@camperbot
Feb 11 2016 04:05
rubyred1 sends brownie points to @pradeepce and @collinferry :sparkles: :thumbsup: :sparkles:
:star: 265 | @collinferry | http://www.freecodecamp.com/collinferry
:star: 57 | @pradeepce | http://www.freecodecamp.com/pradeepce
Dag Holmberg
@holmberd
Feb 11 2016 04:06
@pradeepce gotcha!
Stephen
@RubyRed1
Feb 11 2016 04:06
Actually testing via mobile
<p>This is a paragraph. </p>
sciblu
@sciblu
Feb 11 2016 04:08
@cannelflow Thank you, I had trouble with this exercise.
CamperBot
@camperbot
Feb 11 2016 04:08
sciblu sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 773 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Feb 11 2016 04:09
@sciblu :+1:
james
@snakebones
Feb 11 2016 04:10
Does anyone know if truncate a string has bugs with the first two answers by counting in the three periods
Brian
@sludge256
Feb 11 2016 04:11

the three periods should be included in the length unless

If the num is less than or equal to 3, then the length of the three dots is not added to the string length.

james
@snakebones
Feb 11 2016 04:12
@sludge256 thank you very much
CamperBot
@camperbot
Feb 11 2016 04:12
snakebones sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1417 | @sludge256 | http://www.freecodecamp.com/sludge256
Jacob Jimenez
@r00t1000
Feb 11 2016 04:12
Is something wrong with my script?
This message was deleted
bitgrower
@bitgrower
Feb 11 2016 04:12
like @sludge256 says -- that challenge is a great example of reading the instructions ... carefully ...
Jacob Jimenez
@r00t1000
Feb 11 2016 04:12
This message was deleted
CamperBot
@camperbot
Feb 11 2016 04:12
:bulb: to format code use backticks! ``` more info
bitgrower
@bitgrower
Feb 11 2016 04:12
backticks -- often above the esc character on the keyboard ...
Jacob Jimenez
@r00t1000
Feb 11 2016 04:12
This message was deleted
CamperBot
@camperbot
Feb 11 2016 04:12
:bulb: to format code use backticks! ``` more info
Jacob Jimenez
@r00t1000
Feb 11 2016 04:12
Ohhhhhh
Not apostrophe's
Im an idiot
Brian
@sludge256
Feb 11 2016 04:13
@r00t1000 each selector should only have one class
bitgrower
@bitgrower
Feb 11 2016 04:14
it happens to us all @r00t1000 -- if it's not backticks, it's something else ...
Jacob Jimenez
@r00t1000
Feb 11 2016 04:15
I have no clue how to use em
Brian
@sludge256
Feb 11 2016 04:16
```(shift + enter)
paste code
```
(ctrl+enter)
Jacob Jimenez
@r00t1000
Feb 11 2016 04:17

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

  });
</script>
FINALL!
FINALLY!
IM A GOD!
Alright, what do you mean by selector?
Wait is selector the $("button") thing
Brian
@sludge256
Feb 11 2016 04:18
yes
Jacob Jimenez
@r00t1000
Feb 11 2016 04:18
Alright
Brian
@sludge256
Feb 11 2016 04:18
the first two have two classes each right now
Ingrid
@voodoobettie
Feb 11 2016 04:18
Can someone help me figure out why using a button instead of just anchor text is breaking the functionality of my tweet link?
Jacob Jimenez
@r00t1000
Feb 11 2016 04:19
It is still not working for me
Brian
@sludge256
Feb 11 2016 04:19
@r00t1000 wrap the classes in quotes too
Jacob Jimenez
@r00t1000
Feb 11 2016 04:19
<script>
  $(document).ready(function() {
    $("button").addClass(animated shake);
    $(".btn").addClass(animated shake);
    $("#target1").addClass(animated shake);

  });
</script>
What do you mean?
Pat Lee
@pleedesigner
Feb 11 2016 04:19
<input class="form-control" placeholder="cat photo URL" required>
    <button class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i</button>
how to Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element.
Give the text input in your form the class form-control.
mine is not working
Jacob Jimenez
@r00t1000
Feb 11 2016 04:20
@pleedesigner Your <i> class has no ending tag
its messed up
Next to submit
Ingrid
@voodoobettie
Feb 11 2016 04:21
You're missing the > on the last </i>
Jacob Jimenez
@r00t1000
Feb 11 2016 04:21
```
<input class="form-control" placeholder="cat photo URL" required>
    <button class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i></button>
```
Pat Lee
@pleedesigner
Feb 11 2016 04:21
i just fix it
Jacob Jimenez
@r00t1000
Feb 11 2016 04:21
Without the backticks
Pat Lee
@pleedesigner
Feb 11 2016 04:21
its still not working
Brian
@sludge256
Feb 11 2016 04:22
<button><i></i>Text</button>

@r00t1000

$("button").addClass("animated shake");

but the correct answer would only have 1 class per selector, this code has two classes

DJ
@qualitymanifest
Feb 11 2016 04:24
@voodoobettie you're giving id="tweet-it2" to your button but you should be giving it to the a wrapping the button
@voodoobettie since you're trying to give #tweet-it2 a href attribute and buttons can't have href attributes
Brian
@sludge256
Feb 11 2016 04:25
You can also give the anchor element the bootstrap button classes
to make it look like a button
(I guess that's what the id was for though. I didn't look that far into the code)
DJ
@qualitymanifest
Feb 11 2016 04:26
@voodoobettie you'll also want to add target="_blank" to that a.
Ingrid
@voodoobettie
Feb 11 2016 04:26
Ah ha! Thanks. I had to switch the button out from the anchor and had the id on the anchor but thought that was the problem. Many thanks @qualitymanifest
CamperBot
@camperbot
Feb 11 2016 04:26
voodoobettie sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 941 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
Feb 11 2016 04:26
np :+1:
Ingrid
@voodoobettie
Feb 11 2016 04:26
yep, it shows a blank page if you don't put the _blank, I was just testing so it was easier to remove it (temporarily)
Pat Lee
@pleedesigner
Feb 11 2016 04:28
how to give the text input in the form the class form-control?
Brian
@sludge256
Feb 11 2016 04:30
some as adding a class to any other element
you've done it with red-text, smaller-image, etc already
Ikuyasu
@ikuyasu
Feb 11 2016 04:31
I am 153.
Super basic Javascript part. I hope to go through this part very quickly.
Makesi Hamilton
@kesi2k
Feb 11 2016 04:36
Good night all. How would I link my jscript to my html button?
This is from the random quote challenge. I placed my quotes in an array and a function returns a random quote. However Ive no idea how to connect my jscript with the html button
Ikuyasu
@ikuyasu
Feb 11 2016 04:38
use append().
Something like $("p").click(function() {
this.append("quote");
};
Herman Fassett
@HermanFassett
Feb 11 2016 04:39
This message was deleted
Makesi Hamilton
@kesi2k
Feb 11 2016 04:41
Alright. Ill investigate
Ikuyasu
@ikuyasu
Feb 11 2016 04:41
$("#quotetag").on("click", functino() {
this.append(quote)
});
James
@jdd76
Feb 11 2016 04:41
Hello all !
Ikuyasu
@ikuyasu
Feb 11 2016 04:41
Something like that.
spikeg
@spikeg
Feb 11 2016 04:45
Does anyone know how to reset a challenge if you have an infinite loop...? I accidentally
solved with one and now whenever I reload the page my browser crashes...
James
@jdd76
Feb 11 2016 04:46
click reset , reset code
spikeg
@spikeg
Feb 11 2016 04:47
@jdd76 The whole page freezes and nothing is clickable
Brian
@sludge256
Feb 11 2016 04:48
wiki auto
CamperBot
@camperbot
Feb 11 2016 04:48

:point_right: disable code auto run [wiki]

By default, the Free Code Camp site automatically loads and runs your last recorded solution. If you have accidentally created an infinite loop or other irrecoverable error or simply don't trust the code, you can disable code auto-run by putting the following in your URL:
run=disabled

Example:

URL: http://www.freecodecamp.com/challenges/Algorithm-meet-Algorithm#?solution=function%20meetBonfire(argument)

No-Run URL: http://www.freecodecamp.com/challenges/Algorithm-meet-Algorithm#?run=disabled&solution=function%20meetBonfire(argument)

:pencil: read more about disable code auto run on the FCC Wiki

Herman Fassett
@HermanFassett
Feb 11 2016 04:48
Yeah either disable auto run or clear your storage
spikeg
@spikeg
Feb 11 2016 04:49
@sludge256 Thanks!
CamperBot
@camperbot
Feb 11 2016 04:49
spikeg sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles:
:star: 1418 | @sludge256 | http://www.freecodecamp.com/sludge256
Alex P.
@Opimenov
Feb 11 2016 04:51
is anybody going to I'dhack on friday??
Dr. Paul Kenneth Shreeman
@pkshreeman
Feb 11 2016 05:21
This message was deleted
Dag Holmberg
@holmberd
Feb 11 2016 05:21
find Array.prototype.indexOf(null)
CamperBot
@camperbot
Feb 11 2016 05:21
find arrayprototypeindexofnull
nothing found
bitgrower
@bitgrower
Feb 11 2016 05:50
@holmberd -- you'll have to go to the mozilla developer network pages for help with array functions ...
Tim Bell
@MindfulBell
Feb 11 2016 06:06
Anyone decent w/React on?
Matt Burd
@EskimoBurd
Feb 11 2016 06:08
i know it needs to be nest/anchored, but trying to find where, i experimented with a few places but i ended up losing the second requirement for the task
Pradeep CE
@cepradeep
Feb 11 2016 06:10
Is it possible to stay signed in on FCC? I tried keeping cookies etc, but I get logged out once I close my browser.
Catherine Kim
@Catherinesjkim
Feb 11 2016 06:21
Hi, I need help with Inherit Styles from the body Element.
I am always logged on...
Pradeep CE
@cepradeep
Feb 11 2016 06:32
@Catherinesjkim post your code here.
John Caprani
@jcaprani
Feb 11 2016 06:32
Hello World
CamperBot
@camperbot
Feb 11 2016 06:32

welcome to FreeCodeCamp @jcaprani!

John Caprani
@jcaprani
Feb 11 2016 06:33
Can someone help me, stumped...
Pradeep CE
@cepradeep
Feb 11 2016 06:33
Welcome @jcaprani :) Post your questions.
Catherine Kim
@Catherinesjkim
Feb 11 2016 06:33
I am a little bit tired tonight. I shall continue tomorrow. Thanks!
John Caprani
@jcaprani
Feb 11 2016 06:34
Thanks Pradeep. Section is bootstrap, problem "Responsively Style Radio Buttons"
Instruction: Nest all of your radio buttons within a <div class="row"> element. Then nest each of them within a <div class="col-xs-6"> element.

<div class="row">

<div class="col-xs-6">
<button class="btn btn-block btn-primary">
<i class="fa fa-thumbs-up"> Like</i>
</button>
</div>

<div class="col-xs-6">
  <button class="btn btn-block btn-info">
    <i class="fa fa-info-circle"> Info</i>
  </button>
</div>

<div class="col-xs-6">
  <button class="btn btn-block btn-danger">
    <i class="fa fa-trash"> Delete</i>
  </button>
</div>

</div>

Thomas Noe
@t3h2mas
Feb 11 2016 06:35
are those radio buttons
explain format
CamperBot
@camperbot
Feb 11 2016 06:35

: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

John Caprani
@jcaprani
Feb 11 2016 06:35
yes
ndcregut
@ndcregut
Feb 11 2016 06:35
hi, i need help with "profile lookup" in the javascript portion
John Caprani
@jcaprani
Feb 11 2016 06:36

```<div class="row">

<div class="col-xs-6">
  <button class="btn btn-block btn-primary">
    <i class="fa fa-thumbs-up"> Like</i>
  </button>
</div>

<div class="col-xs-6">
  <button class="btn btn-block btn-info">
    <i class="fa fa-info-circle"> Info</i>
  </button>
</div>

<div class="col-xs-6">
  <button class="btn btn-block btn-danger">
    <i class="fa fa-trash"> Delete</i>
  </button>
</div>

</div>

Pradeep CE
@cepradeep
Feb 11 2016 06:36
@jcaprani Radio buttons are the little circles with a dot in the center.
Thomas Noe
@t3h2mas
Feb 11 2016 06:36
@ndcregut where ya at
w/ that challenge
John Caprani
@jcaprani
Feb 11 2016 06:36
ok now I get it, wrong button type
ndcregut
@ndcregut
Feb 11 2016 06:36
im supposed to look through an array of objects to see if a firstname exists and to see if a prop exists, and if so return the value of that prop
John Caprani
@jcaprani
Feb 11 2016 06:36
Im looking at the wrong part of the code.
ndcregut
@ndcregut
Feb 11 2016 06:36
function lookUp(firstName, prop){
// Only change code below this line
var i = 0;
while(i < contacts.length) {
if (contacts[i][firstName]) {
return contacts[i][prop];
}
}
return "No such contact";
// Only change code above this line
}
John Caprani
@jcaprani
Feb 11 2016 06:36
Thank you.
ndcregut
@ndcregut
Feb 11 2016 06:37
thats all i could come up with
Pradeep CE
@cepradeep
Feb 11 2016 06:37
@jcaprani Yes :)
Eugene Ilyushin
@Ilyushin
Feb 11 2016 06:37
Hi everyone! I have a problem with "Exact Change" (Advanced Algorithm Scripting). There is a test "drawer(19.50, 20.00, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1.00], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]) should return "Insufficient Funds”". How is it possible? We have 1.01 in cid and change equals 0.50.
budimanfix
@budimanfix
Feb 11 2016 06:37

Hi guys... What i missing here ?? : var myArray = [];

// Only change code below this line.

for (var i = 1; i < 5; i++) {
myArray.push(i);
}

Thomas Noe
@t3h2mas
Feb 11 2016 06:37
how does i increment @ndcregut
John Caprani
@jcaprani
Feb 11 2016 06:37
Man this has been bothering me since last night. Like ordering a noodle dish and wondering 'where's my rice?'
ndcregut
@ndcregut
Feb 11 2016 06:37
oh, thank you
John Caprani
@jcaprani
Feb 11 2016 06:38
Thanks Pradeep.
Thomas Noe
@t3h2mas
Feb 11 2016 06:38
@ndcregut then you'll have to figure out how to use another if statement
@budimanfix why do you start i=1?
ndcregut
@ndcregut
Feb 11 2016 06:38
i don't know what i would be checking for
Thomas Tzanetoulakos
@tommasgr
Feb 11 2016 06:38
Good Morning everyone!!!!
Pradeep CE
@cepradeep
Feb 11 2016 06:39
@jcaprani haha, just remember to go through the instructions, and you should be fine... Post here if you ever run into problems again.
Thomas Noe
@t3h2mas
Feb 11 2016 06:39
@ndcregut go through the instructions again, there are three total things you can possibly return, right?
morning @tommasgr (it's night here)
Pradeep CE
@cepradeep
Feb 11 2016 06:39
Good morning, @tommasgr !
ndcregut
@ndcregut
Feb 11 2016 06:40
just to make sure I'm checking to see if the prop exists right?
budimanfix
@budimanfix
Feb 11 2016 06:41

@t3h2mas : var myArray = [];

// Only change code below this line.

for (var i = 0; i < 5; i++) {
myArray.push(i);
}

Thomas Noe
@t3h2mas
Feb 11 2016 06:41
If i remember correctly, you have to make sure the name exists, if not return something -> the prop exists if not return something @ndcregut
@budimanfix does it work?
explain format
CamperBot
@camperbot
Feb 11 2016 06:41

: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

ndcregut
@ndcregut
Feb 11 2016 06:42
am i trying to access an object array correctly?
Thomas Noe
@t3h2mas
Feb 11 2016 06:43
@budimanfix it looks like you were right with i = 1, now look at the rest of your for-loop expression more closely
@ndcregut looks good
ndcregut
@ndcregut
Feb 11 2016 06:45
function lookUp(firstName, prop){
// Only change code below this line
  var i = 0;
  while(i < contacts.length) {
    if (contacts[i][firstName]) {
      if (contacts[i][prop]) {
        return contacts[i][prop];
      } else {
        return "No such property";
      }
    }
    i++;
  }
  return "No such contact";
// Only change code above this line
}
CamperBot
@camperbot
Feb 11 2016 06:45
:bulb: to format code use backticks! ``` more info
budimanfix
@budimanfix
Feb 11 2016 06:46
@t3h2mas left this one task : myArray should equal [1,2,3,4,5].
ndcregut
@ndcregut
Feb 11 2016 06:46
thats what i have now and i can't figure out what isn't working
Thomas Noe
@t3h2mas
Feb 11 2016 06:47
@budimanfix yes, so you're starting at 1 in your loop, what are you ending at
@ndcregut switch the quotes to backticks please
cool
@ndcregut have you looked at the tests on the left side of the page?
ndcregut
@ndcregut
Feb 11 2016 06:49
yeah
Thomas Noe
@t3h2mas
Feb 11 2016 06:49
what's it looking like
ndcregut
@ndcregut
Feb 11 2016 06:49
it only says "No such contact"
Thomas Noe
@t3h2mas
Feb 11 2016 06:50
there's only one test?
budimanfix
@budimanfix
Feb 11 2016 06:50
@t3h2mas Compused
ndcregut
@ndcregut
Feb 11 2016 06:50
oh, what im supposed to be getting?
Thomas Noe
@t3h2mas
Feb 11 2016 06:50
@budimanfix the answer is in your for loop expression so for (... in here .. )
ndcregut
@ndcregut
Feb 11 2016 06:50
its suposed to get either a single string or an array
Balogun Mansuur Adewale
@AllrightConcepts
Feb 11 2016 06:50
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.

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

Thomas Noe
@t3h2mas
Feb 11 2016 06:52
explain format
CamperBot
@camperbot
Feb 11 2016 06:52

: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

budimanfix
@budimanfix
Feb 11 2016 06:52
@t3h2mas Binggo!! I tried put (6) and Done. : for (var i = 1; i < 6; i++) {
myArray.push(i);
Thomas Noe
@t3h2mas
Feb 11 2016 06:52
@ndcregut double check all the return value possibilities in the instructions
@budimanfix because 5 < 6 it stopped at 5 :thumbsup:
budimanfix
@budimanfix
Feb 11 2016 06:53
@t3h2mas Thank you :+1:
CamperBot
@camperbot
Feb 11 2016 06:53
budimanfix sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:star: 112 | @t3h2mas | http://www.freecodecamp.com/t3h2mas
Alister Najib Mada
@alistermada
Feb 11 2016 06:56
@ndcregut Note: when the function lookUp("Akira", "likes"); is run, the firstName variable within the lookUp function is set to "Akira". That is why contacts[i][firstName] is evaluated to contacts[i]["Akira"] which is looking for a property named "Akira" and thus returns undefined.
@ndcregut Use dot notation to use firstName as a property name and not a variable
ndcregut
@ndcregut
Feb 11 2016 06:57
my problem was i didn't use dot notation for
if (contacts[i].firstName === firstName)
Alister Najib Mada
@alistermada
Feb 11 2016 06:57
Yep, you got it
ndcregut
@ndcregut
Feb 11 2016 06:57
also i wasn't checking equivalency before
thanks
Ali Muhammad
@Ali-Elsbaee
Feb 11 2016 07:10
hey guys I need some help in this challenge plzzzzzzzz
http://www.freecodecamp.com/challenges/no-repeats-please
Mr.lonely
@maoyaoxiansheng
Feb 11 2016 07:26
Italicize the text in your target4 button by adding HTML tags.
What is it mean?Who can tell me?
Thomas Noe
@t3h2mas
Feb 11 2016 07:30
how do you italicize with html? where could you apply that?
budimanfix
@budimanfix
Feb 11 2016 07:32

@t3h2mas What i missing here : var myArr = [ 2, 3, 4, 5, 6];

// Only change code below this line
var myTotal = 0;
for (var i = 20; i < myArr.length; i++){
myTotal += myArr[i];
}

Thomas Noe
@t3h2mas
Feb 11 2016 07:32
what do you need to do?
Mr.lonely
@maoyaoxiansheng
Feb 11 2016 07:33
I have resolved it.@t3h2mas
Thomas Noe
@t3h2mas
Feb 11 2016 07:33
if you're starting at 20 and myArr is less than 20 items long, the loop wont run
@maoyaoxiansheng :thumbsup:
@budimanfix ?
budimanfix
@budimanfix
Feb 11 2016 07:36
@t3h2mas var myTotal = 0;
for (var i = 10; i < myArr.length; i++){
myTotal += myArr[i];
}
??
Thomas Noe
@t3h2mas
Feb 11 2016 07:37
@budimanfix why are you starting i at anything higher than 0?
right now that means
i=10; while i < myArr.length increment i

say we have an array

var arr = [0, 1, 2, 3, 4, 5];

and we want to iterate through 2-5 we would write

for (var i=2; i < arr.length; i++) {
    // do something to i 
}
when in doubt start i @ 0 @budimanfix
Mohammed Shehab
@mshehab93
Feb 11 2016 07:41
Can someone help me with this code?
// Setup
var testObj = {
  12: "Namath",
  16: "Montana",
  19: "Unitas"
};

// Only change code below this line;

var playerNumber = testObj[];       // Change this Line
var player = testObj[16];   // Change this Line
"Use the playerNumber variable to lookup player 16 in testObj using bracket notation."
Thomas Noe
@t3h2mas
Feb 11 2016 07:42
@mshehab93 use playerNumber to hold the playerNumber
then use player to get playernumber from testObj
Mohammed Shehab
@mshehab93
Feb 11 2016 07:43
I got that part, what I didn't understand was how to implement it, i.e. the code
Thomas Noe
@t3h2mas
Feb 11 2016 07:43
re read it very literaly and look at your two lines at the bottom.
budimanfix
@budimanfix
Feb 11 2016 07:45
@t3h2mas Thank you
CamperBot
@camperbot
Feb 11 2016 07:45
budimanfix sends brownie points to @t3h2mas :sparkles: :thumbsup: :sparkles:
:warning: budimanfix already gave t3h2mas points
Mohammed Shehab
@mshehab93
Feb 11 2016 07:45
the bottom line should be:
var player = testObj[playerNumber]
since I'm using the playerNumber variable to lookup player 16
" playerNumber should be a number
The variable player should be a string
The value of player should be "Montana"
You should use bracket notation to access testObj "
Nick Robson
@nickrobson
Feb 11 2016 07:48
@mshehab93
var playerNumber = 16;
var player = testObj[playerNumber];
Mohammed Shehab
@mshehab93
Feb 11 2016 07:48
so then I was overthinking the part on how to get playerNumber to equal 16 by somehow using testObj
thanks @nickrobson @t3h2mas
CamperBot
@camperbot
Feb 11 2016 07:49
mshehab93 sends brownie points to @nickrobson and @t3h2mas :sparkles: :thumbsup: :sparkles:
:star: 113 | @t3h2mas | http://www.freecodecamp.com/t3h2mas
:star: 377 | @nickrobson | http://www.freecodecamp.com/nickrobson
Nick Robson
@nickrobson
Feb 11 2016 07:49
@mshehab93 np!
Michael Aubrey
@mca62511
Feb 11 2016 08:02
Hey, I was doing "Understanding String Immutability" and got a bit cheeky, and put this together,
// Setup
var myStr = "Jello World";

// Only change code below this line

function mutableString(theStr, charPos, newChar) {
  var strFront;
  var strBack;

  if (charPos > theStr.length -1 || charPos < 0) {
    console.log("Error: Character replacement not possible.");
    return(theStr);
  } else {

    for (i = 0; i < charPos;) {
      strFront += theStr[i];
    }

    for (i = charPos + 1; i < theStr.length -1;) {
      strBack += theStr[i];
    }

    return strFront + newChar + strBack;
  }
}

myStr = mutableString(myStr, 0, "H");
and I'm getting a "Potential Infinite Loop" error, is there something wrong with the way I did the loop?
I'm a beginner and have no idea what I'm doing
Obioma Ofoamalu
@andela-oofoamalu
Feb 11 2016 08:05
The parameters of your for-loop is not complete
You are missing the third part i.e i++ or i--
Ohans Emmanuel
@ohansemmanuel
Feb 11 2016 08:06
@mca62511 i didn't finish reading through, but your for loop has no increment done
exactly @andela-oofoamalu
Thomas Noe
@t3h2mas
Feb 11 2016 08:07
i.e. i += 1337
Michael Aubrey
@mca62511
Feb 11 2016 08:07
Oh I see.
Got it.
I think I screwed myself now though. I added //noprotect just to try it, thinking I could go back and remove it ("What's the worst that happens? I just crash my browser...")
and now when I try to view that lesson I think it runs the code automatically because the tab crashes each time
Michael Aubrey
@mca62511
Feb 11 2016 08:12
Yay, fixed it.
Prashant Gupta
@darkpasanger
Feb 11 2016 08:16

I'am doing target element in class using jquery hear is my code can anyone please tell me what's wrong with it . <script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated,shake");
});
</script>

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

Michael Aubrey
@mca62511
Feb 11 2016 08:19
Thanks, btw. I fixed my function so that it does what I need it to do now, and have passed the lessons.
Dylan Larkins
@tmad40blue
Feb 11 2016 08:20
@darkpasanger - you have a comma on line 3 that shouldn't be there
Prashant Gupta
@darkpasanger
Feb 11 2016 08:27
@tmad40blue thanks a lot for your help
CamperBot
@camperbot
Feb 11 2016 08:27
darkpasanger sends brownie points to @tmad40blue :sparkles: :thumbsup: :sparkles:
:star: 149 | @tmad40blue | http://www.freecodecamp.com/tmad40blue
faraz
@silentarrowz
Feb 11 2016 08:36
can anyone tell me how to pair program for the assignments?
Charles Lee
@charleslee98006
Feb 11 2016 08:37
@silentarrowz sure. One person codes while the other looks at the code the person is writing.
faraz
@silentarrowz
Feb 11 2016 08:38
oh, and is that it?? @charleslee98006 . why is this better than just looking for the solution online??
Charles Lee
@charleslee98006
Feb 11 2016 08:38
@silentarrowz Not sure if FCC has a share screen feature though if you and the other person are doing it remotely.
@silentarrowz The premise of the pair programming is so that both of you would share ideas on how to write better code.
faraz
@silentarrowz
Feb 11 2016 08:39
@charleslee98006 I am not sure about the sharing screen, but I found it written along with assignment instructions i.e to try and pair program
@charleslee98006 hmm , sharing ideas about the code sounds better
Charles Lee
@charleslee98006
Feb 11 2016 08:40
@silentarrowz sometimes both of you guys can hatch better implementation of code and reduce redundancy as well bad practices.
faraz
@silentarrowz
Feb 11 2016 08:41
but seems like I'll be better off reading more on the topics. I am at the Arguments optional exercise now and kinda got stuck here - trying to read up on arguments and closures at the moment. any ideas @charleslee98006 ??
Charles Lee
@charleslee98006
Feb 11 2016 08:42
@silentarrowz Not really. I just started this program today. I graduated with pretty much a CS degree; hence why I know a bit about pair programming.
faraz
@silentarrowz
Feb 11 2016 08:43
aha! wow! a CS degree. sounds great!! @charleslee98006
Charles Lee
@charleslee98006
Feb 11 2016 08:44
@silentarrowz it is okay. Still got to know your OOP and your Data Structures though. That is VERY VERY important. Can't emphasize that.
faraz
@silentarrowz
Feb 11 2016 08:46
ah! yes. I was reading the article about what self learned web developers lack and these topics came up. could you tell me if there's a separate OOP and Data Structures for javascript or are those the same for all languages?? @charleslee98006
Markus Kiili
@Masd925
Feb 11 2016 08:49
@silentarrowz On Arguments optional, you can create the returned function with add.bind().
Charles Lee
@charleslee98006
Feb 11 2016 08:50
Data structures and algorithm is pretty a way of programming. It is about how to programming efficiently. Tends to deal with how you store, access and delete elements in your different types of storages, which is prevalent in all languages. OOP is Object Oriented Programming; hence, programming is simulating how objects around us work act.
would* act. @silentarrowz
faraz
@silentarrowz
Feb 11 2016 08:50
@Masd925 will have to read up on bind too, now
@charleslee98006 will have to read up on them too - any resources you have in mind for learning about oop and data structures??
Charles Lee
@charleslee98006
Feb 11 2016 08:52
@silentarrowz How comfortable are you with programming so far?
faraz
@silentarrowz
Feb 11 2016 08:54
I am quite comfortable although I dont know yet what I dont know @charleslee98006
Charles Lee
@charleslee98006
Feb 11 2016 08:55
@silentarrowz so you understand how arrays work, right?
faraz
@silentarrowz
Feb 11 2016 08:55
yes
@charleslee98006
Charles Lee
@charleslee98006
Feb 11 2016 08:58

@silentarrowz I see. Youtube video by MIT are really good at explaining OOP/ Data structures and Algorithms:

https://www.youtube.com/watch?v=k6U-i4gXkLM&list=PL6B1538774DA3F000

But remember though, practice them! Practicing and playing around with them would help the concepts to stick into your mind @silentarrowz
faraz
@silentarrowz
Feb 11 2016 08:59
ok, I'll watch the videos and practice them. thanks for the link @charleslee98006
CamperBot
@camperbot
Feb 11 2016 08:59
silentarrowz sends brownie points to @charleslee98006 :sparkles: :thumbsup: :sparkles:
:star: 10 | @charleslee98006 | http://www.freecodecamp.com/charleslee98006
Eude Lesperance
@lkeude96
Feb 11 2016 09:01
Screen Shot 2016-02-11 at 3.01.12 AM.png
what would be the time complexity for that
Charles Lee
@charleslee98006
Feb 11 2016 09:02
@silentarrowz thanks! Just one more note though about OOP. OOP works best with languages such as Java or C#. Javascript can be messy since it is non-blocking code. The videos would probably ask you to practice them in java and whatnot.
CamperBot
@camperbot
Feb 11 2016 09:02
charleslee98006 sends brownie points to @silentarrowz :sparkles: :thumbsup: :sparkles:
Eude Lesperance
@lkeude96
Feb 11 2016 09:02
big o
CamperBot
@camperbot
Feb 11 2016 09:02
:star: 304 | @silentarrowz | http://www.freecodecamp.com/silentarrowz
Charles Lee
@charleslee98006
Feb 11 2016 09:02
O(n^2) I think
Eude Lesperance
@lkeude96
Feb 11 2016 09:03
No i is being incremented 2 i
faraz
@silentarrowz
Feb 11 2016 09:03
@charleslee98006 I wont be able to practice in java as it will get a little confusing. I mean, it's easier to get mixed up since I am a beginner in javascript and learning java at the same time will make it more difficult
i'll try and do the practice in javascript, if that's possible
Charles Lee
@charleslee98006
Feb 11 2016 09:04
@silentarrowz I see. Try to do oop in JS and see if it works out.
faraz
@silentarrowz
Feb 11 2016 09:05
hmm, will have to try that. @charleslee98006
Charles Lee
@charleslee98006
Feb 11 2016 09:06
@lkeude96 o((n^2)/2)? Since you are iterating 1/2 of n for i
j would still would be essentially iterating through all of i
Nick Robson
@nickrobson
Feb 11 2016 09:11
Well, i goes O(n), and j goes O(n-i)
So it should be O(n^2 - n), right?
Probably wrong.
Eude Lesperance
@lkeude96
Feb 11 2016 09:13
I was thinking the first line was O(log n)
Nick Robson
@nickrobson
Feb 11 2016 09:13
Oh shit, yeah. It's O(nlogn - n).
maybe just O(nlogn)
idk tbh
xD
Yeah, first line is definitely O(log n): didn't see the i = 2i
Eude Lesperance
@lkeude96
Feb 11 2016 09:14
Yea me neither lol I’m still trying to wrap my head around it
Charles Lee
@charleslee98006
Feb 11 2016 09:15
So what was the solution to the nest loop?
Nick Robson
@nickrobson
Feb 11 2016 09:16
just see how many times it prints out in worst case..
Charles Lee
@charleslee98006
Feb 11 2016 09:19
n for nth amount of times you have to iterating through the list. I'm guessing that log n because you have the iteration with i=2i.
Eude Lesperance
@lkeude96
Feb 11 2016 09:20
kay thanks @nickrobson and @charleslee98006
CamperBot
@camperbot
Feb 11 2016 09:20
lkeude96 sends brownie points to @nickrobson and @charleslee98006 :sparkles: :thumbsup: :sparkles:
:star: 380 | @nickrobson | http://www.freecodecamp.com/nickrobson
:star: 13 | @charleslee98006 | http://www.freecodecamp.com/charleslee98006
Charles Lee
@charleslee98006
Feb 11 2016 09:22
@lkeude96 Thanks for the points. I am curious as what the solution was for the Time complexity for the loops.
CamperBot
@camperbot
Feb 11 2016 09:22
charleslee98006 sends brownie points to @lkeude96 :sparkles: :thumbsup: :sparkles:
:star: 372 | @lkeude96 | http://www.freecodecamp.com/lkeude96
Gauti
@gautamkumar94
Feb 11 2016 09:24

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

kirbyedy
@kirbyedy
Feb 11 2016 09:25
what is && ?
Nicol
@NicolNonga
Feb 11 2016 09:25

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

// Only change code below this line.

var newArray = oldArray.filter(function(val){

return val > 5;
}); what is wrong with the code

Gauti
@gautamkumar94
Feb 11 2016 09:25
can anyone find bug in this programm
Charles Lee
@charleslee98006
Feb 11 2016 09:25
it is an And operator
kirbyedy
@kirbyedy
Feb 11 2016 09:25
@gautamkumar94 what is && ?
Richard Paez
@RPaez09
Feb 11 2016 09:25
guys help, my buttons wont float next to each other, they stack up http://codepen.io/RPaez09/full/VeqQpM/
Gauti
@gautamkumar94
Feb 11 2016 09:25
that is for clubbing two condition
like english we have "and"
Charles Lee
@charleslee98006
Feb 11 2016 09:26
@NicolNonga what is your val argument?
Gauti
@gautamkumar94
Feb 11 2016 09:26
@kirbyedy Modify the function abTest so that if a or b are less than 0 the function will immediately exit with a value of undefined.
kirbyedy
@kirbyedy
Feb 11 2016 09:26
yes, and in that condition a and b is less than 0 right ? is that what you want ?
Gauti
@gautamkumar94
Feb 11 2016 09:26
yep
kirbyedy
@kirbyedy
Feb 11 2016 09:27
no
read the task again
if a or b
OR
is && sign for OR ?
Gauti
@gautamkumar94
Feb 11 2016 09:27
@kirbyedy the task is "Modify the function abTest so that if a or b are less than 0 the function will immediately exit with a value of undefined."
kirbyedy
@kirbyedy
Feb 11 2016 09:27
again... if a OR b
is && sign for OR ?
Charles Lee
@charleslee98006
Feb 11 2016 09:27
@kirbyedy || is OR while && is for AND
kirbyedy
@kirbyedy
Feb 11 2016 09:27
exactly
Gauti
@gautamkumar94
Feb 11 2016 09:28
yes
i tried both
kirbyedy
@kirbyedy
Feb 11 2016 09:28
this is what I am trying to tell you
Gauti
@gautamkumar94
Feb 11 2016 09:28
but the output is same
kirbyedy
@kirbyedy
Feb 11 2016 09:28
paste the whole code
Nicol
@NicolNonga
Feb 11 2016 09:28
my argument is called val the value
Gauti
@gautamkumar94
Feb 11 2016 09:28
@kirbyedy function should return undefined
kirbyedy
@kirbyedy
Feb 11 2016 09:28
paste the code here please
Gauti
@gautamkumar94
Feb 11 2016 09:28

@kirbyedy // 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);

Charles Lee
@charleslee98006
Feb 11 2016 09:28
@NicolNonga What is the answer returning?
@NicolNonga A follow up question would be: What is the code suppose to do?
kirbyedy
@kirbyedy
Feb 11 2016 09:30
a<0 && b<0 < this is wrong
you have to use OR
||
Gauti
@gautamkumar94
Feb 11 2016 09:30
still the answer is same
Nicol
@NicolNonga
Feb 11 2016 09:31
the code is suppose to show all element that are greater than 5
kirbyedy
@kirbyedy
Feb 11 2016 09:31
also remove the else
Gauti
@gautamkumar94
Feb 11 2016 09:31
@kirbyedy the function abTest(-2,2) should return undefined
how to do this
kirbyedy
@kirbyedy
Feb 11 2016 09:31
if you just leave return it should be ok
delete undefined
Nicol
@NicolNonga
Feb 11 2016 09:32

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

// Only change code below this line.

var newArray = oldArray.filter(function(val){

return val > 5;
});

Gauti
@gautamkumar94
Feb 11 2016 09:32
@kirbyedy i did it
kirbyedy
@kirbyedy
Feb 11 2016 09:32
and ?
Gauti
@gautamkumar94
Feb 11 2016 09:32
challange is completed
:smile:
kirbyedy
@kirbyedy
Feb 11 2016 09:33
:thumbsup:
Gauti
@gautamkumar94
Feb 11 2016 09:33
thanks buddy
actually i did the same earlier
but that time system displayed error
DAVIEK22
@DAVIEK22
Feb 11 2016 09:46
sm one help me with create a form element..plz am stuck
Nick Robson
@nickrobson
Feb 11 2016 09:47
help form
CamperBot
@camperbot
Feb 11 2016 09:47

:point_right: challenge add a submit button to a form [wiki]

You will need to create a button element. Here's an example submit button: <button type="submit">this button submits the form</button>.

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

:pencil: read more about challenge add a submit button to a form on the FCC Wiki

Robert Uivarosi
@URobert
Feb 11 2016 09:48
@DAVIEK22 you might find this useful too: http://www.w3schools.com/html/html_forms.asp
DAVIEK22
@DAVIEK22
Feb 11 2016 09:57
thanx @camperbot en @URobert
CamperBot
@camperbot
Feb 11 2016 09:57
daviek22 sends brownie points to @camperbot and @urobert :sparkles: :thumbsup: :sparkles:
:star: 1156 | @camperbot | http://www.freecodecamp.com/camperbot
:star: 573 | @urobert | http://www.freecodecamp.com/urobert
Robert Uivarosi
@URobert
Feb 11 2016 10:00
@DAVIEK22 yw
lovewiththeit
@lovewiththeit
Feb 11 2016 10:05
hello Guys :)
Can anyone help me with html?

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

{
font-size: 16px;
}


</style>

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

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

<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

How i can make the font-size ? Thanks for your attention
Charles Lee
@charleslee98006
Feb 11 2016 10:07
well, you are forgetting to tell the style which one is font 16px
@lovewiththeit
lovewiththeit
@lovewiththeit
Feb 11 2016 10:07
can u correct it please ? @charleslee98006
Balogun Mansuur Adewale
@AllrightConcepts
Feb 11 2016 10:08
What do you really want to do there
lovewiththeit
@lovewiththeit
Feb 11 2016 10:08
Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
Charles Lee
@charleslee98006
Feb 11 2016 10:08
<style>
.red-text {
color: red;
//need a } here
//need a tag to reference what element here{
font-size: 16px;
}
coder-clins
@coder-clins
Feb 11 2016 10:09
i think it should be like this
{}
Charles Lee
@charleslee98006
Feb 11 2016 10:09
every single {} needs a reference to an HTML element so that the browser knows what you are talking about.
coder-clins
@coder-clins
Feb 11 2016 10:10
p {font-size:16px; }
Md Pervez Nawaz
@mdpn
Feb 11 2016 10:10
@lovewiththeit - just like u wanted red color for paragraph with class 'red-text', you need to tell the browser which paragraph to change font
Balogun Mansuur Adewale
@AllrightConcepts
Feb 11 2016 10:10
your code {
font-size: 16px;
}{
font-size: 16px;
font-family: Monospace;
}
lovewiththeit
@lovewiththeit
Feb 11 2016 10:11
hmm ... p{
font-size: 16px;
}
Charles Lee
@charleslee98006
Feb 11 2016 10:11
bingo!
lovewiththeit
@lovewiththeit
Feb 11 2016 10:11
i make it so but it isnt working
Charles Lee
@charleslee98006
Feb 11 2016 10:11
well, you still have the missing } for .red-text
@lovewiththeit
Balogun Mansuur Adewale
@AllrightConcepts
Feb 11 2016 10:12
of course
Md Pervez Nawaz
@mdpn
Feb 11 2016 10:12
@lovewiththeit - it will work... u mite want to change the font size and view, 16 might be the default browser font as well
Balogun Mansuur Adewale
@AllrightConcepts
Feb 11 2016 10:12
p before {
font-size: 16px;
}
CodeMustang
@CodeMustang
Feb 11 2016 10:12
Guys is this a bug ? http://puu.sh/n3PX8/93dc7cea08.png
Balogun Mansuur Adewale
@AllrightConcepts
Feb 11 2016 10:14
@lovewiththeit have get it right
lovewiththeit
@lovewiththeit
Feb 11 2016 10:14
thanks for the help @charleslee98006 @mdpn @AllrightConcepts
CamperBot
@camperbot
Feb 11 2016 10:14
lovewiththeit sends brownie points to @charleslee98006 and @mdpn and @allrightconcepts :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for mdpn
:star: 31 | @allrightconcepts | http://www.freecodecamp.com/allrightconcepts
:star: 22 | @charleslee98006 | http://www.freecodecamp.com/charleslee98006
DEBOJIT KAKOTI
@debojitkakoti
Feb 11 2016 10:15
HI can I skip basic javascript modules in FCC and still earn front end certificate?
Nicol
@NicolNonga
Feb 11 2016 10:17
it is not a bug codeMustang
CodeMustang
@CodeMustang
Feb 11 2016 10:18
@NicolNonga O I get it now , suppose to be the other way
Silly me
Nicol
@NicolNonga
Feb 11 2016 10:20

var newArray = oldArray.filter(function(val){

return (val <=5 && val!==null); try like that CodeMustang

iam glad you got it @CodeMustang
CodeMustang
@CodeMustang
Feb 11 2016 10:21
@NicolNonga thanks anyway
CamperBot
@camperbot
Feb 11 2016 10:21
codemustang sends brownie points to @nicolnonga :sparkles: :thumbsup: :sparkles:
:star: 200 | @nicolnonga | http://www.freecodecamp.com/nicolnonga
Nicol
@NicolNonga
Feb 11 2016 10:22

var string = "Split me into an array";

// Only change code below this line.

var array = string.split('');
// Only change code above this line.

(function() {return array;})();
how can i split

lovewiththeit
@lovewiththeit
Feb 11 2016 10:27
Hey Guys. I have a really short question. Must i put these link <img src="http://www.your-image-source.com/your-image.jpg">
in the style section ? :))
CodeMustang
@CodeMustang
Feb 11 2016 10:28
@NicolNonga string.split(' '); for words
@lovewiththeit Not really , usually you put this in the body section
Nicol
@NicolNonga
Feb 11 2016 10:28
Use split to create an array of words from string and assign it to array.
CodeMustang
@CodeMustang
Feb 11 2016 10:29
@NicolNonga yes you must put the space character ' '
Nicol
@NicolNonga
Feb 11 2016 10:29
i did can show me an exemple
Aleksander Gębicki
@Takumar
Feb 11 2016 10:29
@NicolNonga @CodeMustang said you must add argument to split('') method, when you put space as argument, it will divide sentence to single words
@NicolNonga you have put empty string as argument string.split(''); that divides string to single characters!
CodeMustang
@CodeMustang
Feb 11 2016 10:30

This worked for me : ```
var string = "Split me into an array";
var array = [];

// Only change code below this line.

array = string.split(' ');
```

But here in chat it doesn't show the space :P
Aleksander Gębicki
@Takumar
Feb 11 2016 10:31
@CodeMustang put three backticks in the line without any other text
CodeMustang
@CodeMustang
Feb 11 2016 10:31
' '
Yeah something like that :D
Nicol
@NicolNonga
Feb 11 2016 10:32
i just want an exemple please
Aleksander Gębicki
@Takumar
Feb 11 2016 10:32
@NicolNonga
var str = "3;4;5;6;7";
var arrayOfNumbers = str.split(';'); // you can put space or any other character as separator
// now array is: [3,4,5,6,7]
@NicolNonga you were given entire solution: string.split(' '); earlier :point_up: 11 lutego 2016 11:28 and :point_up: 11 lutego 2016 11:30
M.Maisan
@maisan
Feb 11 2016 10:36

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<i>#target4<i>");
});
</script>

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

hey guys, i'm doing the jquery exercises and i can't understand how to italisize
Aleksander Gębicki
@Takumar
Feb 11 2016 10:38
@maisan this line: $("#target4").html("<i>#target4<i>"); should be enough for that
Do you have any error messages?
@maisan oh, you haven't closed it right: </i>
M.Maisan
@maisan
Feb 11 2016 10:39
OHH! thanks @Takumar !
CamperBot
@camperbot
Feb 11 2016 10:39
maisan sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 2278 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Feb 11 2016 10:40
@maisan you are welcome, I also haven't notices mistyping at the beginning:-)
M.Maisan
@maisan
Feb 11 2016 10:40
heh yeah xD
Aleksander Gębicki
@Takumar
Feb 11 2016 10:41
@NicolNonga have you completed your challenge? Is it working?
SuhasHosamani
@SuhasHosamani
Feb 11 2016 10:41

//Setup
var contacts = [
{
"firstName": "Akira",
"lastName": "Laine",
"number": "0543236543",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"lastName": "Potter",
"number": "0994372684",
"likes": ["Hogwarts", "Magic", "Hagrid"]
},
{
"firstName": "Sherlock",
"lastName": "Holmes",
"number": "0487345643",
"likes": ["Intriguing Cases", "Violin"]
},
{
"firstName": "Kristian",
"lastName": "Vos",
"number": "unknown",
"likes": ["Javascript", "Gaming", "Foxes"]
}
];
function lookUp(firstName, prop){
// Only change code below this line

// Only change code above this line
}

// Change these values to test your function
lookUp("Akira", "likes");
how to solve this, im getting Object Object while returning the value

Nicol
@NicolNonga
Feb 11 2016 10:41

var string = "Split; me; into; an; array;";

// Only change code below this line.
var array = [];
array = string.split("");
// Only change code above this line.

(function() {return array;})();
what wrong on it

iam still stuck
Aleksander Gębicki
@Takumar
Feb 11 2016 10:42

@NicolNonga you have to add space as argument to method:

array = string.split(" ");

I told you, you have to specify separator!

@SuhasHosamani you haven't written any code yet :-(
contacts is an array of objects, you have to create a loop which iterates over array elements, and inside that loop create if-else statements with given conditions.
Nicol
@NicolNonga
Feb 11 2016 10:43
i get now thanks @Takumar
CamperBot
@camperbot
Feb 11 2016 10:43
nicolnonga sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 2279 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Feb 11 2016 10:44
@NicolNonga you are welcome :-)
Michael Aubrey
@mca62511
Feb 11 2016 10:44

For the "Stand in Line" challenge, I just used arr.push() to add to the end of the array, and item = arr.shift() to remove from the front of it...

...is that what it wanted me to do?

I passed, but I'm wondering if there's a different way, since the lesson didn't really specify how it wanted me to do what it said
It just said
Write a function queue which takes an array (arr) and a number (item) as arguments. Add the number to the end of the array, then remove the first element of array. The queue function should then return the element that was removed.
Aleksander Gębicki
@Takumar
Feb 11 2016 10:46
@mca62511 push() method needs argument, that is the item value you want to add to the array.
You have also two steps more:
  • remove first value with shift()
  • return removed value, that is why you need to store removed value in a variable
cannelflow
@cannelflow
Feb 11 2016 10:46
@mca62511 if you want to push 6 then you do like arr.push(6) so now here you need to push item
SuhasHosamani
@SuhasHosamani
Feb 11 2016 10:46

@Takumar this is what i wrote // Only change code below this line
for(i=0; i<contacts.length;i++){
if(contacts[i].firstName == firstName){
for(var key in contacts[i]){
if(prop == key){

}
}

}
}
// Only change code above this line

cannelflow
@cannelflow
Feb 11 2016 10:47
@mca62511 and you need to return what was removed
Michael Aubrey
@mca62511
Feb 11 2016 10:47
right, well I did those things, and I passed (sorry for not explaining properly)
lovewiththeit
@lovewiththeit
Feb 11 2016 10:47
I do the exercise "add borders Around your Elements" by html. My question is how can i tag 2 classes for one image for example ; <img class="thick-green-border"class="smaller image"src="https://bit.ly/fcc-relaxing-cat">
can somebody help me ?
Michael Aubrey
@mca62511
Feb 11 2016 10:47
function queue(arr, item) {
  // Your code here
  arr.push(item);
  item = arr.shift();
  return item;  // Change this line
}
cannelflow
@cannelflow
Feb 11 2016 10:48
@mca62511 :+1:
Michael Aubrey
@mca62511
Feb 11 2016 10:48
I just mean, is that what I was supposed to do?
okay
Aleksander Gębicki
@Takumar
Feb 11 2016 10:48

@SuhasHosamani loop is good, and first condition. Instead of that part:

for(var key in contacts[i]){
if(prop == key){
}
}

use hasOwnProperty() method to check if your property exists in current object.
Or maybe you can also check your property in the loop. Hmm

Michael Aubrey
@mca62511
Feb 11 2016 10:49
@lovewithheit You just put a space between them, <img class="thick-green-border smaller image" src="#">
cannelflow
@cannelflow
Feb 11 2016 10:49
@lovewiththeit <img class="a b"> a& b are two different class
lovewiththeit
@lovewiththeit
Feb 11 2016 10:50
<img class="thick-green-border" "smaller image"src="https://bit.ly/fcc-relaxing-cat">
so?
Michael Aubrey
@mca62511
Feb 11 2016 10:50
nope
<img class="thick-green-border smaller image" src="https://bit.ly/fcc-relaxing-cat">
cannelflow
@cannelflow
Feb 11 2016 10:51
:point_up: February 11, 2016 4:19 PM @lovewiththeit
lovewiththeit
@lovewiththeit
Feb 11 2016 10:51
must i create 2 different classes?
@mca62511
Michael Aubrey
@mca62511
Feb 11 2016 10:51
There's three classes there
thick-green-border
smaller
image

and you show all three classes within the

class="..."

part

SuhasHosamani
@SuhasHosamani
Feb 11 2016 10:52
@Takumar how to print this value in console after finding LIKES property ---: ["Pizza", "Coding", "Brownie Points"]
lovewiththeit
@lovewiththeit
Feb 11 2016 10:52
2 classes smaller image is one or nah?
Michael Aubrey
@mca62511
Feb 11 2016 10:52
basically, you can put more than one class inside the class part
lovewiththeit
@lovewiththeit
Feb 11 2016 10:52
class*
Michael Aubrey
@mca62511
Feb 11 2016 10:52
they're two classes
cannelflow
@cannelflow
Feb 11 2016 10:52
<img class="thick-green-border smaller-image"src="https://bit.ly/fcc-relaxing-cat">
@lovewiththeit
Michael Aubrey
@mca62511
Feb 11 2016 10:53
"smaller" is a class, and "image" is a class
spaces separate classes
lovewiththeit
@lovewiththeit
Feb 11 2016 10:53
@cannelflow i make it so but it isnt working
<img class="thick-green-border smaller image"src="https://bit.ly/fc
Aleksander Gębicki
@Takumar
Feb 11 2016 10:54
@SuhasHosamani you use console.log() function to print to the console.
cannelflow
@cannelflow
Feb 11 2016 10:54
@lovewiththeit there is two class i guess thick-green-border & smaller-image
Aleksander Gębicki
@Takumar
Feb 11 2016 10:54
@lovewiththeit put space after " before src, oh, and @cannelflow is right with name: smaller-image
cannelflow
@cannelflow
Feb 11 2016 10:54
@lovewiththeit write like smaller-image
Michael Aubrey
@mca62511
Feb 11 2016 10:54
right, if it is smaller-image then you have two classes
but the way you wrote it with a space looks like three classes
Which challenge is it?
lovewiththeit
@lovewiththeit
Feb 11 2016 10:55
@Takumar it happend nothing
@cannelflow yes
cannelflow
@cannelflow
Feb 11 2016 10:55
@Takumar is right you need to do like src="#" you did like "src="https://bit.ly/fc
lovewiththeit
@lovewiththeit
Feb 11 2016 10:56
2 classe s
cannelflow
@cannelflow
Feb 11 2016 10:56
@lovewiththeit show your whole code
Aleksander Gębicki
@Takumar
Feb 11 2016 10:56
@lovewiththeit and have you finished your code with ">?
cannelflow
@cannelflow
Feb 11 2016 10:56
pls
Michael Aubrey
@mca62511
Feb 11 2016 10:56
ah, found it, you're right, it is smaller-image
In your css you'll have
  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 10px;
  }

  .smaller-image {
    width: 100px;
  }
lovewiththeit
@lovewiththeit
Feb 11 2016 10:56
that is the whole code
<img class="thick-green-border smaller image" src= "https://bit.ly/fcc-relaxing-cat">
Michael Aubrey
@mca62511
Feb 11 2016 10:57
and so you'll put something like
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
SuhasHosamani
@SuhasHosamani
Feb 11 2016 10:57
@Takumar I meant function lookUp(firstName, prop){
// Only change code below this line
for(i=0; i<contacts.length;i++){
if(contacts[i].firstName == firstName){
if(contacts[i].hasOwnProperty(prop)){
// WHAT COMES HERE console.log();
}
}}
// Only change code above this line
}
Aleksander Gębicki
@Takumar
Feb 11 2016 10:58
@SuhasHosamani I have written the function with your idea and it is good :-) :thumbsup:
You can do it either using hasOwnProperty() method or with your for(var key in contacts[i]){ loop
@SuhasHosamani when you check that property exists in object, you can return its value: return contacts[i][prop];
lovewiththeit
@lovewiththeit
Feb 11 2016 10:59
hmmm, why that isnt working :worried:
Aleksander Gębicki
@Takumar
Feb 11 2016 11:00
@lovewiththeit have you put hyphen in the name of class: smaller-image ?
cannelflow
@cannelflow
Feb 11 2016 11:00
@lovewiththeit can you write your code here
Michael Aubrey
@mca62511
Feb 11 2016 11:01
it needs the hyphen
lovewiththeit
@lovewiththeit
Feb 11 2016 11:01

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

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

</style>

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

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

Michael Aubrey
@mca62511
Feb 11 2016 11:01
yeah, needs a hyphen
smaller-image
lovewiththeit
@lovewiththeit
Feb 11 2016 11:01
What is hyphen?
SuhasHosamani
@SuhasHosamani
Feb 11 2016 11:01
@Takumar Awesome!! wat i was looking for return contacts[i][prop]; :smile:
Michael Aubrey
@mca62511
Feb 11 2016 11:01
dash
  • <---this
opps, not that
this - <----
cannelflow
@cannelflow
Feb 11 2016 11:01
@lovewiththeit you wrote <img class="smaller image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"> do like smaller-image
Michael Aubrey
@mca62511
Feb 11 2016 11:01
smaller-image
not smaller image
Aleksander Gębicki
@Takumar
Feb 11 2016 11:02
@SuhasHosamani you wrote that you want to write to the console, thats why I mentioned console.log() :-)
cannelflow
@cannelflow
Feb 11 2016 11:02
@lovewiththeit if you write like smaller image it is two different class
lovewiththeit
@lovewiththeit
Feb 11 2016 11:02
@mca62511 @Takumar @cannelflow thanks a lot :+1:
CamperBot
@camperbot
Feb 11 2016 11:02
lovewiththeit sends brownie points to @mca62511 and @takumar and @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 2280 | @takumar | http://www.freecodecamp.com/takumar
:star: 774 | @cannelflow | http://www.freecodecamp.com/cannelflow
:star: 228 | @mca62511 | http://www.freecodecamp.com/mca62511
Aleksander Gębicki
@Takumar
Feb 11 2016 11:03
@lovewiththeit The hyphen (‐) is a punctuation mark used to join words and to separate syllables of a single word.
https://en.wikipedia.org/wiki/Hyphen
cannelflow
@cannelflow
Feb 11 2016 11:04
@lovewiththeit :+1:
Aleksander Gębicki
@Takumar
Feb 11 2016 11:04
@mca62511 is this dash not hyphen in the context of concatenated words?
SuhasHosamani
@SuhasHosamani
Feb 11 2016 11:04
@Takumar thanks :)
CamperBot
@camperbot
Feb 11 2016 11:04
suhashosamani sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 2281 | @takumar | http://www.freecodecamp.com/takumar
Aleksander Gębicki
@Takumar
Feb 11 2016 11:05
@SuhasHosamani you are welcome :-)
@lovewiththeit :+1:
Michael Aubrey
@mca62511
Feb 11 2016 11:05
@Takumar ? I don't understand your question.
Aleksander Gębicki
@Takumar
Feb 11 2016 11:06
@mca62511 you said that - is dash :point_up: 11 lutego 2016 12:01
Michael Aubrey
@mca62511
Feb 11 2016 11:06
@Takumar I was just offering "dash" as a different word to describe it since it seemed like they didn't understand the word hyphen.
They asked "What is hyphen?"
Aleksander Gębicki
@Takumar
Feb 11 2016 11:07
@mca62511 ok, I thought that I misunderstood the word hyphen.
Michael Aubrey
@mca62511
Feb 11 2016 11:07
Ah I see
codeSavvy69
@codeSavvy69
Feb 11 2016 11:10
function spinalCase(str) {
  // "It's such a fine line between stupid, and clever."
  // --David St. Hubbins
  return str.replace(/[\s_]/g, "-").toLowerCase();
}

spinalCase('thisIsSpinalTap');
can't seem to pass this one.
Help
deadbeat_onyx
@blackshadowthedark
Feb 11 2016 11:10
im stuck on give elements with the p tag a font -sized of 16px browser and text zoom should be at 100%
Michael Aubrey
@mca62511
Feb 11 2016 11:11
Oh I remember that, I got stuck on that too
deadbeat_onyx
@blackshadowthedark
Feb 11 2016 11:11
help?
CamperBot
@camperbot
Feb 11 2016 11:11

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

Aleksander Gębicki
@Takumar
Feb 11 2016 11:11
@blackshadowthedark show your code :-) What have you tried?
cannelflow
@cannelflow
Feb 11 2016 11:12
@blackshadowthedark can you show your code
deadbeat_onyx
@blackshadowthedark
Feb 11 2016 11:12

<style>
.red-text {
color: red;
}
</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>Kitty ipsum Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sinl fluffy fur catnip scratched.</p>

Michael Aubrey
@mca62511
Feb 11 2016 11:13
you need to add styling for p in your css
cannelflow
@cannelflow
Feb 11 2016 11:13
@blackshadowthedark which exercise? i think you don't need class in p tag
Michael Aubrey
@mca62511
Feb 11 2016 11:13
that sets the font size to 16
Aleksander Gębicki
@Takumar
Feb 11 2016 11:13

@blackshadowthedark you have to style p element between <style> and </style> tags.
Please look how class .red-text is prepared, and do something similar:

p {
}

but using font-size attribute

cannelflow
@cannelflow
Feb 11 2016 11:14
@blackshadowthedark and add your p tag in style
<style>
      <------- add styling property for p
</style>
@blackshadowthedark
SJV83
@SJV83
Feb 11 2016 11:50
How do i replace a string (Lets say i'm trying to remove all white space) with regular expressions? my regex is [/\S+/gi] is this right?
Michael Aubrey
@mca62511
Feb 11 2016 11:51
@blackshadowthedark did you get that sorted?
DinnerFingers
@DinnerFingers
Feb 11 2016 11:54
Has anyone else been stumped by the Escape Sequences in Strings challenge?
CodeMustang
@CodeMustang
Feb 11 2016 11:54
@SJV83 \s not \S ; \S is the negation which means it removes everything but whitespace
@DinnerFingers need some help?
David Enos
@bluedangerforyou
Feb 11 2016 11:57
whew!
DinnerFingers
@DinnerFingers
Feb 11 2016 11:58
aye @CodeMustang, here's what I have
var myStr = ' \\ \t \t \r \n';
dammit, I got it
Michael Aubrey
@mca62511
Feb 11 2016 11:58
:smile:
DinnerFingers
@DinnerFingers
Feb 11 2016 11:59
only saw what i did wrong when I put it up here :laughing:
CodeMustang
@CodeMustang
Feb 11 2016 11:59
@DinnerFingers the space right ? :D
Michael Aubrey
@mca62511
Feb 11 2016 11:59
hate it when that happens
DinnerFingers
@DinnerFingers
Feb 11 2016 11:59
yup, thanks for helping @CodeMustang - I would have missed it entirely if you hadn't asked about it lol
CamperBot
@camperbot
Feb 11 2016 11:59
dinnerfingers sends brownie points to @codemustang :sparkles: :thumbsup: :sparkles:
:star: 252 | @codemustang | http://www.freecodecamp.com/codemustang
CodeMustang
@CodeMustang
Feb 11 2016 11:59
Don't mention it
SJV83
@SJV83
Feb 11 2016 12:08
@CodeMustang great stuff, fixed it. Thanks
CamperBot
@camperbot
Feb 11 2016 12:08
sjv83 sends brownie points to @codemustang :sparkles: :thumbsup: :sparkles:
:star: 253 | @codemustang | http://www.freecodecamp.com/codemustang
M.Maisan
@maisan
Feb 11 2016 12:09
er guys, i'm on the escape sequences just as @DinnerFingers was , but i dont get what i am doing wrong
var myStr = '\ \t \r \n ';
DinnerFingers
@DinnerFingers
Feb 11 2016 12:11
spaces my friend :D
no spaces between the single quotes but between the slash/tab/return etc
M.Maisan
@maisan
Feb 11 2016 12:12
wait lemme check ._.
DinnerFingers
@DinnerFingers
Feb 11 2016 12:13
I hope it helps @maisan
M.Maisan
@maisan
Feb 11 2016 12:13
@DinnerFingers kind of doesnt... i mean i am still stuck. T-T
var myStr = '\ \t \r \n';
is this not what you mean?
DinnerFingers
@DinnerFingers
Feb 11 2016 12:14
It got me for a while too
try this
Alexander Køpke
@alexanderkopke
Feb 11 2016 12:15
@maisan the first one should be \ I think
M.Maisan
@maisan
Feb 11 2016 12:15
Holy mackarel! i forgot one tab. :<
and yeah i did put it there, that wasnt the issue ^^"
DinnerFingers
@DinnerFingers
Feb 11 2016 12:15
var mySrt = ' \ \t \t \r \n';
M.Maisan
@maisan
Feb 11 2016 12:15
thanks @DinnerFingers and @alexanderkopke
CamperBot
@camperbot
Feb 11 2016 12:15
maisan sends brownie points to @dinnerfingers and @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star: 471 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
DinnerFingers
@DinnerFingers
Feb 11 2016 12:15
sorry that supposed to sa mystr**
CamperBot
@camperbot
Feb 11 2016 12:15
:star: 163 | @dinnerfingers | http://www.freecodecamp.com/dinnerfingers
DinnerFingers
@DinnerFingers
Feb 11 2016 12:15
Nice :D
M.Maisan
@maisan
Feb 11 2016 12:15
no worries :D
Gregg Gotsis
@Imagineandenjoi
Feb 11 2016 12:16
hey how do i make sure my browser and text zoom is at 100% safari??
DinnerFingers
@DinnerFingers
Feb 11 2016 12:16
I had a space too many and for some reason didnt see it till I posted it here :smile_cat:
M.Maisan
@maisan
Feb 11 2016 12:16
can't help the human errors ^^" :/
Gregg Gotsis
@Imagineandenjoi
Feb 11 2016 12:18
anybody?
Alexander Køpke
@alexanderkopke
Feb 11 2016 12:18
@Imagineandenjoi zoom:100%; for the body I would assume. What do you have so far?
M.Maisan
@maisan
Feb 11 2016 12:18
@Imagineandenjoi Zoom in on webpages in Safari: In Safari, choose View > Zoom In, or press Command-Plus (+). You can choose Zoom In or press Command-Plus multiple times to continue zooming in. If you want to zoom just the text and not images, choose “Zoom Text Only.”
Alexander Køpke
@alexanderkopke
Feb 11 2016 12:19
so in css: body{zoom:100%;}
M.Maisan
@maisan
Feb 11 2016 12:19
too much troll?
CamperBot
@camperbot
Feb 11 2016 12:19
:trollface: troll problems? notify admins here
Gregg Gotsis
@Imagineandenjoi
Feb 11 2016 12:20
I'm working on changing the font size of an element.. it says as a note Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.
i know i wrote the code right but an issue with my browser zoom is stopping it from running tests
Alexander Køpke
@alexanderkopke
Feb 11 2016 12:21
@Imagineandenjoi well, I suppose you can use font-size:1em;
DinnerFingers
@DinnerFingers
Feb 11 2016 12:23
@Imagineandenjoi I think ctrl +0 does the trick. if you are at 100% zoom already you missed something. that challenge stumped me too
Gregg Gotsis
@Imagineandenjoi
Feb 11 2016 12:23
thanks! ill check it out
David Enos
@bluedangerforyou
Feb 11 2016 12:29
Hello guys, I am on this exercise: Nest an Anchor Element within a Paragraph
I am not sure if I am doing something incorrect, but
DinnerFingers
@DinnerFingers
Feb 11 2016 12:29
I am on the Word Blanks challenge.... omg I don't know what I'm doing
What's up @bluedangerforyou ?
David Enos
@bluedangerforyou
Feb 11 2016 12:29
Your p element should have the text "View more " (with a space after it).
DinnerFingers
@DinnerFingers
Feb 11 2016 12:29
"view more "
David Enos
@bluedangerforyou
Feb 11 2016 12:30
but it appears as ordered in the phone emulator
that is what I have
<p>View more
<a href="http://www.freecatphotoapp.com">cat photos</a></p>
are these exercises case sensitive?
I also tried the p tag on new line
DinnerFingers
@DinnerFingers
Feb 11 2016 12:30
Always. I got stumped on this one too. Lemme see what I have
David Enos
@bluedangerforyou
Feb 11 2016 12:31
thanks dinner
greg
@wearenotgroot
Feb 11 2016 12:35
@DinnerFingers just make a sentence using the given words
@DinnerFingers remember the words are store in the function parameters, use + to concatenate them
DinnerFingers
@DinnerFingers
Feb 11 2016 12:37
thanks @wearenotgroot ! @bluedangerforyou there's got to be something else you're missing the code looks the same as what I have
CamperBot
@camperbot
Feb 11 2016 12:37
dinnerfingers sends brownie points to @wearenotgroot and @bluedangerforyou :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for bluedangerforyou
:star: 742 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
Jessica Taylor
@jessicatee
Feb 11 2016 12:38
hi, i'm not understanding the target:nth-child() in jquery :/ "Make the second child in each of your well elements bounce. You must target the children of element with the target class."
i got it working with : $("button:nth-child(2)").addClass("animated bounce");
David Enos
@bluedangerforyou
Feb 11 2016 12:38
Thanks guys
Jessica Taylor
@jessicatee
Feb 11 2016 12:39
but it wants us to target the 2nd element of each well, which have a class of well, so i'd have thought : $(".well:nth-child(2)").addClass("animated bounce"); would work
but it doesnt and i'm not sure if it is a bug or i'm just not getting it :/
greg
@wearenotgroot
Feb 11 2016 12:41
@jessicatee just target the nth child, remove the .well
@jessicatee look at the <----------exmaple to you left
@jessicatee on the lesson page
Jessica Taylor
@jessicatee
Feb 11 2016 12:42
ugh omg i get it lol, i thought target was the syntax, forgetting the buttons has classes of target lol (facepalm)
greg
@wearenotgroot
Feb 11 2016 12:43
:smile:
Jessica Taylor
@jessicatee
Feb 11 2016 12:44
so using button worked because it still targeted the 2nd button, just in a diff way lol
:D
thanks @wearenotgroot
CamperBot
@camperbot
Feb 11 2016 12:44
jessicatee sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star: 743 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
DinnerFingers
@DinnerFingers
Feb 11 2016 12:52
really confused by the Word Blanks challenge, do I need to worry about an input at all? :confused:
Csutka Boglárka
@bogika0107
Feb 11 2016 12:53
Hello everyone!
DinnerFingers
@DinnerFingers
Feb 11 2016 12:54
hello @bogika0107
:smile:
Csutka Boglárka
@bogika0107
Feb 11 2016 12:55

Can somebody to help me?

My task: Give the text input in your form the class form-control.
But i stuck...

That's my code: (what should i have to do?)

<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text" placeholder="cat photo URL" required>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i></button>
</form>

DinnerFingers
@DinnerFingers
Feb 11 2016 12:56
well lol, I'll have a look at what I got
greg
@wearenotgroot
Feb 11 2016 12:57
@DinnerFingers just use the funcion parameters then use + to connect them, example myNoun + ' ' +myAdjective and so on. also store the
DinnerFingers
@DinnerFingers
Feb 11 2016 12:59
@bogika0107 whats the name of the challenge you're on? Its taking me ages to find it
yuyao17
@yuyao17
Feb 11 2016 12:59
anyone free to look at my pomodoro clock
greg
@wearenotgroot
Feb 11 2016 13:01
@yuyao17 sure paste the link
yuyao17
@yuyao17
Feb 11 2016 13:03
@wearenotgroot http://codepen.io/yuyao17/pen/zvgNER im not really done yet, and I have one problem, I can't reflect the changes I make with $("#plus").on("click" to my timer function where it shows the initial value on the screen
greg
@wearenotgroot
Feb 11 2016 13:03
@yuyao17 ye I saw, let me check
yuyao17
@yuyao17
Feb 11 2016 13:04
@wearenotgroot ty
DinnerFingers
@DinnerFingers
Feb 11 2016 13:06
@wearenotgroot should I assing the blankwords to the variables? I guess that wouldn't make sense come to think of it
RohitashK
@RohitashK
Feb 11 2016 13:06
Hi! DinnerFingers
greg
@wearenotgroot
Feb 11 2016 13:06
@yuyao17 well the probelem is you are not updating the text on the
RohitashK
@RohitashK
Feb 11 2016 13:06
can you pls let me know the missing style?
greg
@wearenotgroot
Feb 11 2016 13:06
@yuyao17 if you do this
$("#plus").on("click", function() {
  worktime += 1;
timer(); <-----------------
})
RohitashK
@RohitashK
Feb 11 2016 13:06
it is not publishing font-size:100%; for p tag
yuyao17
@yuyao17
Feb 11 2016 13:07
@wearenotgroot oooh i see! thank you!
CamperBot
@camperbot
Feb 11 2016 13:07
yuyao17 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
RohitashK
@RohitashK
Feb 11 2016 13:07
Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
greg
@wearenotgroot
Feb 11 2016 13:07
@yuyao17 but i woul sugget to have a separate method for updating the display and updating the values you are working on
CamperBot
@camperbot
Feb 11 2016 13:07
:star: 744 | @wearenotgroot | http://www.freecodecamp.com/wearenotgroot
RohitashK
@RohitashK
Feb 11 2016 13:08
Hello! everyone
Ivan Temchur
@ttemcha
Feb 11 2016 13:08
@RohitashK yo )
RohitashK
@RohitashK
Feb 11 2016 13:08
I got stuck in few code
Give elements with the p tag a font-size of 16px. Browser and Text zoom should be at 100%.
new user in freecodecamp :)
learning html/css from basics
greg
@wearenotgroot
Feb 11 2016 13:09
@yuyao17 so you'll have a variable for the display and a variable you perform operation with. The variable you perform operation with should be in milliseconds to make it easier to work with
RohitashK
@RohitashK
Feb 11 2016 13:09

<style>

p{
font-size: 16px;
font-size:100%
}
.red-text {
color: red;
}
</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>

DinnerFingers
@DinnerFingers
Feb 11 2016 13:10
@RohitashK hi :D
RohitashK
@RohitashK
Feb 11 2016 13:10
hi!
DinnerFingers
@DinnerFingers
Feb 11 2016 13:11
Oh the second para
you added the red text class, makes computer say no :smile:
RohitashK
@RohitashK
Feb 11 2016 13:11
okay!
yuyao17
@yuyao17
Feb 11 2016 13:11
@wearenotgroot Yeah my code is all over the place, still learning how to sort things out to make it easier. thank you for the advice!
CamperBot
@camperbot
Feb 11 2016 13:11
yuyao17 sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:warning: yuyao17 already gave wearenotgroot points
greg
@wearenotgroot
Feb 11 2016 13:12
@RohitashK also missing semicolon on the p in the style tag
@RohitashK
p{
font-size: 16px;
font-size:100% <--------------------------missed me
}
RohitashK
@RohitashK
Feb 11 2016 13:12

<style>

p{
font-size: 16px;
font-size:100%;
}
.red-text {
color: red;
}
</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>

not working yet :(
DinnerFingers
@DinnerFingers
Feb 11 2016 13:13
@wearenotgroot you have a damn sharp eye sir! I missed that
cannelflow
@cannelflow
Feb 11 2016 13:13
@RohitashK which exercise ?
DinnerFingers
@DinnerFingers
Feb 11 2016 13:13
@RohitashK you still have the red text class in the second para
RohitashK
@RohitashK
Feb 11 2016 13:14

<style>

p{
font-size: 16px;
font-size:100%;
}
.red-text {
color: red;
}
</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>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 11 2016 13:14
@RohitashK refresh the page
RohitashK
@RohitashK
Feb 11 2016 13:14
ohh! still not going..
DinnerFingers
@DinnerFingers
Feb 11 2016 13:14
eeep got me stumped but I got stuck on this one myself
cannelflow
@cannelflow
Feb 11 2016 13:14
@RohitashK p{
font-size: 16px;
font-size:100%;
} which font size you need 16px or 100%;
DinnerFingers
@DinnerFingers
Feb 11 2016 13:15
good point, take out the 100%??
it will always take the last thing if there's a conflict right?
RohitashK
@RohitashK
Feb 11 2016 13:16
okay
cannelflow
@cannelflow
Feb 11 2016 13:16
yes @DinnerFingers
which exercise is this ? @DinnerFingers @RohitashK
RohitashK
@RohitashK
Feb 11 2016 13:17
:)
thanks! DONE
@DinnerFingers
DinnerFingers
@DinnerFingers
Feb 11 2016 13:17
wooop! Nice work @RohitashK what was the trouble?
RohitashK
@RohitashK
Feb 11 2016 13:17
font-size: 16px;
font-size:100%;
I kept only one
DinnerFingers
@DinnerFingers
Feb 11 2016 13:17
and thanks @cannelflow for being helpful too :cat:
CamperBot
@camperbot
Feb 11 2016 13:17
dinnerfingers sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 776 | @cannelflow | http://www.freecodecamp.com/cannelflow
greg
@wearenotgroot
Feb 11 2016 13:18
@RohitashK next time post the title of the exercise so it will be easier to identify the problem
RohitashK
@RohitashK
Feb 11 2016 13:19
thanks! sure. I am new user on the FreeCodeCamp
started few minutes ago
greg
@wearenotgroot
Feb 11 2016 13:19
aslo here is how to format code
wiki format
CamperBot
@camperbot
Feb 11 2016 13:20

: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

cannelflow
@cannelflow
Feb 11 2016 13:20
@RohitashK @DinnerFingers :+1:
RohitashK
@RohitashK
Feb 11 2016 13:20
this is damn good @cannelflow :)
will enjoy coding with awesome coders :)
greg
@wearenotgroot
Feb 11 2016 13:21

@RohitashK use backticks 3`

```

//code between this two, shift + enter to jump a new line
```

DinnerFingers
@DinnerFingers
Feb 11 2016 13:27
should be to the left of your "1" under the esc key if you can't find it
greg
@wearenotgroot
Feb 11 2016 13:32
g2g
GL and Happy Coding Everyone!
DinnerFingers
@DinnerFingers
Feb 11 2016 13:35
Can anyone tell me how I'm being dumb here? exactly how far off am I (blank words challenge)
function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
  var result = "";
  // Your code below this line
  myNoun = "dog";
  myAdjective = "big";
  myVerb = "ran";
  myAdverb = "quickly";