These are chat archives for FreeCodeCamp/Help

27th
Nov 2015
kparra97
@kparra97
Nov 27 2015 00:10
Can someone help me with this ? I don't know where I'm going wrong
connieblue
@connieblue16
Nov 27 2015 00:13

can anyone tell me why is this not valid please?

<script $(document).ready(function(){ });></script>

<script $(document).ready(function(){
        });></script>
Coira Ellison
@Coira
Nov 27 2015 00:15
@connieblue16 missed a bit <script>
connieblue
@connieblue16
Nov 27 2015 00:15
@coira i tried that, then i get this msg on the side of the screen: expected expression, got '>'
Coira Ellison
@Coira
Nov 27 2015 00:16
what's the waypoint?
connieblue
@connieblue16
Nov 27 2015 00:16
http://www.freecodecamp.com/challenges/waypoint-learn-how-script-tags-and-document-ready-work?solution=fccss%20%24%28document%29.ready%28function%28%29{%0A%20%20%20%20%20%20%20%20}%29%3B%3Efcces%0A%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
Coira Ellison
@Coira
Nov 27 2015 00:17
@connieblue16 you've got an extra > here ></script>
connieblue
@connieblue16
Nov 27 2015 00:18
@coira thanks so much! i'm so annoyed with all these tiny mistakes i make!
CamperBot
@camperbot
Nov 27 2015 00:18
connieblue16 sends brownie points to @coira :sparkles: :thumbsup: :sparkles:
:star: 345 | @coira | http://www.freecodecamp.com/coira
Coira Ellison
@Coira
Nov 27 2015 00:18
np :)
Manish Giri
@Manish-Giri
Nov 27 2015 00:28
I need some help understanding how to use and work with JSON
while using APIs that return data(some in JSON format)
@summerfr33ze the code that’s present is just returning the string entered, as of now
You’re supposed to add your code in the function
apekearo
@apekearo
Nov 27 2015 00:31
when the instructions say to give a variable a property with a string value. what does that mean exactly. new Car (nickname) new Car "nickname" new Car ("nickname") none of these are working, i'll figure it out, but having trouble understanding strings. i've done some extracuricular studies, but still don't quite understand
Manish Giri
@Manish-Giri
Nov 27 2015 00:37
@96street what is n?
@96street and where have you defined what (n-1)! should do?
Abhisek Pattnaik
@abhisekp
Nov 27 2015 00:42
@Manish-Giri hope this helps https://www.youtube.com/watch?v=fEYx8dQr_cQ
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 01:01
Finally back after watching the disastrous Cowboys game. : )
alan1001110
@alan1001110
Nov 27 2015 01:01
@kparra97 Are you still stuck?
David Ojeda
@davidojedalopez
Nov 27 2015 01:03
@apekearo, can you post the exact instructions? From what you wrote, I understand that you want something like this: myCar.name = "My Car". MyCar is your object; name is your property; and "My Car" is the value of the name property of your Car object
TheRealCoder
@TheRealCoder
Nov 27 2015 01:06

ou can add the fa-paper-plane Font Awesome icon by adding <i class="fa fa-paper-plane"></i> within your submit button element.

Give your form's text input field a class of form-control. Give your form's submit button the classes btn btn-primary. Also give this button the Font Awesome icon of fa-paper-plane.

<button class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
what cna i fix
Manish Giri
@Manish-Giri
Nov 27 2015 01:08
@abhisekp thanks! I’ll see the videos
CamperBot
@camperbot
Nov 27 2015 01:08
manish-giri sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 1069 | @abhisekp | http://www.freecodecamp.com/abhisekp
TheRealCoder
@TheRealCoder
Nov 27 2015 01:09
thanks @TheRealCoder
CamperBot
@camperbot
Nov 27 2015 01:09
sorry therealcoder, you can't send brownie points to yourself! :sparkles: :sparkles:
TheRealCoder
@TheRealCoder
Nov 27 2015 01:09
lmfao
help me
CamperBot
@camperbot
Nov 27 2015 01:13

:point_right: adding environment variables [wiki]

In Windows

Via GUI

  1. Download Varpanel.
  2. Open Varpanel.
  3. In PATH variable, add the relevant path (for example).

:pencil: read more about adding environment variables on the FCC Wiki

Hans van Riet
@hansinla
Nov 27 2015 01:28
@TheRealCoder I don't see your input field in your code.
Hendrik
@Henne37
Nov 27 2015 01:31
This message was deleted
This message was deleted
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 01:36
Quick question [CSS]: Is there a reason why one would choose to use the Hex color code over RGB color values?
Sam Di Pasquale
@slypix
Nov 27 2015 01:41
@miguel-ramos RGB offers an extra property for opacity rgba (0,0,0,0.5) would give you 50% opacity black
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 01:43
Hmm. Not sure if I'm understanding, can you please elaborate?
Sam Di Pasquale
@slypix
Nov 27 2015 01:45
If you have a background image in the body, and have a div above it, you can give it a transparent fill using rgba , so you can see the background behind it
Hans van Riet
@hansinla
Nov 27 2015 01:47
@miguel-ramos other than controlling transparency there's no difference
Chris
@Meowsers25
Nov 27 2015 01:52
Ok brand new......I'm having trouble with uncomment HTML
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 01:55
I oh see, that makes more sense @slypix. Thanks!
CamperBot
@camperbot
Nov 27 2015 01:55
miguel-ramos sends brownie points to @slypix :sparkles: :thumbsup: :sparkles:
:star: 199 | @slypix | http://www.freecodecamp.com/slypix
Morgan
@MorganK95
Nov 27 2015 01:55
help
CamperBot
@camperbot
Nov 27 2015 01:55

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

Basic Commands:

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

:speech_balloon: meet CamperBot in this room!

:pencil: read more about camperbot on the FCC Wiki

Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 01:56
Gotcha, hansinla.
Morgan
@MorganK95
Nov 27 2015 01:56
bonfire TITLECASEASENTENCE
CamperBot
@camperbot
Nov 27 2015 01:56
Sorry, can't find a bonfire called titlecaseasentence. [ Check the map? ]
Morgan
@MorganK95
Nov 27 2015 01:56
bonfire TITLE CASE A SENTENCE
CamperBot
@camperbot
Nov 27 2015 01:56

:fire:Bonfire: Title Case a Sentence :link:

function titleCase(str) {
  return str;
}

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

Return the provided string with the first letter of each word capitalized.

more info:  bf details | bf links | hint

Morgan
@MorganK95
Nov 27 2015 01:56
hint
CamperBot
@camperbot
Nov 27 2015 01:56
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
Julie Myers
@BlueOceanView
Nov 27 2015 02:01
@miguel-ramos Also, hex is more backwards compatible with older browsers compared to RGB.
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 02:02
Oh!
Hi, btw. @BlueOceanView . Hope you're having an awesome Thanksgiving.
Julie Myers
@BlueOceanView
Nov 27 2015 02:04
Hi @miguel-ramos Thanks. I am. And you?
Ryan Malm
@Rybar
Nov 27 2015 02:05
@BlueOceanView internet explorer 8 is the only browser that doesn't support CSS3 RGBA.
Julie Myers
@BlueOceanView
Nov 27 2015 02:13
@Rybar Yup. But, some companies and people are still on IE8 :P
Watching the Bears vs. Packers game. Go cheeseheads!
J Savaiinaea
@savaii
Nov 27 2015 02:16
My company is on ie9 but they just announced they're changing to ie11 next month
Julie Myers
@BlueOceanView
Nov 27 2015 02:18
@savaii it's been my experience that medium to large companies are the last to update their browsers.
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 02:24
I sure am @BlueOceanView :)
J Savaiinaea
@savaii
Nov 27 2015 02:30
@BlueOceanView yeah man, this company is the biggest telco in NZ and yeah they're taking ages to upgrade but better safe than sorry haha
Julie Myers
@BlueOceanView
Nov 27 2015 02:32
@savaii Teleco's are the worst about IT related changes. I worked for GTE when they existed many years ago.
CompGeekGirl
@LisaRamos
Nov 27 2015 02:36
Okay, I'm having trouble with jQuery exercise 6, targeting the same element with multiple selectors. I've followed the written instructions and it won't let me go through. Is there anything I'm doing wrong? BTW, here's my code:
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary animated shake")
});
</script>
Pranav Doshi
@pranavdoshi
Nov 27 2015 02:38
Hello guys
flooyd
@flooyd
Nov 27 2015 02:38
How can I make buttons the same size regardless of the text that's in there? Basically, in the code below, I want to make the "-1 minute" button the same size as "+1 minute". It's currently smaller right now :(. Do I just need to adjust the padding manually?
Julie Myers
@BlueOceanView
Nov 27 2015 02:38
@LisaRamos If I remember right, I believe the #target1 should only have one argument being passed to the addClass method. Right now you have three things being passed: btn-primary, animated, and shake.
flooyd
@flooyd
Nov 27 2015 02:38
<div class="container-fluid">
  <div class="row">
    <div class="col-md-2 col-md-offset-5">
      <!--Button type="button" class="btn btn-primary btn-md">Medium</button>-->
      <button type="button" class="btn btn-primary btn-lg">+1 minute</button>
    </div>
  </div>
  <div class="row">
    <div class="col-md-2 col-md-offset-5">
      <button type="button" class="btn btn-primary btn-lg">-1 minute</button>
    </div>
  </div>
</div>
Julie Myers
@BlueOceanView
Nov 27 2015 02:39
@flooyd You can control the width and height of the buttons using CSS.
CompGeekGirl
@LisaRamos
Nov 27 2015 02:40
@BlueOceanView Okay, I got it. I seemed to have misread the instructions. Thanks.
CamperBot
@camperbot
Nov 27 2015 02:40
lisaramos sends brownie points to @blueoceanview :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for blueoceanview
Julie Myers
@BlueOceanView
Nov 27 2015 02:40
@flooyd For example:
button{
  width: 10%;
  height: 4%;
}
@LisaRamos you're welcome.
flooyd
@flooyd
Nov 27 2015 02:40
@BlueOceanView Thank you that worked ^_^. Is it better to use a percentage or a hard value? or does it not matter
CamperBot
@camperbot
Nov 27 2015 02:40
flooyd sends brownie points to @blueoceanview :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for blueoceanview
flooyd
@flooyd
Nov 27 2015 02:40
:( dumb bot
Julie Myers
@BlueOceanView
Nov 27 2015 02:42
@flooyd Since all websites should be responsive, you will 98% of the time use a combo of % and em.
I take that back, most websites should be responsive. There are cases where laying out a website to be responsive just doesn't work. There are ways around this.
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 02:46
I'm stuck on 74.
The instructions: To get started, we should nest all of our HTML in a div element with the class container-fluid.
I created a div with the required class.
It gives me this x: Make sure you have nested all HTML elements in .container-fluid.
Aleksandr Sidorov
@AleksandrSidorov
Nov 27 2015 02:47
@LisaRamos you have forgotten a semicolon in $("#target1").addClass("btn-primary animated shake")
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 02:47
It doesn't specify which html elements or anything.
Julie Myers
@BlueOceanView
Nov 27 2015 02:48
@miguel-ramos what is the url to that waypoint?
Aleksandr Sidorov
@AleksandrSidorov
Nov 27 2015 02:49
@LisaRamos And you can use multiple arguments in addClass method: https://api.jquery.com/addclass/
Anyone have a clue?
These are the instructions:
Your div element should have the class container-fluid.
Make sure each of your div elements has a closing tag.
Make sure you have nested all HTML elements in .container-fluid.
Julie Myers
@BlueOceanView
Nov 27 2015 02:51
@miguel-ramos The instructions aren't exact complete or something. It already added the div with the class.
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 02:51
I added the div.

<style>
.container-fluid{

}
</style>

<div class="container-fluid">

</div>

Julie Myers
@BlueOceanView
Nov 27 2015 02:52
I tried adding another div element inside the div with the class and the test still did not pass. The instructions are incomplete. Not too sure what the test is expecting you to type in.
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 02:53
Exactly @BlueOceanView . What should I do?
Aleksandr Sidorov
@AleksandrSidorov
Nov 27 2015 02:54
@miguel-ramos reset your waypoint. There is much more code in it.
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 02:54
Just did.
There was way more code in it.
Thanks, @AleksandrSidorov
CamperBot
@camperbot
Nov 27 2015 02:54
miguel-ramos sends brownie points to @aleksandrsidorov :sparkles: :thumbsup: :sparkles:
:star: 366 | @aleksandrsidorov | http://www.freecodecamp.com/aleksandrsidorov
Julie Myers
@BlueOceanView
Nov 27 2015 02:56
Resetting did it.
apekearo
@apekearo
Nov 27 2015 02:59
@BlueOceanView hey yo, how did you send me a private message the other day? was it a private message, it seemed to be on another background
@BlueOceanView i'm trying to send one now from a conversation from earlier
Julie Myers
@BlueOceanView
Nov 27 2015 03:01
@apekearo If you click on my photo there will be a button to start a private chat.
apekearo
@apekearo
Nov 27 2015 03:01
cool thanx
Julie Myers
@BlueOceanView
Nov 27 2015 03:11
@apekearo Did you want to chat about something? I never did get a private chat.
Synthia Beauvais
@sbeauvais34
Nov 27 2015 03:12
var ourArray = [];

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

var myArray = [];
myArray.push(i);


// Only change code below this line.



// Only change code above this line.

if(typeof(myArray) !== "undefined"){(function(){return myArray;})();}
Hi everyone. Can I get some help with Waypoint: Iterate with JavaScript For Loops
TheRealCoder
@TheRealCoder
Nov 27 2015 03:12
<input type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>>Submit</button>
</form>
Give your form's text input field a class of form-control. Give your form's submit button the classes btn btn-primary. Also give this button the Font Awesome icon of fa-paper-plane.
can someone
help me i need to give the text input
CamperBot
@camperbot
Nov 27 2015 03:12
no wiki entry for: me i need to give the text input
:pencil: click here to create one now!after creating your page type update to reload it here
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:12
@sbeauvais34 and @TheRealCoder wats the help required
TheRealCoder
@TheRealCoder
Nov 27 2015 03:13
form-control
give the text input in your form the class form-control
Synthia Beauvais
@sbeauvais34
Nov 27 2015 03:13
@pranavdoshi I don’t understand how to complete the Waypoint.
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:14
@sbeauvais34 iterate over array using for loop
@TheRealCoder give class form-control to your textfield element
TheRealCoder
@TheRealCoder
Nov 27 2015 03:14
thats what @pranavdoshi how do i do that
class form control
ohhh ok
thanks i got it
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:15
@TheRealCoder cool
@sbeauvais34 did u figure out?
TheRealCoder
@TheRealCoder
Nov 27 2015 03:15
<input type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary form-control" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
its still not going through
Synthia Beauvais
@sbeauvais34
Nov 27 2015 03:15
No. @pranavdoshi
TheRealCoder
@TheRealCoder
Nov 27 2015 03:16
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.
Make sure each of your i elements has a closing tag.
the third one is what i need help on
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:16
@sbeauvais34 u need to iterate over the array and to iterate u need for loop so that it goes over entire array
@TheRealCoder post ur entire code after u made recent changes
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 03:17
Do you guys think it's a good idea to work on FCC and, say, Code Academy at the same time? Not simultaneously, obviously, but would it be overkill?
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:17
@miguel-ramos codecademy is simple and nice one to start
Julie Myers
@BlueOceanView
Nov 27 2015 03:17
@miguel-ramos It is a good idea. There is a lot to things to know about web dev to code in it. The more practice you get the better.
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:17
quite interactive
@BlueOceanView yes thats the point
:)
Julie Myers
@BlueOceanView
Nov 27 2015 03:18
:)
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 03:19
Hmm.. It may sound silly but I read somewhere (reddit, I think) that it's better to focus on one thing first, finish it, and then go further. What do you folks think ?
Julie Myers
@BlueOceanView
Nov 27 2015 03:19
@miguel-ramos You should focus on one programming language at a time. For example, don't try and learn JavaScript and C++ at the same time.
TheRealCoder
@TheRealCoder
Nov 27 2015 03:21

@pranavdoshi @pranavdoshi <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>
</div>
<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"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</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">
<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 class="btn btn-primary form-control" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
</div>

this is my entire code
Julie Myers
@BlueOceanView
Nov 27 2015 03:21
@miguel-ramos When it comes to web dev you will need to learn HTML, CSS and javaScript at the same time.
Miguel Angel Ramos
@miguel-ramos
Nov 27 2015 03:21
Huh. So I guess I'll create an account with code academy then! :)
TheRealCoder
@TheRealCoder
Nov 27 2015 03:21
what is used for making videos games?!
is that xcode @BlueOceanView
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:21
@TheRealCoder which test case it is not passing
TheRealCoder
@TheRealCoder
Nov 27 2015 03:22
the thired one
Give the text input in your form the class form-control.
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:22
send me waypoint link
TheRealCoder
@TheRealCoder
Nov 27 2015 03:22
^^^^^
http://www.freecodecamp.com/challenges/waypoint-style-text-inputs-as-form-controls?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-8%22%3E%0A%20%20%20%20%20%20%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22img-responsive%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cimg%20src%3D%22http%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%22%3E%3Ci%20class%3D%22fa%20fa-thumbs-up%22%3E%3C%2Fi%3E%20Like%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3E%3Ci%20class%3D%22fa%20fa-info-circle%22%3E%3C%2Fi%3E%20Info%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3E%3Ci%20class%3D%22fa%20fa-trash%22%3E%3C%2Fi%3E%20Delete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20%3Cspan%20class%3D%22text-danger%22%3Elove%3A%3C%2Fspan%3E%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-primary%20form-control%22%20type%3D%22submit%22%3E%3Ci%20class%3D%22fa%20fa-paper-plane%22%3E%3C%2Fi%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:23
give ur input type=text class
Julie Myers
@BlueOceanView
Nov 27 2015 03:23
@TheRealCoder x-code is an IDE for developing iPhone apps.
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:24
@TheRealCoder
TheRealCoder
@TheRealCoder
Nov 27 2015 03:24
@BlueOceanView does this program
do xcode?!?!
Julie Myers
@BlueOceanView
Nov 27 2015 03:25
@TheRealCoder At first I did start learning objective-c so I could write iPhone/iPad apps. But, then I started liking web dev better. So, now I am becoming really good with javaScript.
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:25
@TheRealCoder i got the waypoint pass all test case
try
@sbeauvais34 did u understood?
Synthia Beauvais
@sbeauvais34
Nov 27 2015 03:26
Yes. I just figured it out. @pranavdoshi
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:27
@sbeauvais34 cool
Synthia Beauvais
@sbeauvais34
Nov 27 2015 03:27
var ourArray = [];

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

var myArray = [];
for (var i = 1; i < 6; i++) {
  myArray.push(i);
}


// Only change code below this line.



// Only change code above this line.

if(typeof(myArray) !== "undefined"){(function(){return myArray;})();}
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:27
always use loop to iterate over array
@sbeauvais34
Synthia Beauvais
@sbeauvais34
Nov 27 2015 03:27
Gotcha. Thanks! @pranavdoshi
CamperBot
@camperbot
Nov 27 2015 03:27
sbeauvais34 sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 235 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:27
np :)
Manish Giri
@Manish-Giri
Nov 27 2015 03:30
can anyone here help me understand how to parse data from JSON
TheRealCoder
@TheRealCoder
Nov 27 2015 03:37

<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>
</div>
<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"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</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">
<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 class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
</div>

Give the text input in your form the class form-control.
i need help
with the quesiton above
it should be at the bottom
where most of the info you need
Manish Giri
@Manish-Giri
Nov 27 2015 03:39
@TheRealCoder what’s the problem
TheRealCoder
@TheRealCoder
Nov 27 2015 03:40
@Manish-Giri i cant complete this thing
right here with "give the text input in your form the class form-control
ima mark the area better for you
<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 class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
</div>
Manish Giri
@Manish-Giri
Nov 27 2015 03:41
<input type=“text” class=“form-control” placeholder=“…” required>
TheRealCoder
@TheRealCoder
Nov 27 2015 03:41
godbless
Pranav Doshi
@pranavdoshi
Nov 27 2015 03:42
@TheRealCoder thats what i said to u
anyways this should get u sorted
:)
niveditasiri
@niveditasiri
Nov 27 2015 04:02
how to split an array.

var string = "'s',plit me into an array";

// Only change code below this line.

var array = string.split('s');

// Only change code above this line.

(function() {return array;})();

Jeffrey Brown
@jefyy
Nov 27 2015 04:03
can someone help me out
niveditasiri
@niveditasiri
Nov 27 2015 04:03
I tried many things but it doesn't split well
Jeffrey Brown
@jefyy
Nov 27 2015 04:03
with the way point: Use a CSS class to style an element
niveditasiri
@niveditasiri
Nov 27 2015 04:04
send the code
@jefyy
Jeffrey Brown
@jefyy
Nov 27 2015 04:05

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

}
</style>

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

its saying that my stylesheet should declare a red-text class and have its color set to red.
im not sure how to get past that
Craig Morrison
@frogmorton
Nov 27 2015 04:05
@niveditasiri the character you should split on is a space, I think. Put (" ") instead of "s"
Pranav Doshi
@pranavdoshi
Nov 27 2015 04:06
@jefyy color red u have to give
niveditasiri
@niveditasiri
Nov 27 2015 04:06
let me try @frogmorton
Jeffrey Brown
@jefyy
Nov 27 2015 04:07
ok thanks so much for the help
i knew it was something simple
Craig Morrison
@frogmorton
Nov 27 2015 04:07
@jefyy you should be using the h2 class to determine the color, not the CSS for all h2 elements
Pranav Doshi
@pranavdoshi
Nov 27 2015 04:07
@jefyy np
niveditasiri
@niveditasiri
Nov 27 2015 04:07
i put 's' but do I tried splitting but it give me a stupid message.
Pranav Doshi
@pranavdoshi
Nov 27 2015 04:07
particular element to style use class for that
@jefyy
@niveditasiri u need to give sepearator so give spaces it will split ur string into array
@niveditasiri try giving out separators and figure out what happens
niveditasiri
@niveditasiri
Nov 27 2015 04:09
do I have to give ' or "
can someone post here how you split with an example and the split afterwards.
Craig Morrison
@frogmorton
Nov 27 2015 04:10
I don't think it should matter... Just put a space in between them
niveditasiri
@niveditasiri
Nov 27 2015 04:12
it didn't work
Pranav Doshi
@pranavdoshi
Nov 27 2015 04:13
@niveditasiri post ur code within the backticks
niveditasiri
@niveditasiri
Nov 27 2015 04:14
okay.
Craig Morrison
@frogmorton
Nov 27 2015 04:14

Example
Split a string into an array of substrings:

var str = "How are you doing today?";
var res = str.split(" ");
The result of res will be an array with the values:

How,are,you,doing,today?

niveditasiri
@niveditasiri
Nov 27 2015 04:15
"s , p , i , i , t , m , e , i , n , t , o , a , n , a , r , r , a , y" ;
Craig Morrison
@frogmorton
Nov 27 2015 04:15
@pranavdoshi sorry for my lack of back ticks... I'm on mobile
niveditasiri
@niveditasiri
Nov 27 2015 04:15
var string ="s , p , i , i , t , m , e , i , n , t , o , a , n , a , r , r , a , y" ;
Craig Morrison
@frogmorton
Nov 27 2015 04:16
That looks like you did it with ("") and NOT (" ")
niveditasiri
@niveditasiri
Nov 27 2015 04:17
hmm, I don't like this array. anything I do, it gives me another thing to correct on.
Pranav Doshi
@pranavdoshi
Nov 27 2015 04:17
@niveditasiri chill
Craig Morrison
@frogmorton
Nov 27 2015 04:18
Exactly
Pranav Doshi
@pranavdoshi
Nov 27 2015 04:18
try figuring out the syntax and output what happens when slowly
den u will gradually understand
niveditasiri
@niveditasiri
Nov 27 2015 04:18
lol
Pranav Doshi
@pranavdoshi
Nov 27 2015 04:18
i guess @frogmorton and i hav given u lot of hints
@frogmorton its okay dude for the backticks
:P
@niveditasiri understand the split method try w3cchools and mdn dey have nice examples
Craig Morrison
@frogmorton
Nov 27 2015 04:20
In fact, I just pasted code from there to show you a clear example
Craig Morrison
@frogmorton
Nov 27 2015 04:28
Good luck @niveditasiri
var newArray = oldArray.filter(function(val){
  return val < 5;
});
doesn't pass test "You should have removed all values greater than 5"
Reinier Rodríguez González
@rrgonzalez
Nov 27 2015 04:36
< =
because you should remove greater so keep less or equal
got it?
Ryan Malm
@Rybar
Nov 27 2015 04:37
ah, 5 should be part of the set. yes.
Reinier Rodríguez González
@rrgonzalez
Nov 27 2015 04:38
yes.. that's the trick
pass it now?
Ryan Malm
@Rybar
Nov 27 2015 04:38
I feel derp for not catching that
Reinier Rodríguez González
@rrgonzalez
Nov 27 2015 04:38
it happens, not big deal
niveditasiri
@niveditasiri
Nov 27 2015 04:41
@frogmorton and @pranavdoshi thank you guys
CamperBot
@camperbot
Nov 27 2015 04:41
niveditasiri sends brownie points to @frogmorton and @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 236 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
:star: 344 | @frogmorton | http://www.freecodecamp.com/frogmorton
Pranav Doshi
@pranavdoshi
Nov 27 2015 04:44
np @niveditasiri understanding is imp.
Ryan Malm
@Rybar
Nov 27 2015 04:45
thx @rrgonzalez
CamperBot
@camperbot
Nov 27 2015 04:45
rybar sends brownie points to @rrgonzalez :sparkles: :thumbsup: :sparkles:
:star: 207 | @rrgonzalez | http://www.freecodecamp.com/rrgonzalez
Reinier Rodríguez González
@rrgonzalez
Nov 27 2015 04:45
U R welcome
Rishav Kumar
@rishav171
Nov 27 2015 05:09

function findLongestWord(str) {
var arrayOfString = str.split(' ');
var Longest_word;

for(i=0;i< arrayOfString[i];i++){

if 
 ( (arrayOfString[i]) > (arrayOfString[i+1]))
  Longest_word = arrayOfString[i]; 
  else 
  Longest_word =arrayOfString[i+1];

}
return string.length;
}

findLongestWord("The quick brown fox jumped over the lazy dog");

wats wrong
Matt Leonard
@matty22
Nov 27 2015 05:24
@rishav171 Do you have two ( ( in your if statement?
Yes. Take out the extra ( ) around each of the parts of your if
if (arrayOfString[i] > arrayOfString[i + 1]) { }
Craig Morrison
@frogmorton
Nov 27 2015 05:26
@niveditasiri yw
Matt Leonard
@matty22
Nov 27 2015 05:27
@rishav171 You also aren't using .length() method which I think is required for that bonfire?
Pranav Doshi
@pranavdoshi
Nov 27 2015 05:27
dude @rishav171 forloop condition should be less than array's length
right?
@matty22 am i right?
Matt Leonard
@matty22
Nov 27 2015 05:29
I'm so confused.
Pranav Doshi
@pranavdoshi
Nov 27 2015 05:29
i guess if he compares based upon length then he can get longest word
right?
Rishav Kumar
@rishav171
Nov 27 2015 05:29
ok ..let me try
very bad at coding:(\
Matt Leonard
@matty22
Nov 27 2015 05:30
Right, I think it should be for (var i = 0; i < arrayOfString.length; i++) ?
Pranav Doshi
@pranavdoshi
Nov 27 2015 05:31
yeah
i m also working on it
Rishav Kumar
@rishav171
Nov 27 2015 05:31
but arrayOfString is now an array right?
Matt Leonard
@matty22
Nov 27 2015 05:32
Yeah and you want your loop to run the same number of times as you have indices in your array.
Pranav Doshi
@pranavdoshi
Nov 27 2015 05:33
yes
Rishav Kumar
@rishav171
Nov 27 2015 05:33
caN SOMEONE POST SOME CODE
Pranav Doshi
@pranavdoshi
Nov 27 2015 05:34
function findLongestWord(str) {
var arrayOfString = str.split(' ');
var Longest_word = 0;

for(i=0;i< arrayOfString.length;i++){
if(arrayOfString[i].length>Longest_word)
{
    Longest_word = arrayOfString[i].length;
}

}
return Longest_word;
}

alert(findLongestWord("The quick brown fox jumped over the lazy dog"));
this should be correct sol i guess
i do not know the test cases
@rishav171
Rishav Kumar
@rishav171
Nov 27 2015 05:35
thanks @pranavdoshi i will try it
CamperBot
@camperbot
Nov 27 2015 05:35
rishav171 sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 237 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
Rishav Kumar
@rishav171
Nov 27 2015 05:38
yea it works !cool
Chitrita Goswami
@chitrita
Nov 27 2015 05:46
How does the "h1" element inherit from the body?
Matt Leonard
@matty22
Nov 27 2015 05:47
@chitrita You'll have to be more specific.
Are you wondering how h1's inherit CSS styling from the body?
Chitrita Goswami
@chitrita
Nov 27 2015 05:48
yes..
Matt Leonard
@matty22
Nov 27 2015 05:48
Here's a good article on CSS specificity and the pertinent bit:

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

The specificity is a weight that is applied to a given CSS declaration based on the count of each selector type. In the case of specificity equality, the latest declaration found in the CSS is applied to the element. Specificity only applies when the same element is targeted. CSS rules that directly target an element will always take precedence over rules that an element inherits from an ancestor.

Craig Morrison
@frogmorton
Nov 27 2015 05:49
You're asking about, for example, if you create CSS styles for the body element, will those style rules be applied to any h1's in that body??
Pranav Doshi
@pranavdoshi
Nov 27 2015 05:50
@chitrita wat prob facing
@frogmorton maybe she means that
Matt Leonard
@matty22
Nov 27 2015 05:51

Actually at the bottom of that page is your exact question:

Directly targeted elements versus inherited styles

Styles for a directly targeted element will always take precedence over inherited styles, regardless of the specificity of the inherited rule.

parent {

color: green;
}
h1 {
color: purple;
}

With the following HTML:

<html>
<body id="parent">
<h1>Here is a title!</h1>
</body>
</html>

Will also render as:

Here is a title!

Because the h1 selector targets the element specifically, but the green selector is only inherited from the parent.

Chitrita Goswami
@chitrita
Nov 27 2015 05:51
in Waypoint: Inherit Styles from the Body Element.. give color and font to body element, and h1 element should inherit those properties from the body element.. how?
Matt Leonard
@matty22
Nov 27 2015 05:52
Oooh, I thought this was just a general discussion question. Can you show your code?
Chitrita Goswami
@chitrita
Nov 27 2015 05:52
sure..
Pranav Doshi
@pranavdoshi
Nov 27 2015 05:52
If u give parent element styling then child elements inherit style
@chitrita
Chitrita Goswami
@chitrita
Nov 27 2015 05:53
sorry for the delay, my laptop's not in a good condition
@pranavdoshi thank you
CamperBot
@camperbot
Nov 27 2015 05:54
chitrita sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 238 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
Matt Leonard
@matty22
Nov 27 2015 05:54
So all you'll have to do for that is give the body {insert your styles here}
Pranav Doshi
@pranavdoshi
Nov 27 2015 05:54
np
:)
Chitrita Goswami
@chitrita
Nov 27 2015 05:55

<style>
body {
background-color: black;
color:greeen;
font-family: Monospace;

}

</style>

<body>
<h1>Hello World</h1>
</body>

@matty22 .. therre's the code
Matt Leonard
@matty22
Nov 27 2015 05:55
You misspelled green.
Craig Morrison
@frogmorton
Nov 27 2015 05:55
Got an extra e in green
Chitrita Goswami
@chitrita
Nov 27 2015 05:56
and I feel so embarrassed now
Matt Leonard
@matty22
Nov 27 2015 05:56
Haha, don't. That happens to all of us!
DJ
@qualitymanifest
Nov 27 2015 05:57
that doesn't just make it really, really green? :wink2:
Chitrita Goswami
@chitrita
Nov 27 2015 05:57
sorry for the trouble people, I tend to look over stuff at times, and then worry that it's not working
thank you all :)
Pranav Doshi
@pranavdoshi
Nov 27 2015 05:58
np @chitrita it happens with everybody but figuring out is way imp
:)
Matt Leonard
@matty22
Nov 27 2015 05:58
:thumbsup:
Morgryyn
@Morgrynn
Nov 27 2015 05:58
@matty22 delayed thanks for help
CamperBot
@camperbot
Nov 27 2015 05:58
morgrynn sends brownie points to @matty22 :sparkles: :thumbsup: :sparkles:
:star: 256 | @matty22 | http://www.freecodecamp.com/matty22
Matt Leonard
@matty22
Nov 27 2015 05:59
:bow:
Did you get it figured out Morgrynn?
Chitrita Goswami
@chitrita
Nov 27 2015 05:59
@pranavdoshi thank's.. I'll keep it in mind
CamperBot
@camperbot
Nov 27 2015 05:59
chitrita sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:warning: chitrita already gave pranavdoshi points
Pranav Doshi
@pranavdoshi
Nov 27 2015 06:01
np
@Morgrynn wat prob u were facing?
Craig Morrison
@frogmorton
Nov 27 2015 06:04
Take it easy, @chitrita
Darren
@dkrutsi
Nov 27 2015 06:15
reverse arrays
```
var array = [1,2,3,4,5,6,7];

// Only change code below this line.

var newArray = array.reverse(); {

  return newArray();

}

// Only change code above this line.
Pranav Doshi
@pranavdoshi
Nov 27 2015 06:15
@dkrutsi wat happen?
Darren
@dkrutsi
Nov 27 2015 06:15
lol hit enter instead of shift enter
am i remotely on the right track?
Pranav Doshi
@pranavdoshi
Nov 27 2015 06:16
u can use pop from old array and push into new array
i guess u hav to write ur own reverse method not the one js provides by deafult
@dkrutsi
Darren
@dkrutsi
Nov 27 2015 06:18
yea. ill have to try the pop method
pop removes the last element. that wont work
Zerial
@zerialchua
Nov 27 2015 06:19
hi can anyone tell me how to "Nest your i element within your button element."?
Pranav Doshi
@pranavdoshi
Nov 27 2015 06:20
other methods are also der i guess
@dkrutsi
Chitrita Goswami
@chitrita
Nov 27 2015 06:20
@zerialchua in the button element declaration use ..class=i
Zerial
@zerialchua
Nov 27 2015 06:20
let me try thanks!
Darren
@dkrutsi
Nov 27 2015 06:20
im checking w3 schools now. ill keep workin on it
Pranav Doshi
@pranavdoshi
Nov 27 2015 06:21
yep all d best @dkrutsi
Chitrita Goswami
@chitrita
Nov 27 2015 06:21
@zerialchua welcome!
Zerial
@zerialchua
Nov 27 2015 06:22
couldn't work x.x is it like this?
<div class="col-xs-4">
<button class="btn btn-block btn-primary i">>Like</button>
<i class="fa fa-thumbs-up"></i>

</div>
Chitrita Goswami
@chitrita
Nov 27 2015 06:22
no
Darren
@dkrutsi
Nov 27 2015 06:23
thanks @pranavdoshi
CamperBot
@camperbot
Nov 27 2015 06:23
dkrutsi sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 239 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
Chitrita Goswami
@chitrita
Nov 27 2015 06:24

@zerialchua

<style>
.i {
......
......
}
</style>

<button ..... class="i">

see if this helps you
Chris Clark
@cwclark
Nov 27 2015 06:25
@dkrutsi if you're looking to create your own reverse method, you can create a foreach loop on "array" starting from the last number and push each one into "newArray"
Pranav Doshi
@pranavdoshi
Nov 27 2015 06:26
u can use lastindexof method @dkrutsi
Chris Clark
@cwclark
Nov 27 2015 06:26
@dkrutsi pop will work, but that will mess with the original array, which might not be what you want.
Darren
@dkrutsi
Nov 27 2015 06:26
i got it @cwclark all it was, was this
var newArray = array.reverse();
Pranav Doshi
@pranavdoshi
Nov 27 2015 06:27
@dkrutsi did u pass the bonfire?
Chris Clark
@cwclark
Nov 27 2015 06:27
Oh, I was thinking you had to write your own reverse method
Darren
@dkrutsi
Nov 27 2015 06:27
it let me move on
Chris Clark
@cwclark
Nov 27 2015 06:27
then cheers!
Darren
@dkrutsi
Nov 27 2015 06:27
than you man!
thank*
flooyd
@flooyd
Nov 27 2015 06:34
Is there an easy way to make a bootstrap .well only surround the columns that are being used? Right now it covers all 12 :(
tried searching and couldn't find anything
Robert
@CoderBklyn
Nov 27 2015 06:36
hi
hey guys and gals... does this look right? <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> I am trying to put elements side by side.
Abhisek Pattnaik
@abhisekp
Nov 27 2015 06:39
explain format
CamperBot
@camperbot
Nov 27 2015 06:39

:point_right: code format [wiki]

Inline code

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

Code Block

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

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

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

How to Code

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

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

flooyd
@flooyd
Nov 27 2015 06:39
<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>
Abhisek Pattnaik
@abhisekp
Nov 27 2015 06:39
@CoderBklyn :point_up: November 27, 2015 12:09 PM
flooyd
@flooyd
Nov 27 2015 06:39
tried to fix that for u
but i failed :(
Abhisek Pattnaik
@abhisekp
Nov 27 2015 06:39
lol
Reinier Rodríguez González
@rrgonzalez
Nov 27 2015 06:41
could somebody help me with the bonfire "Where are thou"
CamperBot
@camperbot
Nov 27 2015 06:41
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
Reinier Rodríguez González
@rrgonzalez
Nov 27 2015 06:41
this is my code

function where(collection, source) {
var arr = [];

arr = collection.filter( function(ith) {

for(var prop in source ) {
  if( ith.hasOwnProperty(prop) && ith[prop] == source[prop] ) return true;
}

return false;

} );
return arr;
}

This message was deleted
This message was deleted
Robert
@CoderBklyn
Nov 27 2015 06:43
<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>
but thats not how i wrote out 8(
it
Devin Alvaro
@devinalvaro
Nov 27 2015 06:46
Hey guys, I'm doing a little webpage for school and ran into a problem
The problem is that when I want to lower my .text-right with margin-top, the whole div was lowered too.
Why does this happen and how to solve it?
<style>
    .group {
        height: 650px;
        height: 100vh;
    }
    #group1 {
        background-color: #2196F3;
    }
    #group2 {
        background-color: #03A9F4;
    }
    .text-right {
        text-align: center;
        font-family: "Lucida Grande";
        margin-top: 100px;
    }
</style>

<html>
  <head>
    <title>An Online CV</title>
  </head>

  <body>
    <div class="group" id="group1">
        <h1 class="text-right">Le Curriculum Vitae</h1>
    </div>
    <div class="group" id="group2">

    </div>
  </body>
<html>
DJ
@qualitymanifest
Nov 27 2015 06:49
@devinalvaro try padding-top instead
Devin Alvaro
@devinalvaro
Nov 27 2015 06:50
@qualitymanifest wow thanks!!
CamperBot
@camperbot
Nov 27 2015 06:50
devinalvaro sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 452 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Julie Myers
@BlueOceanView
Nov 27 2015 07:02
@devinalvaro There is a behavior in CSS, with the margin property, called margin collapse. That is basically what happened is margin collapse took over your coding.
DJ
@qualitymanifest
Nov 27 2015 07:04
@BlueOceanView thanks i hadn't heard of that. just went with the first solution that came to mind.
CamperBot
@camperbot
Nov 27 2015 07:04
qualitymanifest sends brownie points to @blueoceanview :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for blueoceanview
DJ
@qualitymanifest
Nov 27 2015 07:05
@BlueOceanView in this instance there's nothing wrong with just using padding to solve that problem, is there?
Julie Myers
@BlueOceanView
Nov 27 2015 07:08
@qualitymanifest Nope, nothing wrong with that solution. :)
DJ
@qualitymanifest
Nov 27 2015 07:09
cool :thumbsup:
Anthony Guru
@mrguru2016
Nov 27 2015 07:13
Waypoint: Inherit Styles from the Body Element
DJ
@qualitymanifest
Nov 27 2015 07:13
@mrguru2016 having a problem? paste your code
Anthony Guru
@mrguru2016
Nov 27 2015 07:14
Need refreshing on give all elements on your page the color of green by adding color: green; to your body element's style declaration.
<style>
  body {
    background-color: black;
  }
</style>
<h1> hello World </h1>
Been away for a bit kinda lost my footing
DJ
@qualitymanifest
Nov 27 2015 07:14
@mrguru2016 add color: green; just like you added background-color: black;
Craig Morrison
@frogmorton
Nov 27 2015 07:15
Hey guys, if I set a background-image in a div, and the original image is very large... like something from www.unsplash.com/ , how do I account for it looking ok in smaller viewports? Looks great in huge desktop monitor... In small laptops and below, not so much.
DJ
@qualitymanifest
Nov 27 2015 07:15
@frogmorton do you have a codepen?
Anthony Guru
@mrguru2016
Nov 27 2015 07:15
@qualitymanifest thanks
CamperBot
@camperbot
Nov 27 2015 07:15
mrguru2016 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 453 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
raw1211
@raw1211
Nov 27 2015 07:15
@frogmorton try background-size:contain;
Craig Morrison
@frogmorton
Nov 27 2015 07:16
Yes, hang on
DJ
@qualitymanifest
Nov 27 2015 07:16
@raw1211 interesting. hadn't used that before. maybe give that a try @frogmorton
Brb... Discuss, discuss. LOL
Herman Fassett
@HermanFassett
Nov 27 2015 07:19
Hmm, did Mark Twain actually say that?
Craig Morrison
@frogmorton
Nov 27 2015 07:21
I'm back
raw1211
@raw1211
Nov 27 2015 07:22
@frogmorton the background-image looks perfect though...do u want to shrink it to the size of div
Craig Morrison
@frogmorton
Nov 27 2015 07:23
Caveat, in that codepen, I'm putting the image as a background for the body. Does this matter?@raw1211 I assume that would modify the d
Herman Fassett
@HermanFassett
Nov 27 2015 07:23
Anway @frogmorton code doesn't work... Also I haven't looked at code, but I feel like quote box has a lot of padding and the buttons code be aligned more neatly
raw1211
@raw1211
Nov 27 2015 07:24
@frogmorton u haven't used image as background in the div as u had mentioned earlier
Craig Morrison
@frogmorton
Nov 27 2015 07:26
I'm open to suggestions on button alignment with less bloated code @HermanFassett
Yeah, @raw1211 I just said that pen has the image in the background of the body...
Herman Fassett
@HermanFassett
Nov 27 2015 07:26
I feel like the should be side by side right underneath the quote box thingie... It would take up less vertical space that way
Does your randomquotes work for you? Because I get Typeerror: cannot read property 0 of undefined when I load it
raw1211
@raw1211
Nov 27 2015 07:28
@frogmorton if u had set that img in a div...background-size:contain; ..would work for u
Craig Morrison
@frogmorton
Nov 27 2015 07:28
Maybe you're right... It's nowhere near a finished product, although I do have working code, although not when I try to plug it into codepen
Julie Myers
@BlueOceanView
Nov 27 2015 07:29
@frogmorton Are you using Bootstrap in your quote machine?
Craig Morrison
@frogmorton
Nov 27 2015 07:29
I got the functionality working separate from this codepen.... The pen does use bootstrap, yes
Julie Myers
@BlueOceanView
Nov 27 2015 07:30
Basically, if you don't use Bootstrap you can simplify your html greatly thus simplifying your CSS as well. @frogmorton
raw1211
@raw1211
Nov 27 2015 07:32
I haven't used bootstrap in mine
Julie Myers
@BlueOceanView
Nov 27 2015 07:32
I get that Bootstrap is used to make a page responsive. But, you don't need Bootstrap to do this. Making a web page responsive just using html and css really isn't that hard once you know the steps involved.
Craig Morrison
@frogmorton
Nov 27 2015 07:32
Well, @BlueOceanView I do like the easy layout / styling options it provides...
Gaurav Chauhan
@gschauhan
Nov 27 2015 07:33

hello, everyone. I just reached to first zipline, which is Personal Portfolio Webpage. i checked the example given by FCC. i would like to check any other pages by fellow campers, if thats not much to ask.

i also would like to know if it is okay to use third party templates, and modify according to our needs?

Thanks.

Julie Myers
@BlueOceanView
Nov 27 2015 07:33
@frogmorton I get that. To each their own.
Craig Morrison
@frogmorton
Nov 27 2015 07:33
I'm clueless on how to hand code responsive
Julie Myers
@BlueOceanView
Nov 27 2015 07:33
I just won't help anyone with page layout if they are using Bootstrap...to messy for my taste.
Craig Morrison
@frogmorton
Nov 27 2015 07:34
Fair enough... It DOES create bloated messy code
Elliott McNary
@bighitbiker3
Nov 27 2015 07:35
hey all...any tips on cleaning this code up? can i combine these regexps?
function spinalCase(str) {
  newStr = str.substring(1, str.length);
  newStr = newStr.replace(/([A-Z])\B/g, "-$1").replace(/\s/g, "-").replace(/_/g, "-").replace(/--/g, "-");

  var final = str.substring(0, 1) + newStr;
  final = final.toLowerCase();

  return final;
}

spinalCase("Tele_tuBbies say Eh-oh");
Julie Myers
@BlueOceanView
Nov 27 2015 07:35
@gschauhan You can use 3rd party templates. imo, I think you are better off knowing how to do it yourself from scratch.
raw1211
@raw1211
Nov 27 2015 07:35
@gschauhan u have already been provided with a template that u can fork if u don't want to start from scratch..in the question itself
Craig Morrison
@frogmorton
Nov 27 2015 07:36
@HermanFassett what line of code is punting?
Julie Myers
@BlueOceanView
Nov 27 2015 07:36
@frogmorton It took me a bit of searching to find all the info I needed to know how to do a responsive web page with just html and css.
raw1211
@raw1211
Nov 27 2015 07:37
@BlueOceanView how did u do it..by using % for defining dimensions
Craig Morrison
@frogmorton
Nov 27 2015 07:37
Yes, I believe that. If I got comfy with doing that, I may never look back
Gaurav Chauhan
@gschauhan
Nov 27 2015 07:37
yes. @BlueOceanView i was asking about free templates available on internet...
yes. i checked it.. @raw1211
Julie Myers
@BlueOceanView
Nov 27 2015 07:38
@raw1211 yes, that is one of the things you do is use % and em to make your element flexible. When you make them flexible your web page automatically resizes itself to the viewport size.
raw1211
@raw1211
Nov 27 2015 07:38
@BlueOceanView is there any other way ...
Blauelf
@Blauelf
Nov 27 2015 07:39
@bighitbiker3 Not exactly the same, but probably close enough would be replacing the last three replaces with replace(/[\s_-]+/g,"-")
Julie Myers
@BlueOceanView
Nov 27 2015 07:39
@raw1211 any other way too???
Craig Morrison
@frogmorton
Nov 27 2015 07:39
@gschauhan I think the point is that you code the thing yourself... Relying on a pro template may not be within the limits of the expectations of the project
raw1211
@raw1211
Nov 27 2015 07:39
I couldn't find ,I thought maybe u knew
Julie Myers
@BlueOceanView
Nov 27 2015 07:40
@raw1211 knew what? Sorry, I'm a little lost on what you are asking.
Craig Morrison
@frogmorton
Nov 27 2015 07:40
@raw1211 use a layout engine like "Susy" ;-)
raw1211
@raw1211
Nov 27 2015 07:40
@BlueOceanView any other way then using % to make web page responsive
@frogmorton what does it do
Julie Myers
@BlueOceanView
Nov 27 2015 07:41
@raw1211 Like @frogmorton said you can use a layout engine or bootstrap that will do the work for you. But, if you want to do it yourself you will need to use flexible measurements like % and em.
raw1211
@raw1211
Nov 27 2015 07:42
@BlueOceanView I used % once in place of fixed dimensions...and messed up everything
Julie Myers
@BlueOceanView
Nov 27 2015 07:43

@raw1211 Here is a very general overview of how to make a webpage responsive:
To make a website responsive do the following:
(1) Make sure all images/media are scalable. This is done via CSS.
(2) Convert all font-sizes from px to em.
(3) Convert all padding from px to %.
(4) Convert all margins from px to %.
(5) Convert widths from px to %.
(6) Use @media queries

You will need to put the web page on what's called a flexible grid. A flexible grid has the following components:
(1) Flexible font
(2) Flexible containers
(3) Flexible margins
(4) Flexible padding
(5) Flexible media

Gaurav Chauhan
@gschauhan
Nov 27 2015 07:44
@frogmorton thanks. point taken..
CamperBot
@camperbot
Nov 27 2015 07:44
gschauhan sends brownie points to @frogmorton :sparkles: :thumbsup: :sparkles:
:star: 345 | @frogmorton | http://www.freecodecamp.com/frogmorton
Craig Morrison
@frogmorton
Nov 27 2015 07:44
It does the math on the percentages.... There is a learning curve, but it may beat bootstrap if you get comfortable.
raw1211
@raw1211
Nov 27 2015 07:45
@BlueOceanView I know about others but what is media queries
Joshua Davis
@joshjd66
Nov 27 2015 07:46
Hello World! New to the community. Hoping to learn a lot in the next few weeks in my spare time. My brother is a Software Dev for a big company and has been telling me for years that I need to get into it. Luckily I found this community through Reddit and giving it a go. Pleasure to meet everyone.
CamperBot
@camperbot
Nov 27 2015 07:46

welcome to FreeCodeCamp @joshjd66!

Joshua Davis
@joshjd66
Nov 27 2015 07:46
Hello there bot.
raw1211
@raw1211
Nov 27 2015 07:47
@joshjd66 welcome...If u need any help feel free to ask fellow campers
Joshua Davis
@joshjd66
Nov 27 2015 07:48
Sure will! Just noticed I said my hello in the help thread and not the starter one lol. Ah well.
Craig Morrison
@frogmorton
Nov 27 2015 07:48
@gschauhan yw... Don't get me wrong. For professional use, do whatever you need to to get a satisfactory result... Just in FCC, we are meant to abide by an academic honesty policy, that includes being able to say truthfully that we coded our solutions ourselves. It doesn't mean you didn't have help in the community, which is pretty darned helpful, as you can see.
Julie Myers
@BlueOceanView
Nov 27 2015 07:49

@raw1211 When the viewport size gets smaller not all of your elements will layout as you originally had them on a larger screen. This is normal behavior. So, to make sure you web page layout keeps you need to use @media queries.

Let's say an h1 element falls under another element when the page gets smaller. You can prevent this by using media queries. In the media query you change the CSS of the h1 so it stays put. You may need to make the width of the h1 smaller or change the font size.

Here is what a media query looks like:

 @media screen and ( max-width: 768px){
        body {
                 color: blue;
             background: orange;     
            }
    }

The media query code goes inside of a .css file.

Craig Morrison
@frogmorton
Nov 27 2015 07:50
@BlueOceanView thank you for you intro to non-bootstrap responsive... I'll have to look into the flexible grid thing
CamperBot
@camperbot
Nov 27 2015 07:50
frogmorton sends brownie points to @blueoceanview :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for blueoceanview
Julie Myers
@BlueOceanView
Nov 27 2015 07:50
sometimes you will change your layout as the screen size gets smaller. Some designs call for this. But, in the end you will use media queries.
@frogmorton you're welcome. :) It takes practice as each different page layout has it's own challenges.
Craig Morrison
@frogmorton
Nov 27 2015 07:52
I need to get going, but thanks again to all who gave their input on my pen....
Julie Myers
@BlueOceanView
Nov 27 2015 07:52
night
Gaurav Chauhan
@gschauhan
Nov 27 2015 07:52
@frogmorton sure...Thats what i thought...this community is great.
raw1211
@raw1211
Nov 27 2015 07:55
@BlueOceanView thanks for the information
CamperBot
@camperbot
Nov 27 2015 07:55
raw1211 sends brownie points to @blueoceanview :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for blueoceanview
Julie Myers
@BlueOceanView
Nov 27 2015 07:55
@raw1211 yw
SantoshToleti
@SantoshToleti
Nov 27 2015 08:12
HI FRIENDS
Lukas
@LukssOne
Nov 27 2015 08:14
```
Lukas
@LukssOne
Nov 27 2015 08:21
Hello guys! Can anybody help me? I have got stuck on challenge Bonfire: Seek and Destroy. I think that my code is correct but I don't know What is the best way how to set unknow count of parameters. My code is below:
function destroyer(arr) {
  // Remove all the values
  var array = arr.filter(function(val){
    if(num1 != val && num2 != val && num3 != val){
       return val;
      }
  });
  return array;
}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);
raw1211
@raw1211
Nov 27 2015 08:25
@LukssOne what is num1 num2 and num3
Blauelf
@Blauelf
Nov 27 2015 08:26
@LukssOne Use the arguments array-like object for accessing an arbitrary number of arguments.
Lukas
@LukssOne
Nov 27 2015 08:32
@raw1211 It would be second and others parameters
Blauelf
@Blauelf
Nov 27 2015 08:32
@LukssOne And the inner function used for filter() should not return the values, filter() will only check if the return value for calling the inner function with an element is truthy, and include that element (unchanged) only then.
Lukas
@LukssOne
Nov 27 2015 08:32
@Blauelf thank you
CamperBot
@camperbot
Nov 27 2015 08:32
lukssone sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 530 | @blauelf | http://www.freecodecamp.com/blauelf
raw1211
@raw1211
Nov 27 2015 08:34
@LukssOne like @Blauelf has already told u ..u need to use arguments object to access unknown no. of elements
Lukas
@LukssOne
Nov 27 2015 08:38
@raw1211 Thank you too
CamperBot
@camperbot
Nov 27 2015 08:38
lukssone sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 315 | @raw1211 | http://www.freecodecamp.com/raw1211
Jeremy Barbe
@eemebarbe
Nov 27 2015 08:54
anybody know a good resource for learning react for people new to backend?
Chris Clark
@cwclark
Nov 27 2015 08:56
Costs money, but I really like egghead. https://egghead.io/technologies/react
@jrbarbe87 There are some free react videos on there
Mohammed Imran A
@IMUTAKER
Nov 27 2015 09:00
hi guys
db7ech
@db7ech
Nov 27 2015 09:04
Hi all!
Mohammed Imran A
@IMUTAKER
Nov 27 2015 09:04
hello @db7ech
db7ech
@db7ech
Nov 27 2015 09:04

Do not do this : Here's an example of how you give your h2 element the id of cat-photo-app:

<h2 id="cat-photo-app">

SantoshToleti
@SantoshToleti
Nov 27 2015 09:05
hi guys
Blauelf
@Blauelf
Nov 27 2015 09:06
@db7ech Do not do what?
Mohammed Imran A
@IMUTAKER
Nov 27 2015 09:07
Waypoint: Create a Form Element
guys can any one know the solution for these one.?
"Nest your text input element within a form element."
Manish Giri
@Manish-Giri
Nov 27 2015 09:08
@IMUTAKER
<form action=“#” method=“get”></form>
this is a form element
Blauelf
@Blauelf
Nov 27 2015 09:08
And your text input goes in between the opening and closing form tag :)
Manish Giri
@Manish-Giri
Nov 27 2015 09:08
now put your existing input element in this
Mohammed Imran A
@IMUTAKER
Nov 27 2015 09:10
@Manish-Giri it showing some error
SantoshToleti
@SantoshToleti
Nov 27 2015 09:10
hi
Mohammed Imran A
@IMUTAKER
Nov 27 2015 09:10

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

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

Blauelf
@Blauelf
Nov 27 2015 09:10
help format
CamperBot
@camperbot
Nov 27 2015 09:10

:point_right: code format [wiki]

Inline code

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

Code Block

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

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

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

How to Code

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

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

Blauelf
@Blauelf
Nov 27 2015 09:11
@IMUTAKER Put your input element inside the form element, between <form ...> and </form>
SantoshToleti
@SantoshToleti
Nov 27 2015 09:11
hi
Manish Giri
@Manish-Giri
Nov 27 2015 09:12
@IMUTAKER your input is outside the <form>
Mohammed Imran A
@IMUTAKER
Nov 27 2015 09:12
@Blauelf i closed that one
SantoshToleti
@SantoshToleti
Nov 27 2015 09:12
hi kishore
Mohammed Imran A
@IMUTAKER
Nov 27 2015 09:12
ok
@Manish-Giri
Nandakishore Sriramakavacham
@nknandakishore74
Nov 27 2015 09:13
hiii santhosh
Mohammed Imran A
@IMUTAKER
Nov 27 2015 09:13
Nice @Manish-Giri completed
Manish Giri
@Manish-Giri
Nov 27 2015 09:14
@IMUTAKER cool!
db7ech
@db7ech
Nov 27 2015 09:14
@Blauelf do not do this : Set the ID of an Element - Give your form element the id cat-photo-form.
Blauelf
@Blauelf
Nov 27 2015 09:15
@db7ech What do you want to tell us?
db7ech
@db7ech
Nov 27 2015 09:17
@Blauelf how i do?
Manish Giri
@Manish-Giri
Nov 27 2015 09:18
we can chain $(“div”).empty().append() right?
Blauelf
@Blauelf
Nov 27 2015 09:19
@db7ech Find <form ...>, and add id="cat-photo-form", just like in the example (where h2 has been used instead of form)
db7ech
@db7ech
Nov 27 2015 09:21
@Blauelf thanks!
CamperBot
@camperbot
Nov 27 2015 09:21
db7ech sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 531 | @blauelf | http://www.freecodecamp.com/blauelf
SundeepToor
@SundeepToor
Nov 27 2015 09:42
I'm trying to add an id attribute to a form element. It doesn't seem to be working though:
<form id="cat-photo-app" action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
Abhisek Pattnaik
@abhisekp
Nov 27 2015 09:47
@Manish-Giri you can chain jQ methods :D
raw1211
@raw1211
Nov 27 2015 09:48
@SundeepToor are u trying to add id attribute to the from or a form element
Elliott McNary
@bighitbiker3
Nov 27 2015 09:48
hey guys...for the fibonacci algorithm did you just list the fibonacci numbers in an array or did you calculate for them?
Manish Giri
@Manish-Giri
Nov 27 2015 09:48
@SundeepToor what’s the error you got?
raw1211
@raw1211
Nov 27 2015 09:48
@bighitbiker3 u should calculate them...though I haven't done that question yet
Elliott McNary
@bighitbiker3
Nov 27 2015 09:49
@raw1211 okay that's what I thought haha
raw1211
@raw1211
Nov 27 2015 09:49
@bighitbiker3 u just need to add the previous two to get the new one
SundeepToor
@SundeepToor
Nov 27 2015 09:51
@raw1211 I am trying to give the form element the id attribute of "cat-photo-app". When I click run tests, it tells me I haven't given the form element the id.
Prafull Kumar
@gulzaar
Nov 27 2015 09:51
@SundeepToor try adding <form id="abc" ...> and in <style> element your #abc {...} </style> it will works
raw1211
@raw1211
Nov 27 2015 09:53
@SundeepToor <form action="/submit-cat-photo" id="cat-photo-form">
try this
u have used the wrong name for the id
SundeepToor
@SundeepToor
Nov 27 2015 09:55
@raw1211 ahhhhhh! I was using the wrong name all this time!! No wonder it didn't work lol
@raw1211 Tanks for pointing it out to me!
CamperBot
@camperbot
Nov 27 2015 09:55
sundeeptoor sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 316 | @raw1211 | http://www.freecodecamp.com/raw1211
raw1211
@raw1211
Nov 27 2015 09:55
yw...
Benjamin N.
@Illbebacksamurai
Nov 27 2015 10:43

I'm stuck on this challenge idk what i'm doing wrong

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

// Only change code below this line.

var myCar = function () {
this.nickname = "boole";
};

http://www.freecodecamp.com/challenges/waypoint-make-instances-of-objects-with-a-constructor-function

Amanda Krummel
@jupiterpenny
Nov 27 2015 10:48
i'm a bit stuck on iterating maps over arrays
could you tell me whats wrong with my code?

var oldArray = [1,2,3,4,5];

// Only change code below this line.

var newArray = old array
var sumThree = oldArray.map(function(val){
return val + 3;
});

// Only change code above this line.

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

@Illbebacksamurai did you get an answer?
Amanda Krummel
@jupiterpenny
Nov 27 2015 10:55
my internets stance so I can't see what's going on, but ...

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

// Only change code below this line.

var myCar = new Car ();
this.wheels =4;

myCar.nickname = "Jupiterpenny";

just like new name @illbebacksamurai
Benjamin N.
@Illbebacksamurai
Nov 27 2015 11:09
no i did not, thank you @jupiterpenny i'm trying it out now
CamperBot
@camperbot
Nov 27 2015 11:09
illbebacksamurai sends brownie points to @jupiterpenny :sparkles: :thumbsup: :sparkles:
:star: 172 | @jupiterpenny | http://www.freecodecamp.com/jupiterpenny
Benjamin N.
@Illbebacksamurai
Nov 27 2015 11:11
yeah it worked!
raw1211
@raw1211
Nov 27 2015 11:18
@jupiterpenny use newArray instead ofsumThree
 newArray= oldArray.map(function(val){
return val + 3;
});
Sharron
@sdg4122
Nov 27 2015 11:19
Can someone help me with commenting out? Should the comment out go before or after the line I am commenting out? Where does the --> go?
raw1211
@raw1211
Nov 27 2015 11:19
This message was deleted
Sharron
@sdg4122
Nov 27 2015 11:20
Ohhhhhh! I think i got it. Thank you!
Ruh roh. Message deleted.
Can someone help me with commenting out? Should the comment out go before or after the line I am commenting out? Where does the --> go?
raw1211
@raw1211
Nov 27 2015 11:21
@sdg4122 it was correct
Sharron
@sdg4122
Nov 27 2015 11:21
Ok. Thanks again
Kathleen
@galerieimbert
Nov 27 2015 11:27
Can any explain to me what a repository is?
connieblue
@connieblue16
Nov 27 2015 11:30

hi guys, i'm stuck on the modifying array Data With Indexes. ```var ourArray = [1,2,3];

ourArrayzultron/machinekit@e884169 = 3; // ourArray now equals [1,3,3].

var myArray = [1,2,3];

// Only change code below this line.

// Only change code above this line.

if(typeof(myArray) !== "undefined"){(function(){return myArray;})();}``` i'm supposed to make myArray [3,2,3]. i don't understand what i'm supposed to do! can anyone help please?

raw1211
@raw1211
Nov 27 2015 11:32
@connieblue16 myArray[0]=3;
Benjamin N.
@Illbebacksamurai
Nov 27 2015 11:33
@connieblue16 you're supposed to change the value of your 0th value by doing what @raw1211 just said
Kathleen
@galerieimbert
Nov 27 2015 11:40
How do I get back into Free code camp?
Alison Yoon
@AlisonYoon
Nov 27 2015 11:44
@galerieimbert you can see the chat room on the left side bar of this window
@galerieimbert or do you mean the website itself?
Trilok Chand
@TrilokChand
Nov 27 2015 11:51

in "Waypoint: Target the same element with multiple jQuery Selectors", I am unable to solve last option of,

Only use jQuery to add these classes to the element.

connieblue
@connieblue16
Nov 27 2015 11:51
oh i get it now. thanks @raw1211 and @Illbebacksamurai
CamperBot
@camperbot
Nov 27 2015 11:51
connieblue16 sends brownie points to @raw1211 and @illbebacksamurai :sparkles: :thumbsup: :sparkles:
:star: 317 | @raw1211 | http://www.freecodecamp.com/raw1211
:star: 174 | @illbebacksamurai | http://www.freecodecamp.com/illbebacksamurai
Trilok Chand
@TrilokChand
Nov 27 2015 11:51
can anybody help.,
Onkar singh
@onkar027
Nov 27 2015 11:56
Hello world
CamperBot
@camperbot
Nov 27 2015 11:56

welcome to FreeCodeCamp @onkar027!

Onkar singh
@onkar027
Nov 27 2015 11:56
Thanks
raw1211
@raw1211
Nov 27 2015 11:59
@TrilokChand u need to add only one class at a time..that means u have u write 3 statements to add animated ,shake and btn-primary one at a time using 3 selectors
Stefano Bacchini
@sbacchini
Nov 27 2015 12:13
Hello, good morning. Can anyone possibly help me with "Waypoint: Iterate over Arrays with map"? When I run the code, it returns me "missing ) after argument list", but I can't see any ) missing... here's the code:
var oldArray = [1,2,3,4,5];

// Only change code below this line.

var newArray = oldArray.map(funcion(val){
       return val + 3;
   });


// Only change code above this line.

(function() {return newArray;})();
Dauzo
@Dauzo
Nov 27 2015 12:19
@sbacchini You still have the problem?
raw1211
@raw1211
Nov 27 2015 12:20
@sbacchini reset ur code and try again
Stefano Bacchini
@sbacchini
Nov 27 2015 12:20
Just did that, still the same.
Dauzo
@Dauzo
Nov 27 2015 12:20
Why is the first " { " red?
Blauelf
@Blauelf
Nov 27 2015 12:21
@sbacchini Typo, should be "function", not "funcion"
raw1211
@raw1211
Nov 27 2015 12:21
@Blauelf lol...didn't saw that
Dauzo
@Dauzo
Nov 27 2015 12:21
good eyes @Blauelf :+1:
Stefano Bacchini
@sbacchini
Nov 27 2015 12:22
oops. Thanks @Blauelf ! And thanks @Dauzo and @raw1211 too.
CamperBot
@camperbot
Nov 27 2015 12:22
sbacchini sends brownie points to @blauelf and @dauzo and @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 532 | @blauelf | http://www.freecodecamp.com/blauelf
:star: 318 | @raw1211 | http://www.freecodecamp.com/raw1211
:star: 183 | @dauzo | http://www.freecodecamp.com/dauzo
Blauelf
@Blauelf
Nov 27 2015 12:25

@Dauzo That's a good question, this is what happens when the very same broken code is submitted with ```js as the first line, indicating that it is JavaScript:

var oldArray = [1,2,3,4,5];

// Only change code below this line.

var newArray = oldArray.map(funcion(val){
       return val + 3;
   });


// Only change code above this line.

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

You see, the formatting engine, when not having a hint, guessed wrong, so the colouring seems odd.
And this is the fixed typo:

var oldArray = [1,2,3,4,5];

// Only change code below this line.

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


// Only change code above this line.

(function() {return newArray;})();
It's certainly worth writing the language after the first three backticks, because some of the colourings will interpret regular code as comments and show them in less readable dark gray.
Dauzo
@Dauzo
Nov 27 2015 12:30
bonfire: Factorialize a Number
CamperBot
@camperbot
Nov 27 2015 12:30

:fire:Bonfire: Factorialize a Number :link:

function factorialize(num) {
  return num;
}

factorialize(5);

Return the factorial of the provided integer.

more info:  bf details | bf links | hint

Dauzo
@Dauzo
Nov 27 2015 12:30
hint
CamperBot
@camperbot
Nov 27 2015 12:30
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
raw1211
@raw1211
Nov 27 2015 12:31
This message was deleted
Blauelf
@Blauelf
Nov 27 2015 12:31
@raw1211 This one would profit from using ```js as the first backtick line
yuyao17
@yuyao17
Nov 27 2015 12:32
hey guys, can you guys check my pen and see whats wrong with it, giving me unexpected identifier
http://codepen.io/yuyao17/pen/NGZEmg
raw1211
@raw1211
Nov 27 2015 12:32
@yuyao17 where is the quote?
yuyao17
@yuyao17
Nov 27 2015 12:33
@raw1211 in js
raw1211
@raw1211
Nov 27 2015 12:33
haven't u used div tag for displaying quotes
Blauelf
@Blauelf
Nov 27 2015 12:33
@yuyao17 Maybe a missing ;
Oh, three missing semicola.
raw1211
@raw1211
Nov 27 2015 12:34
@yuyao17 u could have done it with arrays..would had been better
Blauelf
@Blauelf
Nov 27 2015 12:36
@yuyao17 Your code uses the random generator the wrong way. You use random() as if its value would be the same in each condition, yet it is a completely different function call, resulting in another value. You could use something like var r=random(), and use that variable r until you want a new random number.
yuyao17
@yuyao17
Nov 27 2015 12:36
@Blauelf ???
@Blauelf var random is random() in my case, isnt it??
Blauelf
@Blauelf
Nov 27 2015 12:39
Each time you call your random() function, you get another value. What you probably want is calling random() once, and using the return value multiple times, without calling random() again and getting another pseudorandom number.
raw1211
@raw1211
Nov 27 2015 12:39
@yuyao17 u r using random() instead of random..dat means u r calling a function instead of using a variable
function myReplace(str, before, after) {

  var start;
 // var index=str.search(before);  
  var end=str.substr((str.search(before))+before.length,str.length);

  if(before.charAt(0)===(before.charAt(0)).toUpperCase())
 {
   after=after.replace(after.charAt(0),after.charAt(0).toUpperCase());
    start=str.substr(0,str.search(before)).concat(after);
   return start.concat(end);
 }
  else
    {
    start=str.substr(0,str.search(before)).concat(after);
    return start.concat(end);

}
}
//myReplace("He is Sleeping on the couch", "Sleeping", "sitting");
myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
search and replace without using splice
yuyao17
@yuyao17
Nov 27 2015 12:41
@Blauelf why would I want to use the return value multiple times?
Blauelf
@Blauelf
Nov 27 2015 12:41
@raw1211 If you don't mind, use ```js for the beginning of the code block if it is javascript
Abhisek Pattnaik
@abhisekp
Nov 27 2015 12:42
about @Blauelf
CamperBot
@camperbot
Nov 27 2015 12:42
:star: 532 | @blauelf | http://www.freecodecamp.com/blauelf
Abhisek Pattnaik
@abhisekp
Nov 27 2015 12:42
about @raw1211
CamperBot
@camperbot
Nov 27 2015 12:42
:star: 319 | @raw1211 | http://www.freecodecamp.com/raw1211
Abhisek Pattnaik
@abhisekp
Nov 27 2015 12:43
@raw1211 @Blauelf You guys have been helping here since days!! :+1:
Blauelf
@Blauelf
Nov 27 2015 12:44
@yuyao17 You compare the return value with 3, and later another return value with 3 and 6 (I don't think you can use several comparisons in one expression without logical operators, which would make you call the function once more).
yuyao17
@yuyao17
Nov 27 2015 12:45
@Blauelf I get it now. Thank you!
CamperBot
@camperbot
Nov 27 2015 12:45
yuyao17 sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 533 | @blauelf | http://www.freecodecamp.com/blauelf
Dinara Demi
@Gezehus
Nov 27 2015 12:48
how to add a picture with my code to my message here?
raw1211
@raw1211
Nov 27 2015 12:48
print screen and paste
Dinara Demi
@Gezehus
Nov 27 2015 12:49
blob
Waypoint: Change Text Inside an Element Using jQuery. I've done the task, but not right. I don't understand why
Blauelf
@Blauelf
Nov 27 2015 12:51
@Gezehus It is usually better to copy&paste your code into the chat, with proper code formatting
Dinara Demi
@Gezehus
Nov 27 2015 12:52
@Blauelf thanks
Blauelf
@Blauelf
Nov 27 2015 12:52
(and only post the relevant part if possible)
raw1211
@raw1211
Nov 27 2015 12:52
@Gezehus use #target4 inside i tag
Blauelf
@Blauelf
Nov 27 2015 12:53
In your case, I think it should be <i>#target4</i>, including the hash character #
MD Alsaffar
@Cyberistic
Nov 27 2015 12:53
wiki format
CamperBot
@camperbot
Nov 27 2015 12:53

:point_right: code format [wiki]

Inline code

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

Code Block

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

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

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

How to Code

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

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

Dinara Demi
@Gezehus
Nov 27 2015 12:53
@raw1211 @Blauelf Thank you! I made a stupid mistake((
CamperBot
@camperbot
Nov 27 2015 12:53
gezehus sends brownie points to @raw1211 and @blauelf :sparkles: :thumbsup: :sparkles:
:star: 534 | @blauelf | http://www.freecodecamp.com/blauelf
:star: 320 | @raw1211 | http://www.freecodecamp.com/raw1211
Abdelrahman Mohamed Hassan
@abdonaguib
Nov 27 2015 12:56
hello can any one help me with Waypoint: Target the same element with multiple jQuery Selectors
<script>
$(document).ready(function() {

$("button").addclass("animated")
$(".btn").addclass("shake")
$("#target1").addclass(" btn-primary")
});
</script>
Marcus Eisele
@eiselems
Nov 27 2015 12:57
hey, i am trying to get the module pattern in JS right. Am I doing it correct or is there an obvious better way?
var myAppNamespace = {};

....

myAppNamespace.MyModule = (function() { ... return someObj; });
?
Dinara Demi
@Gezehus
Nov 27 2015 12:57
@abdonaguib you forgot semicolons
MD Alsaffar
@Cyberistic
Nov 27 2015 12:58
@abdonaguib use semi-colons
Abdelrahman Mohamed Hassan
@abdonaguib
Nov 27 2015 12:59
did I forgot something else
as he is still requiring those things
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
Only use jQuery to add these classes to the element.
Dinara Demi
@Gezehus
Nov 27 2015 13:01
@abdonaguib in addClass you should wright the word Class with the capital letter "C"
Abdelrahman Mohamed Hassan
@abdonaguib
Nov 27 2015 13:02
ohh my god this worked but still one point remain Only add one class with each of your three selectors.
hahah its strange way point
raw1211
@raw1211
Nov 27 2015 13:04
@abdonaguib have u changed anything in the code below the script tag?
Dinara Demi
@Gezehus
Nov 27 2015 13:04
@abdonaguib can you show your code again?
Abdelrahman Mohamed Hassan
@abdonaguib
Nov 27 2015 13:05
no i didn't change any thing below the script tag
<script>
$(document).ready(function() {

$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass(" btn-primary");
});
</script>
Only add one class with each of your three selectors. this is the only comment that remain
raw1211
@raw1211
Nov 27 2015 13:07
the code is fine...reset and try again
@abdonaguib $("#target1").addClass("btn-primary");
try this
Abdelrahman Mohamed Hassan
@abdonaguib
Nov 27 2015 13:08
oh my god it worked
please tell me what is the different to take care
Dinara Demi
@Gezehus
Nov 27 2015 13:08
@abdonaguib Congratulations! ))
raw1211
@raw1211
Nov 27 2015 13:08
@abdonaguib u had a space in ur code
Abdelrahman Mohamed Hassan
@abdonaguib
Nov 27 2015 13:09
ohh yea it is too sensitive here HTML and CSS isn't too sensitive like this
Will
@Noobys
Nov 27 2015 13:10
Hey guys
Abdelrahman Mohamed Hassan
@abdonaguib
Nov 27 2015 13:10
Thank you great campers @raw1211 @Gezehus
CamperBot
@camperbot
Nov 27 2015 13:10
abdonaguib sends brownie points to @raw1211 and @gezehus :sparkles: :thumbsup: :sparkles:
:star: 120 | @gezehus | http://www.freecodecamp.com/gezehus
:star: 321 | @raw1211 | http://www.freecodecamp.com/raw1211
Will
@Noobys
Nov 27 2015 13:10
Maybe some1 can help me
I am struggling at the beggining already,darn
raw1211
@raw1211
Nov 27 2015 13:10
@Noobys what r u struggling with?
Will
@Noobys
Nov 27 2015 13:11
I want to use a css and even if i put {color: blue} its still red
raw1211
@raw1211
Nov 27 2015 13:11
@Noobys post the code
use ```above and below the code
Will
@Noobys
Nov 27 2015 13:11

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

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

raw1211
@raw1211
Nov 27 2015 13:11
@Noobys no u can't write it like this...
Will
@Noobys
Nov 27 2015 13:12

<style>
{color: blue;}
</style>

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

raw1211
@raw1211
Nov 27 2015 13:12
ur h2 tag should be below style tag
Will
@Noobys
Nov 27 2015 13:12
ow...ok
raw1211
@raw1211
Nov 27 2015 13:12
@Noobys are u trying to change color of p tag
Will
@Noobys
Nov 27 2015 13:12
but the h2 tag gonna be with style or just a normal <h2> </h2> tag?
yes
Priyanko Manna
@PRIYANKOMANNA
Nov 27 2015 13:13
nest all of our HTML in a div element with the class container-fluid.
Benjamin N.
@Illbebacksamurai
Nov 27 2015 13:13

it is telling me that somehow i'm not using the reverse method?
var array = [1,2,3,4,5,6,7];

// Only change code below this line.

var newArray = array.reverse(function(array) {
return array ;
});

// Only change code above this line.

Priyanko Manna
@PRIYANKOMANNA
Nov 27 2015 13:13
any one can help?
raw1211
@raw1211
Nov 27 2015 13:13
@Illbebacksamurai just write var newArray=array.reverse();
Benjamin N.
@Illbebacksamurai
Nov 27 2015 13:14
oh okay
thanks @raw1211
CamperBot
@camperbot
Nov 27 2015 13:14
illbebacksamurai sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 322 | @raw1211 | http://www.freecodecamp.com/raw1211
Will
@Noobys
Nov 27 2015 13:14
still cant work it out
raw1211
@raw1211
Nov 27 2015 13:14
@Noobys in style u only use selectors
Priyanko Manna
@PRIYANKOMANNA
Nov 27 2015 13:14
any one can help with?
nest all of our HTML in a div element with the class container-fluid.
raw1211
@raw1211
Nov 27 2015 13:14
tell me the objective
Will
@Noobys
Nov 27 2015 13:15
Remove the style attribute from your h2 element.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace
Make sure all your style elements are valid and have a closing tag.
raw1211
@raw1211
Nov 27 2015 13:15
@PRIYANKOMANNA <div class="container-fluid"> all html elements here</div>
@Noobys <style> h2{color:blue;} </style>
@Noobys and delete the style attribute u have written inside h2 tag
Will
@Noobys
Nov 27 2015 13:17
ok,ty
raw1211
@raw1211
Nov 27 2015 13:18
post ur code..if u get stuck
Andrew Bechini
@powhunter158
Nov 27 2015 13:20
Screen Shot 2015-11-27 at 8.20.13 AM.png
myArray should equal [1,2,3,4,5].
Will
@Noobys
Nov 27 2015 13:20
ill post from the beginning becasue I understand what i have to do but i dono how to do it
Andrew Bechini
@powhunter158
Nov 27 2015 13:21
not sure what i'm doing wrong here?
raw1211
@raw1211
Nov 27 2015 13:21
@Noobys use ```above and below the code
@powhunter158 myArray.push(i);
try this
Andrew Bechini
@powhunter158
Nov 27 2015 13:24
that didn't work either
@raw1211
raw1211
@raw1211
Nov 27 2015 13:25
what values are u trying to push into the array
Andrew Bechini
@powhunter158
Nov 27 2015 13:25
1-5
raw1211
@raw1211
Nov 27 2015 13:25
i<=5 use this
Andrew Bechini
@powhunter158
Nov 27 2015 13:26
that was it! thanks! @raw1211
CamperBot
@camperbot
Nov 27 2015 13:26
powhunter158 sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 323 | @raw1211 | http://www.freecodecamp.com/raw1211
Will
@Noobys
Nov 27 2015 13:26
:worried:
raw1211
@raw1211
Nov 27 2015 13:26
@Noobys so u r still stuck
Will
@Noobys
Nov 27 2015 13:26
yep
raw1211
@raw1211
Nov 27 2015 13:27
code
Will
@Noobys
Nov 27 2015 13:27

<h2 style="color: red">CatPhotoApp</h2>

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

this is my original code
and i need to delete the style from this
and make a css style and make h2 blue
raw1211
@raw1211
Nov 27 2015 13:28
<style> h2{color:blue;} </style> <h2>CatPhotoApp</h2>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
change it to this
Will
@Noobys
Nov 27 2015 13:30
@raw1211 Thx alot
raw1211
@raw1211
Nov 27 2015 13:30
np
Jason
@jimillett
Nov 27 2015 13:52
can someone help me with the Waypoint: Make Unique Objects by Passing Parameters to our Constructor. I keep getting Program execution error?
var Car = function() {
  //Change this constructor
  this.wheels = wheels;
  this.seats = seats;
  this.engines = engines;
};

//Try it out here
var myCar = new car(3,1,2);

// Only change code above this line

(function() {return JSON.stringify(myCar);})();
Blauelf
@Blauelf
Nov 27 2015 13:59
Add some parameters to your constructor, the variable names you used are all undefined at the moment, while you do not use the 3,1,2.
Robert Uivarosi
@URobert
Nov 27 2015 13:59
@jimillett remeber that lower / upper characters matter
Blauelf
@Blauelf
Nov 27 2015 14:00
Yes, that too :D
Jason
@jimillett
Nov 27 2015 14:00
doh!
Thanks @URobert and @Blauelf
CamperBot
@camperbot
Nov 27 2015 14:00
jimillett sends brownie points to @urobert and @blauelf :sparkles: :thumbsup: :sparkles:
:star: 271 | @urobert | http://www.freecodecamp.com/urobert
:star: 540 | @blauelf | http://www.freecodecamp.com/blauelf
Robert Uivarosi
@URobert
Nov 27 2015 14:00
@jimillett you are welcome
Lewis
@Lxwis
Nov 27 2015 14:07
I need some help on waypoint:Make Object Properties Private
Ghost
@ghost~564bf69916b6c7089cbb1fef
Nov 27 2015 14:10
@Lxwis Sure, what's the problem
Blauelf
@Blauelf
Nov 27 2015 14:12
This message was deleted
Oh, they changed the waypoint.
Lewis
@Lxwis
Nov 27 2015 14:16
I’m having trouble setting a private property within the ‘Bike’ constructor
Blauelf
@Blauelf
Nov 27 2015 14:16
@Lxwis Do it like the speed property of Car.
I am having some problem calling that a "private property", since it's a function-scope variable like any other, declared using var. Properties are only the ones that are attached to the object.
Inner functions defined in the constructor might hold references to that variable, but it is not attached to the object, just to the functions (not in the same way as properties, the functions simply hold a reference even after its scope ended).
Lewis
@Lxwis
Nov 27 2015 14:23
Thanks @Blauelf , I think that’s why I was getting confused as it says to set private property not a variable
CamperBot
@camperbot
Nov 27 2015 14:23
lxwis sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 541 | @blauelf | http://www.freecodecamp.com/blauelf
Lewis
@Lxwis
Nov 27 2015 14:33
var oldArray = [1,2,3,4,5];

// Only change code below this line.

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

// Only change code above this line.

(function() {return newArray;})();
Anyone know why my code isn’t adding 3 to each value in the array?
h4r1m4u
@h4r1m4u
Nov 27 2015 14:34
@Lxwis you need to save the output of the map() function into a variable
var newArray = oldArray.map(function....)
Lewis
@Lxwis
Nov 27 2015 14:36
Ahh! Thank you @h4r1m4u !
CamperBot
@camperbot
Nov 27 2015 14:36
lxwis sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 744 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
SystemDZ
@SystemDZ
Nov 27 2015 14:52
Hi guys
The property nickname of myCar should be a string.
this nickname property doesn't exist in my function
why i can give it a value normally

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

// Only change code below this line.

var myCar = new Car();

myCar.wheels=4;
myCar.nickname="SystemDZ";
```

Simon
@soktherat
Nov 27 2015 14:53
Hello, why 96.74 - 60 = 36.739999999999995 in js ???
h4r1m4u
@h4r1m4u
Nov 27 2015 14:53
@SystemDZ you can add any property you want into your object, for example:
var myDog = new Dog(); // myDog is a Dog object
myDog.legs = 4; // and it has 4 legs
myDog.name = 'Snoopy'; // and his name is Snoopy
Abhisek Pattnaik
@abhisekp
Nov 27 2015 14:54
SystemDZ
@SystemDZ
Nov 27 2015 14:54
ok got it thanks
@h4r1m4u How do i can use the code div to put my codes like you
h4r1m4u
@h4r1m4u
Nov 27 2015 14:54
explain format
CamperBot
@camperbot
Nov 27 2015 14:54

:point_right: code format [wiki]

Inline code

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

Code Block

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

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

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

How to Code

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

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

h4r1m4u
@h4r1m4u
Nov 27 2015 14:54
:point_up:
SystemDZ
@SystemDZ
Nov 27 2015 14:58
Code
Excellent
Thanks
h4r1m4u
@h4r1m4u
Nov 27 2015 14:59
my pleasure
SystemDZ
@SystemDZ
Nov 27 2015 15:00
Have you complete the course ?
h4r1m4u
@h4r1m4u
Nov 27 2015 15:01
i have the tic tac toe left from the front end part
SystemDZ
@SystemDZ
Nov 27 2015 15:01
ah good
is it the last thing in course ?
h4r1m4u
@h4r1m4u
Nov 27 2015 15:02
i think the last one is the simon game, but i did it before the tic tac toe. that's the front end development section. then there's the whole back end dev section
SystemDZ
@SystemDZ
Nov 27 2015 15:04
okay
What do you think about the certificate, is it useful for jobs & freelancing
h4r1m4u
@h4r1m4u
Nov 27 2015 15:07
for freelancing not really. your portfolio and references are more important. for jobs, i'd guess it gives you an edge, but since FCC is still in development and slowly building reputation, it's probably limited. but it's certainly better than nothing. again, your portfolio, gihtub account and the ability to demonstrate your skills during the interview will be the decisive factor
@soktherat sorry, i missed your question. it's not unique to JS, it's a problem common to many programming languages. see for example and many links listed on that page for a detailed explanation: http://programmers.stackexchange.com/questions/101163/what-causes-floating-point-rounding-errors
SystemDZ
@SystemDZ
Nov 27 2015 15:12
actually, it's better than nothing as you said
good
Can you tell me how FreeCodeCamp working
is this the only course ?
or the website updated his courses by the time
h4r1m4u
@h4r1m4u
Nov 27 2015 15:15
it's a course designed to make you a proficient entry level HTML/CSS/JS developer. all the course material and exercises is available on the Map page. the waypoints/ziplines get occasionally updated and change or new ones are added. but there's no other course
SystemDZ
@SystemDZ
Nov 27 2015 15:17
ok, got it !
what about jQuery & JSON , is it good on this course ?
h4r1m4u
@h4r1m4u
Nov 27 2015 15:18
having said the above, in my opinion it's not a course per se. it's more a study structure. the waypoints introduce some concepts to you, but don't really explain them in depth. you need to do a lot of your own research, self-study and ask questions
delta94
@delta94
Nov 27 2015 15:20

Waypoint: Fill in the Blank with Placeholder Text
Web developers traditionally use lorem ipsum text as placeholder text. It's called lorem ipsum text because those are the first two words of a famous passage by Cicero of Ancient Rome.

Lorem ipsum text has been used as placeholder text by typesetters since the 16th century, and this tradition continues on the web.

Well, 5 centuries is long enough. Since we're building a CatPhotoApp, let's use something called kitty ipsum text.

Replace the text inside your p element with the first few words of this kitty ipsum 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.

h4r1m4u
@h4r1m4u
Nov 27 2015 15:20
my above note applies to the jQuery and JSON parts as well as the entire course. some concepts are introduced to you, but there's a lot more that you'll need to figure out and learn on your own
if you're looking for an in-depth course that will closely guide you through all the ins and outs of the material and build your knowledge step by step, this isn't it
SystemDZ
@SystemDZ
Nov 27 2015 15:22
Well, I got the point %100 , thanks a lot man !
h4r1m4u
@h4r1m4u
Nov 27 2015 15:22
no problem
@delta94 do you have a question?
Craig Morrison
@frogmorton
Nov 27 2015 15:37
@h4r1m4u i have one
LOL
h4r1m4u
@h4r1m4u
Nov 27 2015 15:37
lol
shoot
@frogmorton
Clayton
@cjg040103
Nov 27 2015 15:38
Hi! I need help with Bonfire: Where do I Belong?. My code is posted below. Why is it returning three?
function where(arr, num) {
  var newArr = arr;
  var allNums = newArr.push(num);
  return allNums;
}

where([40, 60], 50);
Craig Morrison
@frogmorton
Nov 27 2015 15:38
i have a vanilla pen with js that works for the quotes machine, but when I tried to add the js to a bootstrap version, I'm not seeing the quotes, but another camper claimed to be able to see them... I'll link you to both
Blauelf
@Blauelf
Nov 27 2015 15:40
@cjg040103 Array.push() puts the provided value at the end of the array (changing the array), and returns the new array's length.
h4r1m4u
@h4r1m4u
Nov 27 2015 15:40
@cjg040103 because push() returns the new length property of the object upon which the method was called. so what you're saving into allNums is newArray length
Clayton
@cjg040103
Nov 27 2015 15:41
@frogmorton I believe the problem may be computer specific. Your computer may not be able to see it, while the other camper's can. Wait a while or refresh the page, and if that doesn't work, it just won't work on your computer.
@h4r1m4u So can I just make a new variable that entails the contents of allNums?
Craig Morrison
@frogmorton
Nov 27 2015 15:42
@cjg040103 you may be right
h4r1m4u
@h4r1m4u
Nov 27 2015 15:45
that seems suspicious to me
Clayton
@cjg040103
Nov 27 2015 15:45
@frogmorton It's all about processing ability.
Blauelf
@Blauelf
Nov 27 2015 15:45
@cjg040103 How is your algorithm supposed to work (I mean without thinking about a translation into code)?
Bharath Kumar Reddy
@reddy-bharathkumar
Nov 27 2015 15:46
hi all, can any one suggest me how to insert multiple background images
Clayton
@cjg040103
Nov 27 2015 15:48
@Blauelf It was supposed to push the number into the array. this was just a small test of it so I could continue the problem. But I cant because it's returning the length instead of the numbers.
Craig Morrison
@frogmorton
Nov 27 2015 15:48
@cjg040103 but this computer is fast... i7core with the 16GB of ram and a SSD for the OS
Clayton
@cjg040103
Nov 27 2015 15:48
@frogmorton Oh. Then I have no idea.
Ghost
@ghost~564bf69916b6c7089cbb1fef
Nov 27 2015 15:49
@frogmorton Can you post the link?
Blauelf
@Blauelf
Nov 27 2015 15:50
@cjg040103 it changes newArr to contain that number (and also arr, as these two point to the same array object), so there is your array with num at the end.
Clayton
@cjg040103
Nov 27 2015 15:50
Are you using Google Chrome, FireFox, or Internet Explorer? @frogmorton
h4r1m4u
@h4r1m4u
Nov 27 2015 15:50
for what it's worth, i highly doubt it's a browser/computer issue
Craig Morrison
@frogmorton
Nov 27 2015 15:50
firefox, but i'm getting the same with Chrome
Clayton
@cjg040103
Nov 27 2015 15:50
function where(arr, num) {
  var allNums = arr.push(num);
  return allNums;
}

where([40, 60], 50);
@Blauelf
New code.
Blauelf
@Blauelf
Nov 27 2015 15:51
Might be a script blocker issue.
Craig Morrison
@frogmorton
Nov 27 2015 15:51
this vanilla pen works if you refresh for a new quote, the button code hasn't been added yet
Clayton
@cjg040103
Nov 27 2015 15:51
@frogmorton Hmmm... I got nothing.
Blauelf
@Blauelf
Nov 27 2015 15:51
@cjg040103 So arr now has num at the end, and allNums is arr.length.
Ghost
@ghost~564bf69916b6c7089cbb1fef
Nov 27 2015 15:52
@frogmorton It's not working for me
Clayton
@cjg040103
Nov 27 2015 15:52
@Blauelf How can I get just the numbers?
Ghost
@ghost~564bf69916b6c7089cbb1fef
Nov 27 2015 15:52
Clicking the button doesn't change the quote
Craig Morrison
@frogmorton
Nov 27 2015 15:52
this one does NOT work in my browser http://codepen.io/frogmorton/pen/QjVaoB
Blauelf
@Blauelf
Nov 27 2015 15:52
@cjg040103 Like "return arr"?
Craig Morrison
@frogmorton
Nov 27 2015 15:53
No, it doesn't @AndrewGHC because I haven't added any jQuery for the button yet
Ghost
@ghost~564bf69916b6c7089cbb1fef
Nov 27 2015 15:53
@frogmorton Ah well the second you posted doesn't work for me either
h4r1m4u
@h4r1m4u
Nov 27 2015 15:53
the second spits an error in console: Uncaught TypeError: Cannot read property '0' of undefined
Craig Morrison
@frogmorton
Nov 27 2015 15:54
right... the 2nd one doesn't work for me, but the first one, at least I can see new quotes every time i refresh the browser
Clayton
@cjg040103
Nov 27 2015 15:54
:neutral_face: @Blauelf
Wow.
Ghost
@ghost~564bf69916b6c7089cbb1fef
Nov 27 2015 15:54
@frogmorton You have a type error author[0].childNodes is undefined
Craig Morrison
@frogmorton
Nov 27 2015 15:54
yes, I saw that @h4r1m4u
Ghost
@ghost~564bf69916b6c7089cbb1fef
Nov 27 2015 15:54
Check the console in debug mode
Craig Morrison
@frogmorton
Nov 27 2015 15:54
and @AndrewGHC
the api call gives results in xml
and I'm trying to access the data in xml nodes, It might work better if I replaced my vanilla js version with a jQuery way of doing things
Clayton
@cjg040103
Nov 27 2015 15:55
@Blauelf I think I can do it now! Thanks!
CamperBot
@camperbot
Nov 27 2015 15:55
cjg040103 sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 542 | @blauelf | http://www.freecodecamp.com/blauelf
Clayton
@cjg040103
Nov 27 2015 15:59
function where(arr, num) {
  arr.push(num);
  var newArr = arr.sort();
  for(var i = 0; i < arr.length; i++) {
    if(arr[i] === num) {
      return i;
    } else {
      //What goes in here?
    }
  }
  return newArr;
}

where([40, 60], 50);
Amanda Krummel
@jupiterpenny
Nov 27 2015 16:01

Hi...I'm having a little trouble getting my return val > 5; read....what is wrong with this command? var newArray = oldArray.filter(function(val) {

return val > 5;
});

Blauelf
@Blauelf
Nov 27 2015 16:01
@cjg040103 You should read what Array.sort() does, especially with the optional parameter. And in your case, no else part needed. And like push(), sort() changes the array, so you don't need to define any newArr, it's still the same as your arr.
Clayton
@cjg040103
Nov 27 2015 16:03
I don't understand how to use the optional thing.
Jason Wood
@catapixel
Nov 27 2015 16:03
@jupiterpenny The code is fine. What is the question about it?
Amanda Krummel
@jupiterpenny
Nov 27 2015 16:04
it's not running...i'm supposed to filter out greater than 5
Use filter to remove all elements from array that are greater than 5.
Waypoint: Filter Arrays with filter
Jason Wood
@catapixel
Nov 27 2015 16:05
The code you wrote would keep all values greater than 5 not remove them
Amanda Krummel
@jupiterpenny
Nov 27 2015 16:05
i thought that might be it, so i changed it to < and it didn't run
let me do it again
Lewis
@Lxwis
Nov 27 2015 16:05
In bonfire can you pair with another user to work together?
Matthew Speight
@Timeeo
Nov 27 2015 16:05
(Waypoint: Target the same element with multiple jQuery Selectors) : Cannot read property 'length' of null ; can anyone help ??? Thanks
Amanda Krummel
@jupiterpenny
Nov 27 2015 16:06

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

return val <5;
});

Jason Wood
@catapixel
Nov 27 2015 16:06
@jupiterpenny you need <= in order to keep the values equal to 5 as well
Blauelf
@Blauelf
Nov 27 2015 16:06
@cjg040103 You can copy the compareNumbers function from the examples and use it.
Fennek
@fennekbe
Nov 27 2015 16:06

Guys I have a problem with my fonts. Anyone who could take a look?

html:

<link rel="stylesheet" type="text/css" href="css/fonts.css">
...
            <div class="container-fluid header-nav-layout top-50px">

                <ul class="header-nav header-nav-left">
                    <li><a href="">About</a></li>
                    <li><a href="">Home</a></li>
                </ul>

                <ul class="header-nav header-nav-right">
                    <li><a href="">Portfolio</a></li>
                    <li><a href="">Contact</a></li>
                </ul>

            </div>

css

@font-face {
    font-family: 'homizio_novaregular';
    src: url('fonts/regular-webfont.eot');
    src: url('fonts/regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/regular-webfont.woff2') format('woff2'),
         url('fonts/regular-webfont.woff') format('woff'),
         url('fonts/regular-webfont.ttf') format('truetype'),
         url('fonts/regular-webfont.svg#homizio_novaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.header-nav-layout a {
    color: #fff;
    padding: 0 50px;
    margin: 0;
    display: block;
    line-height: 75px;
    font-family: homizio_novaregular;
}

The font changes but I'm guessing it changes to a default value. Certainly doesn't change to the one i'm expecting

Amanda Krummel
@jupiterpenny
Nov 27 2015 16:06
ah...greater than or equal to five....hum.mmmm i see
Fennek
@fennekbe
Nov 27 2015 16:06
Site is at qbyte.be if it's easier to check that way
Jason Wood
@catapixel
Nov 27 2015 16:07
@jupiterpenny did it work with the change? I'm not looking at the waypoint specifically
Amanda Krummel
@jupiterpenny
Nov 27 2015 16:07
I just ran it.
Clayton
@cjg040103
Nov 27 2015 16:07
@Blauelf Thanks again!
CamperBot
@camperbot
Nov 27 2015 16:07
cjg040103 sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:warning: cjg040103 already gave blauelf points
Amanda Krummel
@jupiterpenny
Nov 27 2015 16:07
it worked great
Jason Wood
@catapixel
Nov 27 2015 16:07
:thumbsup:
Amanda Krummel
@jupiterpenny
Nov 27 2015 16:07
thanks @cat @catapixel
CamperBot
@camperbot
Nov 27 2015 16:07
jupiterpenny sends brownie points to @cat and @catapixel :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for cat
:star: 599 | @catapixel | http://www.freecodecamp.com/catapixel
Jason Wood
@catapixel
Nov 27 2015 16:07
no problem
Amanda Krummel
@jupiterpenny
Nov 27 2015 16:07
ㅅ ㅅ;
Ghost
@ghost~564bf69916b6c7089cbb1fef
Nov 27 2015 16:07
@fennekbe I think the font-family needs to be in quotes but I'm not quite certain that will fix your issue
Fennek
@fennekbe
Nov 27 2015 16:10
@AndrewGHC Tried it but didn't work. Someone from different group suggested putting ../ before my links which did work. Thanks either way for trying
CamperBot
@camperbot
Nov 27 2015 16:10
fennekbe sends brownie points to @andrewghc :sparkles: :thumbsup: :sparkles:
:star: 241 | @andrewghc | http://www.freecodecamp.com/andrewghc
Craig Morrison
@frogmorton
Nov 27 2015 16:10
well guys, I'm at a loss for how to proceed. I see the error you pointed out, but am not knowledgeable enough to fix it. Maybe I've invested too much into this approach to give up on it... and I have made progress, albeit slow.
Edwina Muir
@edgmuir
Nov 27 2015 16:11
how do I add one class with with three selectors in jQuery?
Ghost
@ghost~564bf69916b6c7089cbb1fef
Nov 27 2015 16:11
@fennekbe Apologies I can't help, presumably there's an issue with one of the urls
Fennek
@fennekbe
Nov 27 2015 16:12
@AndrewGHC No worries :)
Ryan Malm
@Rybar
Nov 27 2015 16:29
@fennekbe Can I see your folder structure where your code and fonts are stored relative to each other?
Fennek
@fennekbe
Nov 27 2015 16:30
@Rybar Someone else helped me in the main group of freecodecamp. Thank you though
CamperBot
@camperbot
Nov 27 2015 16:30
fennekbe sends brownie points to @rybar :sparkles: :thumbsup: :sparkles:
:star: 354 | @rybar | http://www.freecodecamp.com/rybar
Johnathon Sykes
@seesykescode
Nov 27 2015 16:30

bonfire Title Case A sentence

Im trying to figure out the flow of this before I even start coding. I know ill have to iterate through the string, which I have done...I guess I'm confused as to how to impliment String.charAt() to replace the first letter of each word. I guess im having issues trying to figure out how to define each new word in the string.

CamperBot
@camperbot
Nov 27 2015 16:30
Sorry, can't find a bonfire called title case a sentenceim trying to figure out the flow of this before i even start coding i know ill have to iterate through the string which i have donei guess im confused as to how to impliment stringcharat to replace the first letter of each word i guess im having issues trying to figure out how to define each new word in the string . [ Check the map? ]
Johnathon Sykes
@seesykescode
Nov 27 2015 16:31
bonfire Title Case A sentence
CamperBot
@camperbot
Nov 27 2015 16:31

:fire:Bonfire: Title Case a Sentence :link:

function titleCase(str) {
  return str;
}

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

Return the provided string with the first letter of each word capitalized.

more info:  bf details | bf links | hint

Ryan Malm
@Rybar
Nov 27 2015 16:31
The first thing you want to do is split the string up into words. What kind of data structure might you use to do that?
Fennek
@fennekbe
Nov 27 2015 16:31
@johndsykes86 Just compare every index of the string with " ". if it's the same, then toUppercase the index+1
Or is this bonfire about arrays
Ryan Malm
@Rybar
Nov 27 2015 16:32
@fennekbe You wouldn't catch the first word that way
raw1211
@raw1211
Nov 27 2015 16:32
@johndsykes86 use str.charAt(0) along with replace..
Fennek
@fennekbe
Nov 27 2015 16:32
add index 0 toUppercase too then
or replace also works
bf details
CamperBot
@camperbot
Nov 27 2015 16:33

:fire:Bonfire: Title Case a Sentence :link:

function titleCase(str) {
  return str;
}

titleCase("I'm a little tea pot");
Return the provided string with the first letter of each word capitalized.
For the purpose of this exercise, you should also capitalize connecting words like 'the' and 'of'.
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
links:
Fennek
@fennekbe
Nov 27 2015 16:33
Yeah they ask to use charAt, so there's that
Blauelf
@Blauelf
Nov 27 2015 16:34
@raw1211 You really like using replace on that, don't you? :D
raw1211
@raw1211
Nov 27 2015 16:35
oh...Idk why it is the first thing that comes to my mind when someone mentions that bonfire
thought now I changed my code using substr
Blauelf
@Blauelf
Nov 27 2015 16:36
I would prefer using String.substr(), String.substring() or String.slice() over String.replace(). In that usage, they are all the same (although being completely different in general)
Johnathon Sykes
@seesykescode
Nov 27 2015 16:37
ok so @Rybar that's my first thought.... .split the string into an array and then check each word that way....then I guess join it back together.
and yes @raw1211 I thought about using replace too but didnt think that's within the rules of the Bonfire. At least I know my brain isn't completely turkeyified. Thanks everyone
CamperBot
@camperbot
Nov 27 2015 16:37
johndsykes86 sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 325 | @raw1211 | http://www.freecodecamp.com/raw1211
raw1211
@raw1211
Nov 27 2015 16:38
@johndsykes86 no u don't need to check each word
My first solution was with replace and I had no issues
Ryan Malm
@Rybar
Nov 27 2015 16:38
Eventually you'll go be going back through these to see how they can be solved without for loops
replace is fine, you still need a way to discern word separation
Blauelf
@Blauelf
Nov 27 2015 16:39
@johndsykes86 As long as you don't restrict your code in that it passes the tests without being a real general solution, anything should be allowed in bonfires.
Fennek
@fennekbe
Nov 27 2015 16:39
Isn't it better to do this without an array though? What's the trade off? CPU cycles vs memory?
Ryan Malm
@Rybar
Nov 27 2015 16:39
Performance vs elegant code
Fennek
@fennekbe
Nov 27 2015 16:40
Personally I couldn't care less about elegant code? Is that just me?
Maybe I should start doing C
Blauelf
@Blauelf
Nov 27 2015 16:40
@fennekbe You cannot change the string itself, as strings are immutable, so you'll have to create new strings. No idea if that is performing better, would have to create a jsperf for that :D
raw1211
@raw1211
Nov 27 2015 16:41
C will require a lot of time..and patience
Fennek
@fennekbe
Nov 27 2015 16:41
Isn't a string an array by itself? @Blauelf
Blauelf
@Blauelf
Nov 27 2015 16:41
Strings are array-like, not arrays. You cannot assign a character for example (silently fails).
Fennek
@fennekbe
Nov 27 2015 16:42
but behind the scenes a string is an array right? Or am I mixing languages
raw1211
@raw1211
Nov 27 2015 16:42
@fennekbe u r getting confused because they are a bit similar when accessing
and have some similar functions too
Blauelf
@Blauelf
Nov 27 2015 16:43
C strings used to be null-terminated and reside in arrays of char (or pointers to char, pointing to the first character, but losing length information)
Fennek
@fennekbe
Nov 27 2015 16:44
Hmm, I knew I shouldn't have started reading that c book
haha
Ryan Malm
@Rybar
Nov 27 2015 16:44
Elegant code is more important than fast code, especially in teams, especially on large projects, and especially if someone has to maintain your code after you.
raw1211
@raw1211
Nov 27 2015 16:44
@fennekbe what is the name of the book
Fennek
@fennekbe
Nov 27 2015 16:44
eh, primer I guess, can't remember, was a while ago
Let me check
@raw1211 Yeah, C primer plus
raw1211
@raw1211
Nov 27 2015 16:49
you should use The C programming language By Dennis Ritchie and Brian Kernighan
evanday17
@evanday17
Nov 27 2015 16:49
can anyone help with using ID to override classes?

organe-text {

color: organe;

}

</style>

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

raw1211
@raw1211
Nov 27 2015 16:50
@evanday17 use ```above and below the code
Fennek
@fennekbe
Nov 27 2015 16:50
@raw1211 I'll check it out, thank you
CamperBot
@camperbot
Nov 27 2015 16:50
fennekbe sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 326 | @raw1211 | http://www.freecodecamp.com/raw1211
Ryan Malm
@Rybar
Nov 27 2015 16:51
css for an id should start #
#organe-text {
color: organe;
}
Blauelf
@Blauelf
Nov 27 2015 16:51
Typo, should be "orange", not "organe".
@Rybar The code begins with a #, that's why it's made caption in markdown :P
evanday17
@evanday17
Nov 27 2015 16:52
@Blauelf thank you!!!!! i always miss my typos....it is wokring now
CamperBot
@camperbot
Nov 27 2015 16:52
evanday17 sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 544 | @blauelf | http://www.freecodecamp.com/blauelf
raw1211
@raw1211
Nov 27 2015 16:52
This message was deleted
use this
Blauelf
@Blauelf
Nov 27 2015 16:54
Well, that's a consistent typo :D
evanday17
@evanday17
Nov 27 2015 16:54
working =)
Ryan Malm
@Rybar
Nov 27 2015 16:55
XD
```
function titleCase(str) {

  return str.split(' ').map(function(word){
    console.log(word);
    return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
  }).join(' ');

}
Suhas Savant
@suhassavant
Nov 27 2015 16:56
Hi guys, I am facing an issue with doing the exerccise for Waypoint: Target a Specific Child of an Element Using jQuery. Could you please help me suggest what this means exactly: not sure what I am doing wrng here...
Make the second child in each of your well elements bounce. You must target the children of element with the target class.
Marius Garbea
@MariusGarbea
Nov 27 2015 16:57
hello guys!
Suhas Savant
@suhassavant
Nov 27 2015 16:57
nevermind, it worked.
Marius Garbea
@MariusGarbea
Nov 27 2015 16:57
i basically want to get the id of the button i pressed
can i do it with document.getElementById ?
raw1211
@raw1211
Nov 27 2015 16:58
This message was deleted
Marius Garbea
@MariusGarbea
Nov 27 2015 16:58
and how exactly am i supposed to write the code?
raw1211
@raw1211
Nov 27 2015 16:59
@MariusGarbea in js
??
Marius Garbea
@MariusGarbea
Nov 27 2015 16:59
yes
look at the $( ".button" ).click(function()
raw1211
@raw1211
Nov 27 2015 17:00
u want to get the id when u click it?
Marius Garbea
@MariusGarbea
Nov 27 2015 17:00
yes and then work with that id further
will help u
Marius Garbea
@MariusGarbea
Nov 27 2015 17:02
@raw1211 ok i'll check it out thanks
CamperBot
@camperbot
Nov 27 2015 17:02
mariusgarbea sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 327 | @raw1211 | http://www.freecodecamp.com/raw1211
Ryan Malm
@Rybar
Nov 27 2015 17:03
@raw1211 beat me, was going to lmgtfy
raw1211
@raw1211
Nov 27 2015 17:05
@Rybar are u a professional web developer?
Ryan Malm
@Rybar
Nov 27 2015 17:08
Not yet. I'm a graphic designer that's been studying here on and off since FCC first started. Currently looking for employment as developer.
raw1211
@raw1211
Nov 27 2015 17:10
graphic designer is required for making video games right??
Ryan Malm
@Rybar
Nov 27 2015 17:12
Sure. I've done a bit of html5 game art and code, is a hobby of mine
NB
@simbology
Nov 27 2015 17:18
Hi Guys I'm a total noob here on day 2 of FCC and hit a problem. im trying to apply a font which tells me i have done it but task 3 remains red any help would be great.

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

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

<h2>CatPhotoApp</h2>

raw1211
@raw1211
Nov 27 2015 17:18
@simbology post ur code
and what is ur objective
NB
@simbology
Nov 27 2015 17:19
my cell phone shows text in lobster so what does no3 ask?
Import the Lobster font.
Your h2 element should use the font Lobster.
$(...).css(...) is undefined
undefined still?
raw1211
@raw1211
Nov 27 2015 17:20
@simbology so u have to only apply lobster font to h2 and import it..nothing else
NB
@simbology
Nov 27 2015 17:20
Cat photo app shows correctly on cell phone but i m till unsure what the line with $ actully asks
thansk Raw, i think iVe done that which is why im unsure wht line 3 needs
raw1211
@raw1211
Nov 27 2015 17:22
@simbology Is this waypoint Import a google font?
NB
@simbology
Nov 27 2015 17:22
yes
Blauelf
@Blauelf
Nov 27 2015 17:22
@simbology You probably deleted some code that was affecting p
raw1211
@raw1211
Nov 27 2015 17:22
U need to read the objectives carefully then..
u are missing some code
u don't have a p tag in ur code
Muhsin Ismail
@muhsingenius
Nov 27 2015 17:23
Hi all, I need help with "Waypoint: Target the same element with multiple jQuery Selectors"
raw1211
@raw1211
Nov 27 2015 17:23
and p tag needs to have the font Monospace@simbology
@muhsingenius remember to use animated ,shake and btn-primary once at a time using one selector at a time
NB
@simbology
Nov 27 2015 17:25
Thanks Raw but p was okay last exercise now it only asks for h2 for this exercise,, is there anyway to get the $ line to say what it needs?
will try with p tag added
raw1211
@raw1211
Nov 27 2015 17:25
@simbology reset the code first and then do it
u are surely missing a lot of code
NB
@simbology
Nov 27 2015 17:26
appreciate the time this is full ques
Muhsin Ismail
@muhsingenius
Nov 27 2015 17:26
I dont understand that statment. this what i did:$("#target1").addClass("animated shake btn-primary");
NB
@simbology
Nov 27 2015 17:27

Waypoint: Import a Google Font

Now, let's import and apply a Google font (note that if Google is blocked in your country, you will need to skip this challenge).

First, you'll need to make a call to Google to grab the Lobster font and load it into your HTML.

Copy the following code snippet and paste it into the top of your code editor:

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

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

Apply the font-family of Lobster to your h2 element.

raw1211
@raw1211
Nov 27 2015 17:27
@muhsingenius <script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
}); </script>
one selector and one class at a time
+00-FUS
@00FUS
Nov 27 2015 17:28
I appear to be having refresh issues within the code text-editor, and was wondering if I'm the only one? Adding the appropriate code to the editor will not show the step as complete until I've reset and retyped the exact same lines/
raw1211
@raw1211
Nov 27 2015 17:29
@simbology u should check the points that u need to accomplish for passing the waypoint...
Muhsin Ismail
@muhsingenius
Nov 27 2015 17:29
This is the error message am getting: editor.match(...) is null. what is the meaning of this issue?
raw1211
@raw1211
Nov 27 2015 17:29
@simbology Import the Lobster font.
Your h2 element should use the font Lobster.
Your p element should still use the font Monospace.
these are the things that u need to do for passing
@muhsingenius </script> is it there in ur code??
kevin barrows
@kmbgolf
Nov 27 2015 17:31
Even though I am still early in learning code..I would love to get a head start on some of the tougher stuff like algorithims and such.Can any one lead me in a good direction?
Muhsin Ismail
@muhsingenius
Nov 27 2015 17:32
thanks Raw
NB
@simbology
Nov 27 2015 17:32
great , thanks Raw,, Im just confused why I still need to add P tag because I dont see it requested. should i assume the 3rd $ line is from previous exercise?
Muhsin Ismail
@muhsingenius
Nov 27 2015 17:32
it worked.
raw1211
@raw1211
Nov 27 2015 17:32
@kmbgolf alogrithms are not that tough..and u have already been given hints about the functions that will be required to implement the algo
Ryan Malm
@Rybar
Nov 27 2015 17:32
@kmbgolf I would proceed with doing all the basic and object-oriented javascript waypoints on the Map. The beginner bonfires are a good intro to algorithm-building thinking
raw1211
@raw1211
Nov 27 2015 17:33
@simbology Did u try to reset ur code..
kevin barrows
@kmbgolf
Nov 27 2015 17:33
should i go in order with html css ...first?
raw1211
@raw1211
Nov 27 2015 17:34
@kmbgolf in bonfires they are not required
they r required in the ziplines
kevin barrows
@kmbgolf
Nov 27 2015 17:34
But being new I should probaly just start from the beggining?
raw1211
@raw1211
Nov 27 2015 17:35
@kmbgolf that's what should be done
kevin barrows
@kmbgolf
Nov 27 2015 17:35
thank you
NB
@simbology
Nov 27 2015 17:37
wow it worked by copying my text onto previous code. every time ive had new waypoint it puts me back on line so ive had to memorize previous exercises.
should it have been adding my new code all along (with amendments when needed? ) thanks Raw this will go quicker. at least its been good practice remembering my code waypoint by waypoint
*on line 1
how do i send brownie points???
Blauelf
@Blauelf
Nov 27 2015 17:41
use thanks @Blauelf
CamperBot
@camperbot
Nov 27 2015 17:41
sorry blauelf, you can't send brownie points to yourself! :sparkles: :sparkles:
raw1211
@raw1211
Nov 27 2015 17:41
@simbology no ...I think it was due to some issue..
Blauelf
@Blauelf
Nov 27 2015 17:42
Whenever camperbot hears a "thanks" or "thx" or "thank you" and a name with @, it will grant a brownie point to that person.
By the way, what happens if someone thanks @/all ?
CamperBot
@camperbot
Nov 27 2015 17:43
blauelf sends brownie points to @all :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for all
NB
@simbology
Nov 27 2015 17:43
ok, yep, clearing code to call up previous work looks a lot easier, but was good newbie brain training for one day concentrating, thanks @raw1211
CamperBot
@camperbot
Nov 27 2015 17:43
simbology sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 328 | @raw1211 | http://www.freecodecamp.com/raw1211
raw1211
@raw1211
Nov 27 2015 17:44
@simbology np
NB
@simbology
Nov 27 2015 17:44
lol now we know Blauelf thanks for tip
Ryan Malm
@