These are chat archives for FreeCodeCamp/Help

22nd
Nov 2015
Keri Gannon
@kerianngannon
Nov 22 2015 00:01
I'm so lost. I don't know what I'm doing wrong.
Arash D
@ArashDai
Nov 22 2015 00:01
what are you trying to do?
ill see if i can help
Keri Gannon
@kerianngannon
Nov 22 2015 00:02

I tried the following code, but it didn't work. Another rule is:

  • The property wheels of myCar should equal 4.
  • The property nickname of myCar should be a string.
    ```
    var Car = function() {
    this.wheels = 4;
    this.engines = 1;
    this.seats = 1;
    };

// Only change code below this line.

var myCar = new Car();

```

I tried the following code, but it didn't work.
  • The property wheels of myCar should equal 4.
  • The property nickname of myCar should be a string.
var Car = function() {
  this.wheels = 4;
  this.engines = 1;
  this.seats = 1;
};

// Only change code below this line.

var myCar = new Car();
Arash D
@ArashDai
Nov 22 2015 00:03
you dont have a property nickname
Aleksander Gębicki
@Takumar
Nov 22 2015 00:03

@kerianngannon read comments in your code:

// Only change code below this line.

You have to add property to myCar object not to the constructor Car()

Keri Gannon
@kerianngannon
Nov 22 2015 00:03
I don't know how to add a property nickname.
Arash D
@ArashDai
Nov 22 2015 00:03
this.nickname = "string"
or myCar.nickname = "string"
Keri Gannon
@kerianngannon
Nov 22 2015 00:04
@ArashDai THANK YOU
CamperBot
@camperbot
Nov 22 2015 00:04
kerianngannon sends brownie points to @arashdai :sparkles: :thumbsup: :sparkles:
:star: 14 | @arashdai | http://www.freecodecamp.com/arashdai
Arash D
@ArashDai
Nov 22 2015 00:04
woohoo
can someone point me in the right direction to get some help with git
Aleksander Gębicki
@Takumar
Nov 22 2015 00:06
@ArashDai if it 's not very difficult maybe I can help. Ask the question and someone will answer for sure.
Arash D
@ArashDai
Nov 22 2015 00:06
ok
so i have this website im building and i foolishly pushed up my assets to the repo
i have since added them to .gitignore
but they are still online and if i delete them from the online repo it deletes them from my local if i pull
Omar
@oab00
Nov 22 2015 00:11

try this:

copy your assets somewhere outside the repo on local and delete them from local repo

commit the changes to remote

copy the assets back

Arash D
@ArashDai
Nov 22 2015 00:11
thats what i was thinking
thankyou
Omar
@oab00
Nov 22 2015 00:11
hope it works!
Arash D
@ArashDai
Nov 22 2015 00:12
i cant imagine why it wouldnt
but git has fooled me before
Peter W Ross
@PeterWRoss
Nov 22 2015 00:14
can some explain to me what a "bootstrap well" is ... and what does it look like to the user
please
Jason
@jrsherrill
Nov 22 2015 00:15
@PeterWRoss Basically a box with rounded corners
Hans van Riet
@hansinla
Nov 22 2015 00:16
@PeterWRoss It’s a class that you add to a div to make it stand out from the background on your page. It has rounded corners. here’s an example: http://www.hansvanriet.com/work.html
Jason
@jrsherrill
Nov 22 2015 00:16
@PeterWRoss A better term would be a border with corners rounded
Arash D
@ArashDai
Nov 22 2015 00:21
i have no idea why React-Router is giving me so much trouble
to the DOCS!
Naomi
@NaomiLea
Nov 22 2015 00:21

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

// Only change code below this line.

var myCar;
myCar.wheels = new Car(4);
myCar.nickname = "string"

I get the error message var Car = function() {
this.wheels = 4;
this.engines = 1;
this.seats = 1;
};

// Only change code below this line.

var myCar;
myCar.wheels = new Car(4);
myCar.nickname = "string"

sorry, I get the error message : Cannot set property 'wheels' of undefined
Arash D
@ArashDai
Nov 22 2015 00:23
hmm
var myCar = new Car
Jason
@jrsherrill
Nov 22 2015 00:23
@NaomiLea almost there! the myCar needs to be an object created with the constructor Car
Arash D
@ArashDai
Nov 22 2015 00:23
you never created myCar
Jason
@jrsherrill
Nov 22 2015 00:23
yes, llike @ArashDai stated
Arash D
@ArashDai
Nov 22 2015 00:23
sorry i shouldnt give away answers so easily
Jason
@jrsherrill
Nov 22 2015 00:24
@ArashDai no problem! I'm a little sadistic with help
Arash D
@ArashDai
Nov 22 2015 00:24
its good to let people struggle a little tho
builds stamina
Naomi
@NaomiLea
Nov 22 2015 00:25
haha thanks @ArashDai and @jrsherrill I am struggling a lot :P
CamperBot
@camperbot
Nov 22 2015 00:25
naomilea sends brownie points to @arashdai and @jrsherrill :sparkles: :thumbsup: :sparkles:
:star: 264 | @jrsherrill | http://www.freecodecamp.com/jrsherrill
:star: 15 | @arashdai | http://www.freecodecamp.com/arashdai
Arash D
@ArashDai
Nov 22 2015 00:25
lmao
Naomi
@NaomiLea
Nov 22 2015 00:27
the annoying moment when you complicate it for youself. It's all sorted now :)
Keri Gannon
@kerianngannon
Nov 22 2015 00:27
Could anyone help with filtering arrays in JavaScript? Here's the rule:
  • Remove elements greater than 5.
var oldArray = [1,2,3,4,5,6,7,8,9,10];

// Only change code below this line.

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

  return val < 5;

});

// Only change code above this line.

(function() { return newArray; })();
Arash D
@ArashDai
Nov 22 2015 00:29
hmm
Jason
@jrsherrill
Nov 22 2015 00:29
@kerianngannon The filter as posted is building a new array with only values from the old that are less than 5
Peter W Ross
@PeterWRoss
Nov 22 2015 00:29
Thanks @jrsherrill and thanks @hansinla
Hans van Riet
@hansinla
Nov 22 2015 00:29
@kerianngannon You’re almost there consider what happens if val==5 would it pass or not? how would you adjust your code to correct?
CamperBot
@camperbot
Nov 22 2015 00:29
peterwross sends brownie points to @jrsherrill and @hansinla :sparkles: :thumbsup: :sparkles:
:star: 265 | @jrsherrill | http://www.freecodecamp.com/jrsherrill
:star: 617 | @hansinla | http://www.freecodecamp.com/hansinla
Hans van Riet
@hansinla
Nov 22 2015 00:29
@PeterWRoss no problem
Keri Gannon
@kerianngannon
Nov 22 2015 00:30
Got it. Thanks @jrsherrill and @hansinla
CamperBot
@camperbot
Nov 22 2015 00:30
kerianngannon sends brownie points to @jrsherrill and @hansinla :sparkles: :thumbsup: :sparkles:
:star: 266 | @jrsherrill | http://www.freecodecamp.com/jrsherrill
:star: 618 | @hansinla | http://www.freecodecamp.com/hansinla
Keri Gannon
@kerianngannon
Nov 22 2015 00:30
So far, JavaScript is the most challenging for me, but I always feel great when I get over a hurdle.
Omar
@oab00
Nov 22 2015 00:31
@camperbot hard at work today :p
Peter W Ross
@PeterWRoss
Nov 22 2015 00:31
the issue I am having with this site.. it teaches you the code, but its often vague about explaining the purposes behind the code input..
a lot of times there will be a change that is so subtle, you don't actually see visually how it was applied to the lay out.. i wish they went into further detail..
Michael Cheung
@m6cheung
Nov 22 2015 00:32
@PeterWRoss yup this site forces yo to explore outside resources
for further understanding which is good in a sense, because then you find out about an ocean of knowledge using google
and how to google problems and pinpoint it to your exact situation
Peter W Ross
@PeterWRoss
Nov 22 2015 00:33
For example... It stresses the important of creating div elements... because it contains things and makes it easier to manipulate.. but it does not give you a reference point of how it would be without divs.. which you have to way to fully understand the convenienceof them
Yeah.. I guess I am just lazy.. lol
Khurram Naseem
@khurramn
Nov 22 2015 00:34
hellow everyone
Peter W Ross
@PeterWRoss
Nov 22 2015 00:34
which you have "no way" to fully understand the need for divs**
hey @khurramn
Khurram Naseem
@khurramn
Nov 22 2015 00:35
whatsup and hows going
coding
Peter W Ross
@PeterWRoss
Nov 22 2015 00:36
its kickin my a$$ at the moment..
lol.. but thats part of the game it seems
Khurram Naseem
@khurramn
Nov 22 2015 00:37
owhhh
where u are at
Peter W Ross
@PeterWRoss
Nov 22 2015 00:37
in atlanta..
u?
Khurram Naseem
@khurramn
Nov 22 2015 00:38
pakistan
Peter W Ross
@PeterWRoss
Nov 22 2015 00:38
@m6cheung so.. lol.. I just learned on youtube.. the purpose for the div container is to make the site adaptable to different screen views
Khurram Naseem
@khurramn
Nov 22 2015 00:38
:D
Michael Cheung
@m6cheung
Nov 22 2015 00:38
@PeterWRoss its also useful for styling purposes
Peter W Ross
@PeterWRoss
Nov 22 2015 00:39
how so?
Michael Cheung
@m6cheung
Nov 22 2015 00:39
or if you want to group a bunch of elements together and doing something with it
im not a huge html and css expert though
i usually like to put a bunch of elemnts like p, h, div
Khurram Naseem
@khurramn
Nov 22 2015 00:39
u guys are student?
Michael Cheung
@m6cheung
Nov 22 2015 00:39
and then i can move the master div
and everything within the master div will also be moved
using it like a container
Robert Richey
@0x0936
Nov 22 2015 00:40
the purpose of div is to have a generic, non-semantic container for content
instead of using divs everywhere, we have many semantic tags, like <p> instead of needing to write something like <div class="p">
Khurram Naseem
@khurramn
Nov 22 2015 00:42
div is just to group the elements. and do whatever to that div
Hans van Riet
@hansinla
Nov 22 2015 00:52
@Benstillerfaggot69 the car constructor is already there so no need to type function
@Benstillerfaggot69 BTW I find your username incredibly offensive. Are you 14?
Arash D
@ArashDai
Nov 22 2015 00:55
lmao
what if thats his real name
Hans van Riet
@hansinla
Nov 22 2015 00:55
Then his parents belong in prison
You’re not Zack
So you think a prospective employer wants to see that username when you present your FCC accomplishments?
Arash D
@ArashDai
Nov 22 2015 00:57
haha!
yea i would change that user name for your own sake
Ray Woffinden
@Ray-Woffinden
Nov 22 2015 00:57
The facial expression, priceless
Hans van Riet
@hansinla
Nov 22 2015 00:59
Suit yourself, I assume you move in circles that don’t mind that username.
Arash D
@ArashDai
Nov 22 2015 01:00
most circles wouldnt mind, this is the internet
but i get your point too
Hans van Riet
@hansinla
Nov 22 2015 01:05
It’s inappropriate.
Berkeley Martinez
@BerkeleyTrue
Nov 22 2015 01:05
This message was deleted
This message was deleted
Leeia Isabelle
@Leeiaisabelle
Nov 22 2015 01:08
hey guys! does anyone know how to add photos to your website on codepen.io?
Arash D
@ArashDai
Nov 22 2015 01:09
hmm
Hans van Riet
@hansinla
Nov 22 2015 01:09
@Leeiaisabelle Best to host your images on a remote site and link to it.
Arash D
@ArashDai
Nov 22 2015 01:09
you could put the images on flicker and use their api
or perhaps imgur?
DJ
@qualitymanifest
Nov 22 2015 01:09
or photobucket, or dropbox if public
Arash D
@ArashDai
Nov 22 2015 01:10
im getting the strangest error on my project
unexpected token <
but its from the <doctype! html>
Leeia Isabelle
@Leeiaisabelle
Nov 22 2015 01:13
I have tried dropbox public folder and google drive, but it seems to work when i link a random photo from the internet. Thanks @hansinla @ArashDai @qualitymanifest i will try photobucket, flickr, and imgur and see what happens
CamperBot
@camperbot
Nov 22 2015 01:13
leeiaisabelle sends brownie points to @hansinla and @arashdai and @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 619 | @hansinla | http://www.freecodecamp.com/hansinla
:star: 402 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
:star: 16 | @arashdai | http://www.freecodecamp.com/arashdai
Jason
@jrsherrill
Nov 22 2015 01:15
@Leeiaisabelle I beleive dropbox and google drive require authentication, which would prevent them from hosting publicly (I'm not user of either much!)
Hans van Riet
@hansinla
Nov 22 2015 01:24
@ArashDai <!doctype html>
Leeia Isabelle
@Leeiaisabelle
Nov 22 2015 01:28
Apparently so @jrsherrill although you can set things to public.....btw, the photobucket site works just in case anyone was wondering
One step closer!
Hans van Riet
@hansinla
Nov 22 2015 01:31
@Darksmurf Looks nice. I see you parseInt the location, my location is off, maybe because of truncating the coords.
Ethan Leyden
@Darksmurf
Nov 22 2015 01:31
Hmm, I rounded to the nearest integer... is that why?
Hans van Riet
@hansinla
Nov 22 2015 01:31
@Darksmurf Yes, use parseFloat instead
Ethan Leyden
@Darksmurf
Nov 22 2015 01:32
Okay
Jason
@jrsherrill
Nov 22 2015 01:33
@Darksmurf Very Nice!
Ethan Leyden
@Darksmurf
Nov 22 2015 01:33
Thanks!
I fixed it
Hans van Riet
@hansinla
Nov 22 2015 01:34
@Darksmurf cool
Ethan Leyden
@Darksmurf
Nov 22 2015 01:35
Is it better?
Hans van Riet
@hansinla
Nov 22 2015 01:35
When I refresh, I still get your old code, but I changed it to parseFloat and then the location is spot on.
Ethan Leyden
@Darksmurf
Nov 22 2015 01:36
I changed it to parseFloat, forgot to save it
I saved it now
Jason
@jrsherrill
Nov 22 2015 01:36
@Darksmurf Much better! I used geocaching, and I much prefer your method. Much more precise for location
Ethan Leyden
@Darksmurf
Nov 22 2015 01:37
:) thanks @jrsherrill
CamperBot
@camperbot
Nov 22 2015 01:37
darksmurf sends brownie points to @jrsherrill :sparkles: :thumbsup: :sparkles:
:star: 267 | @jrsherrill | http://www.freecodecamp.com/jrsherrill
Hans van Riet
@hansinla
Nov 22 2015 01:37
@Darksmurf yes that’s it
Talbot Larsen
@Kriton777
Nov 22 2015 01:37
Good evening all. Any idea why $(".target:nth-child(2)").addClass("bounce"); isn't adding bounce two my target elements?
Hans van Riet
@hansinla
Nov 22 2015 01:37
@Kriton777 show your complete code?
apekearo
@apekearo
Nov 22 2015 01:38
hello, i'm new, i'm having trouble turning my word blue using CSS for the first time Ive typed
Hans van Riet
@hansinla
Nov 22 2015 01:38
@apekearo show your code
apekearo
@apekearo
Nov 22 2015 01:38
                                                                                                 <style>

h2 (color: blue;)
</style>

<h2>CatPhotoApp</h2>

i didnt' type that black box or smiley face
Hans van Riet
@hansinla
Nov 22 2015 01:39
@apekearo should be
h2{
color: blue;
}
Will Way
@waywild
Nov 22 2015 01:39
good evening everyone, i am on the sizing of images and i'm having some trouble making my image smaller
Hans van Riet
@hansinla
Nov 22 2015 01:39
@waywild show your code
Will Way
@waywild
Nov 22 2015 01:40

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

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

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

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

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

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

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

apekearo
@apekearo
Nov 22 2015 01:40
got it, thanx guys, my screen didn't show up that little weird parenthesis. thanx
Manish Giri
@Manish-Giri
Nov 22 2015 01:41
@waywild <h2 class="red-text">CatPhotoApp</h2> should be after </style>
and there should be just one section of <style>...</style>
Hans van Riet
@hansinla
Nov 22 2015 01:41
@waywild you shoudl have only one pair of <style> tags, so move your .smaller-image code inside the first pair and delete the second pair
Talbot Larsen
@Kriton777
Nov 22 2015 01:45

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

});
</script>

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

Will Way
@waywild
Nov 22 2015 01:45
thank you guys!
Talbot Larsen
@Kriton777
Nov 22 2015 01:46
^ doesn't seem to be adding bounce class to my 2nd target elements
Jason
@jrsherrill
Nov 22 2015 01:49
@Kriton777 I beleive the animated class is also required for bouncing
Talbot Larsen
@Kriton777
Nov 22 2015 01:50
@jrsherrill wow thank you so much, can't believe i missed this!
CamperBot
@camperbot
Nov 22 2015 01:50
kriton777 sends brownie points to @jrsherrill :sparkles: :thumbsup: :sparkles:
:star: 268 | @jrsherrill | http://www.freecodecamp.com/jrsherrill
Jason
@jrsherrill
Nov 22 2015 01:51
@Kriton777 Not a problem!
apekearo
@apekearo
Nov 22 2015 02:06

i'm having problems try to under stand what to do here. here's my code <style>
h2 {
color: blue;
}
</style>

<h2>CatPhotoApp</h2> and the lesson says i need to try creating a new style element , removing h2 declaration from the existing and replacing with .red-text , to apply a CSS red-text class to my h2 element. I don't understand, ive tried a few things

Will Way
@waywild
Nov 22 2015 02:09
So im trying to nest "View more" in with <p> to connect to a external link.
<p>View more <a href="http://www.freecatphotoapp.com">
cat photos</a> </p>
does anyone have any suggestions on what to fix?
mariocatch
@mariocatch
Nov 22 2015 02:13
@waywild what's the error?
@waywild or missing step?
Will Way
@waywild
Nov 22 2015 02:14
i actually just figured it out, thank you though!
mariocatch
@mariocatch
Nov 22 2015 02:15
@apekearo they want you to create a class in the css, and decorate your h2 with that class
@apekearo ie: instead of a general h2 selector in your css, they want you to create a class called red-text
give it a color of red, and then decorate your h2 on the page wtih that class
Will Way
@waywild
Nov 22 2015 02:28
@mariocatch now i have to nest a link into a image and ther error is: Your "a" element should be a dead link with a herf attribute set to #
@mariocatch
this is what i have: <a herf="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"/></a>
Manish Giri
@Manish-Giri
Nov 22 2015 02:31
@waywild <a href="#">
not herf
Darksmurf1
@Darksmurf1
Nov 22 2015 02:32
Can you use JSON locally?
mariocatch
@mariocatch
Nov 22 2015 02:32
yes, it's just a string
Will Way
@waywild
Nov 22 2015 02:33
@mariocatch oh god hahah thank you!
CamperBot
@camperbot
Nov 22 2015 02:33
waywild sends brownie points to @mariocatch :sparkles: :thumbsup: :sparkles:
:star: 93 | @mariocatch | http://www.freecodecamp.com/mariocatch
Amanda Weldon
@aweldon1
Nov 22 2015 02:45

Hi, I'm working on object oriented and funcitional programming. Right now I'm making instances of objects with a constructor function and have ran into an issue with the nickname property. This is what I have so far but I'm missing something important, just can't figure it out.

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

// Only change code below this line.

var myCar = new Car();

The feedback says:
The property nickname of myCar should be a string.

Does anyone have any ideas?

Jason
@jrsherrill
Nov 22 2015 02:48
@aweldon1
that's the third time tonight!
@aweldon1 you need a new property on object myCar with a string assigned to it
Hans van Riet
@hansinla
Nov 22 2015 02:50
@aweldon1 in this.wheels = 4; wheels is the property of this. You’ll need to make a property named nickname of myCar
Jason
@jrsherrill
Nov 22 2015 02:50
objt.prop="Bob";
Amanda Weldon
@aweldon1
Nov 22 2015 02:52
@jrsherrill @hansinla thanks so much guys!
CamperBot
@camperbot
Nov 22 2015 02:52
aweldon1 sends brownie points to @jrsherrill and @hansinla :sparkles: :thumbsup: :sparkles:
:star: 269 | @jrsherrill | http://www.freecodecamp.com/jrsherrill
:star: 620 | @hansinla | http://www.freecodecamp.com/hansinla
Jason
@jrsherrill
Nov 22 2015 02:53
@aweldon1 Happy to help!
Jerome Ricks
@jeromericks
Nov 22 2015 02:56
var firstNameLength = 0;
var lastNameLength = 8;
var firstName = "Ada";

firstNameLength = firstName.length;

var lastName = "Lovelace";

// Only change code below this line.

lastNameLength = lastName.length;



// Only change code above this line.

if(typeof(lastNameLength) !== "undefined"){(function(){return lastNameLength;})();}
You should be getting the length of lastName by using .length like this: lastName.length.
Hans van Riet
@hansinla
Nov 22 2015 02:58
@jeromericks var lastNameLength = 8; set this value to 0. the .length function will calculate the length for you
Jerome Ricks
@jeromericks
Nov 22 2015 02:59
How do I send brownie points?
Hans van Riet
@hansinla
Nov 22 2015 02:59
click on a name to reply and type thanks
Rex Schrader
@SaintPeter
Nov 22 2015 02:59
Just say thanks @username
botstatus
CamperBot
@camperbot
Nov 22 2015 03:00
All bot systems are go!
botVersion: 0.0.11
env: prod
botname: camperbot
Jerome Ricks
@jeromericks
Nov 22 2015 03:00
@hansinla thanks
CamperBot
@camperbot
Nov 22 2015 03:00
jeromericks sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:star: 621 | @hansinla | http://www.freecodecamp.com/hansinla
Hans van Riet
@hansinla
Nov 22 2015 03:02
@jeromericks no problem
Dylan Ireland
@ambifur
Nov 22 2015 03:09
hELP NEEDED WITH Waypoint: Use appendTo to Move Elements with jQuery
CamperBot
@camperbot
Nov 22 2015 03:09
no wiki entry for: needed with waypoint use appendto to move elements with jquery
:pencil: click here to create one now!after creating your page type update to reload it here
Dylan Ireland
@ambifur
Nov 22 2015 03:09
wait no dw lol
Elliott McNary
@bighitbiker3
Nov 22 2015 03:10
On the Roman Numeral converter i've started it and can complete it using a shit ton of if statements but I don't think this is the best way...any tips?
Rex Schrader
@SaintPeter
Nov 22 2015 03:15
@ambifur Still need help?
Jefferson Michael Oakey
@jmoakey
Nov 22 2015 03:17
I can't pass this section where I have to make an image smaller. I made the image smaller, but It says my image element doesn't have the class smaller-image
Rex Schrader
@SaintPeter
Nov 22 2015 03:19
@jmoakey Can you share your code for the img element?
Jefferson Michael Oakey
@jmoakey
Nov 22 2015 03:19
yeah
Laurs
@thunderbiscuit
Nov 22 2015 03:19
Does anyone have a good source that explains indexes of arrays? this part of the javascript portion is confusing the beans out of me @__@
Jefferson Michael Oakey
@jmoakey
Nov 22 2015 03:19
img {
width: 100px;
}
Rex Schrader
@SaintPeter
Nov 22 2015 03:19
@jmoakey Ahhh - you're supposed to create a class called .smaller-image with those properties
@jmoakey and then set class="smaller-image" in your <img> tag
Jefferson Michael Oakey
@jmoakey
Nov 22 2015 03:20
Yeah I tried that and it still says i'm wrong, but the image is 100px
Rex Schrader
@SaintPeter
Nov 22 2015 03:20
@jmoakey Right, becuase the lesson is about using classes to change the size.
Jefferson Michael Oakey
@jmoakey
Nov 22 2015 03:20
.smaller-image {
width: 100px;
}
Rex Schrader
@SaintPeter
Nov 22 2015 03:20
Right.
Jefferson Michael Oakey
@jmoakey
Nov 22 2015 03:20
Is that right?
Rex Schrader
@SaintPeter
Nov 22 2015 03:21
@jmoakey Yes. Now edit the img tag to add class="smaller-image"
Jefferson Michael Oakey
@jmoakey
Nov 22 2015 03:22
<img class="smaller-image"> ?
When i add the last carrot it makes the image big again
Rex Schrader
@SaintPeter
Nov 22 2015 03:22
@jmoakey Yes, but you need to keep the src="http://whatever" in there as well
heemet
@heemet
Nov 22 2015 03:22
i think i've run into a bug -- can anyone confirm? when i try to write out the function on http://www.freecodecamp.com/challenges/waypoint-reverse-arrays-with-reverse it crashes every single time. i've tried different browsers...
Laurs
@thunderbiscuit
Nov 22 2015 03:22
@jmoakey yep, just make sure you have the src in there as well as the class
Rex Schrader
@SaintPeter
Nov 22 2015 03:23
@heemet Are you changing code outside of the "only change code" lines?
Jefferson Michael Oakey
@jmoakey
Nov 22 2015 03:23
<img src="https://bit.ly/fcc-relaxing-cat" class=".smaller-iamge">
?
Laurs
@thunderbiscuit
Nov 22 2015 03:24
remove the . from smaller-image and you should be good
heemet
@heemet
Nov 22 2015 03:24
@SaintPeter no...just following the rules ;)
Jefferson Michael Oakey
@jmoakey
Nov 22 2015 03:24
Nothing changed
Rex Schrader
@SaintPeter
Nov 22 2015 03:25
@heemet I guess I'm trying to figure out why you wrote "function" - there is a known bug that if you write a function definition in some cases it causes a freeze. But no function is called for in this waypoint.
Laurs
@thunderbiscuit
Nov 22 2015 03:25
hmm...have you tried refreshing the page? sometimes it just bugs out and needs a refresh to accept your code
Jefferson Michael Oakey
@jmoakey
Nov 22 2015 03:25
There we go
Thank you! You will all probably hear from me a lot
Rex Schrader
@SaintPeter
Nov 22 2015 03:25
@jmoakey That's what we're here for ;)
Laurs
@thunderbiscuit
Nov 22 2015 03:25
:D!!
heemet
@heemet
Nov 22 2015 03:31
@SaintPeter um, now you're makin me rethink what my code would have / should have been. However the browser should not freeze over a mistake in a sanbox coding environment... It'll be hard to find out what i should type if that happens whenever I'm wrong ;)
Rex Schrader
@SaintPeter
Nov 22 2015 03:32
@heemet Well, with a browser, "sandbox" will always be realative. There are limitations to the extent that we can put up walls around the code that runs. We beleive the function issue is related to our Linter. We're actually in the process or rewriting most of our backend in a way that "should" fix the issue.
CalevY
@CalevY
Nov 22 2015 03:33
Hello! I've been having a fair amount of trouble with this, but I can't tell if it's an error in my code or in the website itself. Help?
Rex Schrader
@SaintPeter
Nov 22 2015 03:33
@CalevY Sure
@CalevY Which Waypoint?
CalevY
@CalevY
Nov 22 2015 03:33
Nest an Anchor Element within a Paragraph
heemet
@heemet
Nov 22 2015 03:34
@SaintPeter thanks for the info -- I'll go back and clear cache and see if I have any success when not writing a function.
CamperBot
@camperbot
Nov 22 2015 03:34
heemet sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1630 | @saintpeter | http://www.freecodecamp.com/saintpeter
Rex Schrader
@SaintPeter
Nov 22 2015 03:34
@CalevY ok, are you wrapping your p tags around the existing link found jsut under the h2 tag?
CalevY
@CalevY
Nov 22 2015 03:35
Whoops no thank you. It's just not under the h2 tag...
Thank you.
Rex Schrader
@SaintPeter
Nov 22 2015 03:35
@CalevY That'll get ya every time. If you read the instructions carefully we mention it there.
CalevY
@CalevY
Nov 22 2015 03:35
Thank you! back to work.
Still no go. It just gives me a different set of unmet requirements.
@SaintPeter May I copy the line of code into here? Maybe there's an error in itself.
Rex Schrader
@SaintPeter
Nov 22 2015 03:38
@CalevY Can you share just your p element and its contents?
@CalevY :D
CalevY
@CalevY
Nov 22 2015 03:39
'<p>View more <a href="http://freecatphotoapp.com">cat photos</a>.</p>'
Rex Schrader
@SaintPeter
Nov 22 2015 03:40
@CalevY No . at the end.
CalevY
@CalevY
Nov 22 2015 03:40
Man. Me and my punctuation.
@SaintPeter Still no. ??
Rex Schrader
@SaintPeter
Nov 22 2015 03:41
@CalevY interesting. It's just below your <h2> element, right?
CalevY
@CalevY
Nov 22 2015 03:41
Yep.
Rex Schrader
@SaintPeter
Nov 22 2015 03:41
@CalevY I just cut and pasted your code (sans the dot) into a fresh screen and it passed.
Do this: Copy that line, reset your code, and paste it in over the link
CalevY
@CalevY
Nov 22 2015 03:44
@SaintPeter Nope. The first, fourth, and fifth requirements haven't been met. Wait, I'll reopen my browser.
Rex Schrader
@SaintPeter
Nov 22 2015 03:45
@CalevY A solution
CalevY
@CalevY
Nov 22 2015 03:45
Thank you, again.
Patrick
@patleezy
Nov 22 2015 03:51
For this bonfire (http://www.freecodecamp.com/challenges/bonfire-reverse-a-string), need some help - what's wrong with my code.
Screen Shot 2015-11-21 at 7.50.06 PM.png
Rex Schrader
@SaintPeter
Nov 22 2015 03:53
@patleezy You could do newstr += str[i]
@patleezy join only works on arrays
Cameron
@xeginy
Nov 22 2015 03:53
I'm having trouble with the Waypoint "use a CSS class to style an element." I think I've got it right, but it doesn't seem to be working.
Rex Schrader
@SaintPeter
Nov 22 2015 03:54
@patleezy Note, however, that your loop conditions are wrong.

@patleezy for ([initialization]; [condition]; [final-expression])

The initialization statement is executed one time only before the loop starts. It is typically used to define and setup your loop variable.

The condition statement is evaluated at the beginning of every loop iteration and will continue as long as it evalutes to true. When condition is false at the start of the iteration, the loop will stop executing. This means if condition starts as false, your loop will never execute.

The final-expression is executed at the end of each loop iteration, prior to the next condition check and is usually used to increment or decrement your loop counter.

Patrick
@patleezy
Nov 22 2015 03:56
i see - okay. will try to figure this out... lol. so hard
@SaintPeter
Rex Schrader
@SaintPeter
Nov 22 2015 03:56
@patleezy So right now you don't have anything for initialization and you condition will always be true because your final-expression is going downwards.
@patleezy :D
@patleezy Think about what number you need to start with and where to stop. Check back to the "count backwards" for loop waypoint.
Robert Richey
@0x0936
Nov 22 2015 03:57
@xeginy let's see your code
Cameron
@xeginy
Nov 22 2015 03:57
like this? <style>.red-text {color: red;}</style>
Jerome Ricks
@jeromericks
Nov 22 2015 03:58
var Car = function() {
  //Change this constructor
  this.wheels = 4;
  this.seats = 1;
  this.engines = 1;
};

//Try it out here
var myCar = new Car(3,1,2); 
{
  myCar.wheels = 3,
  myCar.seats = 1,
  myCar.engines = 2
}

// Only change code above this line

(function() {return JSON.stringify(myCar);})();
Calling new Car(3,1,2) should produce an object with a wheels property of 3, a seats property of 1, and an engines property of 2.
Robert Richey
@0x0936
Nov 22 2015 03:59
@xeginy copy paste the whole thing. there's more to it than just the style portion
Rex Schrader
@SaintPeter
Nov 22 2015 03:59
@jeromericks You need to change the constructor to accept parameters. Look at line 1 - you need to add params there.
Cameron
@xeginy
Nov 22 2015 03:59

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

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

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

Eli
@elicarmona
Nov 22 2015 04:00
Waypoint: Change the Font Size of an Element
Robert Richey
@0x0936
Nov 22 2015 04:00
@xeginy looks like that should work. I'll try your code in the waypoint
Jerome Ricks
@jeromericks
Nov 22 2015 04:00
var Car = function(wheels, seats, engines) {
  //Change this constructor
  this.wheels = 4;
  this.seats = 1;
  this.engines = 1;
};

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

// Only change code above this line

(function() {return JSON.stringify(myCar);})();
Robert Richey
@0x0936
Nov 22 2015 04:00
@xeginy the code you posted passed the waypoint for me
Eli
@elicarmona
Nov 22 2015 04:00
can someone land a hand
Jerome Ricks
@jeromericks
Nov 22 2015 04:01
like this @SaintPeter
Cameron
@xeginy
Nov 22 2015 04:01
@0x0936 it's working for me now, thanks!
CamperBot
@camperbot
Nov 22 2015 04:01
xeginy sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 358 | @0x0936 | http://www.freecodecamp.com/0x0936
Robert Richey
@0x0936
Nov 22 2015 04:01
@xeginy you're welcome! :)
Rex Schrader
@SaintPeter
Nov 22 2015 04:01
@jeromericks Right - now, in the body of the constructor, assign the variables
Jerome Ricks
@jeromericks
Nov 22 2015 04:04
thanks @SaintPeter
CamperBot
@camperbot
Nov 22 2015 04:04
jeromericks sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1632 | @saintpeter | http://www.freecodecamp.com/saintpeter
Robert Richey
@0x0936
Nov 22 2015 04:04
@elicarmona sure, post your code please
Patrick
@patleezy
Nov 22 2015 04:05
@SaintPeter - getting "undefinedolleh" which is kind of close to the result
Screen Shot 2015-11-21 at 8.05.18 PM.png
not sure where the undefined string came out of
Rex Schrader
@SaintPeter
Nov 22 2015 04:06
@patleezy Remember that Javascript uses zero based indexing, which means that str.length is actually one past the end of your string (which is where the undefined is coming from)
@patleezy Also, newStr shouldn't be an array. It should be an empty string, like ""
Eli
@elicarmona
Nov 22 2015 04:08

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

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

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

Thanks
Robert Richey
@0x0936
Nov 22 2015 04:09

@elicarmona add a style rule to give all p elements a font-size of 16px

Inside the same <style> tag that we created for your red-text class, set the font-size of all p elements to 16 pixels (16px).

Patrick
@patleezy
Nov 22 2015 04:09
@SaintPeter got it to work :) - thank you
CamperBot
@camperbot
Nov 22 2015 04:09
patleezy sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1633 | @saintpeter | http://www.freecodecamp.com/saintpeter
Hans van Riet
@hansinla
Nov 22 2015 04:09
@elicarmona what’s the problem?
@elicarmona Does your second <p> tag need class=“red-text”> as well?
Eli
@elicarmona
Nov 22 2015 04:12
thanks, guys I just missread the directions
Idris Akmal Haslin
@idrisakmal
Nov 22 2015 04:12
hey guys. need help with abit jQuery
Hans van Riet
@hansinla
Nov 22 2015 04:13
@idrisakmal sure what’s your code and the problem?
Idris Akmal Haslin
@idrisakmal
Nov 22 2015 04:13

Use the jQuery addClass() function to give the classes animated and bounce to your button elements.

i wrote it as
<script>
$("button").addClass("animated bounce");
</script>

Robert Richey
@0x0936
Nov 22 2015 04:14
@idrisakmal I believe that jQuery needs to be wrapped in a $(document).ready(function() { /* code here */ });
Idris Akmal Haslin
@idrisakmal
Nov 22 2015 04:14
ah. oh thats how it works
lemme try that
Josh Oates
@joshoates
Nov 22 2015 04:26
Hello World! (again for this room)
CamperBot
@camperbot
Nov 22 2015 04:26

welcome to FreeCodeCamp @joshoates!

Alex
@wishe
Nov 22 2015 04:27
function truncate(str, num) {
  // Clear out that junk in your trunk
  if(num >= str.length) {
    return str;
  }
  if(num < 3) {
    return str.slice(0, num) + "...";
  }
  return str.slice(0, num - 3) + "...";
}

truncate("A-tisket a-tasket A green and yellow basket", 11);
better way to do this?
Amar Patel
@fatherofdragons
Nov 22 2015 04:30

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

function myFunction() {

// Only change code below this line.
Math.floor(Math.random() * 10);

// Only change code above this line.
}

says "undefined". not sure why, tried a lot of different things
Jerome Ricks
@jeromericks
Nov 22 2015 04:31
anyone want to pair program the bonfire challenges
Rex Schrader
@SaintPeter
Nov 22 2015 04:31
@fatherofdragons You need to return Math.floor //etc
Hans van Riet
@hansinla
Nov 22 2015 04:31
@fatherofdragons You’re not returning anything from your function, that’s why it says undefined.
Amar Patel
@fatherofdragons
Nov 22 2015 04:32
oh. oops. forget i ever asked that
Eli
@elicarmona
Nov 22 2015 04:33
How do I import Lobster font?Waypoint: Import a Google Font

<style>
.red-text {
color: red;
} h2 {
font-family: 'Lobster'
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

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

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

I already have the font in their
Hans van Riet
@hansinla
Nov 22 2015 04:34
@elicarmona if you google ‘Google Lobster font’, you’ll find the exact code.
Eli
@elicarmona
Nov 22 2015 04:34
yeah i entered it, but it want s me to import it
Hans van Riet
@hansinla
Nov 22 2015 04:36
@elicarmona You have to dig a little deeper and you’ll find something like this:
<link href='https://fonts.googleapis.com/css?family=Lobster|Open+Sans' rel='stylesheet' type='text/css’>
Eli
@elicarmona
Nov 22 2015 04:39
I got guys i just had to copy paste it. lol
thanks
Arash D
@ArashDai
Nov 22 2015 04:43
@hansinla yea thats actually what i have in my code
Hans van Riet
@hansinla
Nov 22 2015 04:44
@ArashDai I’m sorry, what was your code again?
Amar Patel
@fatherofdragons
Nov 22 2015 04:44

Why isn't this code working? I still have an X by the last objective "myFunction() should use use both myMax and myMin, and return a random number in your range." var myMin = 2;

var myMax = 9;

function myFunction() {

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

}

Hans van Riet
@hansinla
Nov 22 2015 04:45
@fatherofdragons last one should be myMin
Amar Patel
@fatherofdragons
Nov 22 2015 04:46
thanks
Arash D
@ArashDai
Nov 22 2015 04:46
lol its cool its probably a weird react error
Hans van Riet
@hansinla
Nov 22 2015 04:46
@fatherofdragons You’re adding that minumum value to 0 that’s generated by your function (potentially).
Arash D
@ArashDai
Nov 22 2015 04:47
thanks though
Alex Maday
@alexmaday
Nov 22 2015 04:54
Hello World! I've just started tonight!
CamperBot
@camperbot
Nov 22 2015 04:54

welcome to FreeCodeCamp @Arekkusu44!

Hans van Riet
@hansinla
Nov 22 2015 04:54
@Arekkusu44 hi
Alex Maday
@alexmaday
Nov 22 2015 04:54
Hi @hansinla
ShreekanthNadig
@ShreekanthNadig
Nov 22 2015 04:54
Hello World!
CamperBot
@camperbot
Nov 22 2015 04:54

welcome to FreeCodeCamp @ShreekanthNadig!

Hans van Riet
@hansinla
Nov 22 2015 04:55
@ShreekanthNadig hi
Alex Maday
@alexmaday
Nov 22 2015 04:55
Hi @ShreekanthNadig
ShreekanthNadig
@ShreekanthNadig
Nov 22 2015 04:55
Hello @hansinla @Arekkusu44 :smile:
I'm starting today!
Excited :sparkles:
Alex Maday
@alexmaday
Nov 22 2015 04:56
I signed up with freecodecamp several months ago and only now decided to begin:-)
Hans van Riet
@hansinla
Nov 22 2015 04:57
@Arekkusu44 great. better get started!
ShreekanthNadig
@ShreekanthNadig
Nov 22 2015 04:57
All the best :+1:
Mags Prescott
@magsprescott
Nov 22 2015 04:58
hello
Alex Maday
@alexmaday
Nov 22 2015 04:58
Yup, on it now, and good luck and have fun too \M/
Mags Prescott
@magsprescott
Nov 22 2015 04:58
someone please help
please
with Waypoint: Use Responsive Design with Bootstrap Fluid Containers
Hans van Riet
@hansinla
Nov 22 2015 04:59
@magsprescott show us your code and what’s the error you’re getting?
Mags Prescott
@magsprescott
Nov 22 2015 04:59
how do i show you..
Hans van Riet
@hansinla
Nov 22 2015 05:00
wiki format
CamperBot
@camperbot
Nov 22 2015 05:00

: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

Hans van Riet
@hansinla
Nov 22 2015 05:01
@magsprescott All the code below the </style> tag needs to be wrapped inside
<div class=“container-fluid">
//your code
</div>
Mags Prescott
@magsprescott
Nov 22 2015 05:03
thanks hansinla
Joy
@somepulp
Nov 22 2015 05:11
hello, i am having issues with the Waypoint: Target HTML Elements with Selectors Using jQuery
Hans van Riet
@hansinla
Nov 22 2015 05:11
@somepulp show your code and describe what error message you get.
Joy
@somepulp
Nov 22 2015 05:12
for some reason the code i put between my function is incorrect, though i even tried copy and pasting
how do you put the code properly here?
Hans van Riet
@hansinla
Nov 22 2015 05:12
wiki format
CamperBot
@camperbot
Nov 22 2015 05:12

: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

Joy
@somepulp
Nov 22 2015 05:12
i know its to do with these ticks, but i dont remember exactly how its done
ah thank you camperbot
<script>
  $(document).ready(function() {
$("button").addClass("animated bounce")
  });
</script>
i thought the code should between the curly braces
Bill
@kirah1314
Nov 22 2015 05:14
@somepulp move your codes outside of <script>
Hans van Riet
@hansinla
Nov 22 2015 05:14
@somepulp try to add a semicolon if that still doesn’t work reset your code, it’s correct
Joy
@somepulp
Nov 22 2015 05:14
a semicolon where?
@kirah1314 why should i move it out of script?
Hans van Riet
@hansinla
Nov 22 2015 05:15
@somepulp after (“animated bounce”);
Joy
@somepulp
Nov 22 2015 05:15
@hansinla ah okay, will try that
Bill
@kirah1314
Nov 22 2015 05:15
oops n/m I was thinking of <style>
Joy
@somepulp
Nov 22 2015 05:16
@kirah1314 no prob
@hansinla tried that, still not working..
i'll try reloading the page perhaps
Hans van Riet
@hansinla
Nov 22 2015 05:16
@somepulp try to reset with the reset button and paste the code again
Joy
@somepulp
Nov 22 2015 05:17
should i remove the semicolon at the end of the last bracket?
Hans van Riet
@hansinla
Nov 22 2015 05:17
@somepulp no that should be there
Joy
@somepulp
Nov 22 2015 05:18
for some reason it worked after i removed the semicolon at the last bracket, and put it after the function
Hans van Riet
@hansinla
Nov 22 2015 05:18
@somepulp This is the fully correct code
<script>
  $(document).ready(function() {
  $("button").addClass("animated bounce");
  });
</script>
Joy
@somepulp
Nov 22 2015 05:18
  $(document).ready(function() {
$("button").addClass("animated bounce");
  })
that is what worked for me :(
Hans van Riet
@hansinla
Nov 22 2015 05:19
@somepulp The last ; closes the ready function
Joy
@somepulp
Nov 22 2015 05:20
but placing it there causes it to not work
how odd
Hans van Riet
@hansinla
Nov 22 2015 05:20
@somepulp it works here for me. It is definitely correct code.
Joy
@somepulp
Nov 22 2015 05:20
no idea whats wrong on my end then
Hans van Riet
@hansinla
Nov 22 2015 05:21
@somepulp did you try the reset button?
Joy
@somepulp
Nov 22 2015 05:21
@hansinla yeah, multiple times
Hans van Riet
@hansinla
Nov 22 2015 05:21
@somepulp It doesn’t matter as long as you pass the challenge. Your last resort can be to delete the FCC cookie and try again.
Joy
@somepulp
Nov 22 2015 05:22
@hansinla not sure how to delete the FCC cookie, but if I do, what would that do?
Hans van Riet
@hansinla
Nov 22 2015 05:22
@somepulp The only other difference I can see is the tab indent
@somepulp It resets the code history on that page
Joy
@somepulp
Nov 22 2015 05:23
@hansinla yeah, the spacing never affected the correctness in previous exercises
@hansinla oh i see
@hansinla well thank you
CamperBot
@camperbot
Nov 22 2015 05:24
somepulp sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:star: 622 | @hansinla | http://www.freecodecamp.com/hansinla
Hans van Riet
@hansinla
Nov 22 2015 05:24
@somepulp you’re welcome
Joy
@somepulp
Nov 22 2015 05:28
lol i thought it was able to pass but im still stuck on it
Hans van Riet
@hansinla
Nov 22 2015 05:28
@somepulp try copying my code from above and paste it in place
Joy
@somepulp
Nov 22 2015 05:28
did exactly that :(
Mason Shin
@minsooshin
Nov 22 2015 05:28
with script tag, right?
@somepulp
Joy
@somepulp
Nov 22 2015 05:29
@minsooshin yeah
Mason Shin
@minsooshin
Nov 22 2015 05:29
hmm...
I also saw your code above, it looks fine
Hans van Riet
@hansinla
Nov 22 2015 05:29
@somepulp can you copy ALL your code and paste it here, maybe there’s another error
Joy
@somepulp
Nov 22 2015 05:29
okay
<script>
  $(document).ready(function() {
  $("button").addClass("animated bounce");
  });
</script>
Hans van Riet
@hansinla
Nov 22 2015 05:30
@somepulp no the rest as well
Joy
@somepulp
Nov 22 2015 05:30
oh okay
<script>
  $(document).ready(function() {
  $("button").addClass("animated bounce");
  });
</script>
<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
Hans van Riet
@hansinla
Nov 22 2015 05:32
@somepulp nothing unusual there. Go to where your browser stores cookies and delete the FCC coockie and then try again.
Joy
@somepulp
Nov 22 2015 05:32
okay will try to figure out how to do that
Hans van Riet
@hansinla
Nov 22 2015 05:33
@somepulp which browser are you using? In Safari it’s in the Preferences / Privacy tab
Joy
@somepulp
Nov 22 2015 05:34
firefox, found the settings and deleted fcc cookies
Hans van Riet
@hansinla
Nov 22 2015 05:34
@somepulp let’s hope it works this time
Joy
@somepulp
Nov 22 2015 05:35
@hansinla yeah hopefully :)
Mason Shin
@minsooshin
Nov 22 2015 05:35
finger crossed
Joy
@somepulp
Nov 22 2015 05:36
@hansinla @minsooshin wheew, finally worked
Hans van Riet
@hansinla
Nov 22 2015 05:36
@somepulp great
Mason Shin
@minsooshin
Nov 22 2015 05:36
great
Joy
@somepulp
Nov 22 2015 05:36
thank you @hansinla @minsooshin
CamperBot
@camperbot
Nov 22 2015 05:36
somepulp sends brownie points to @hansinla and @minsooshin :sparkles: :thumbsup: :sparkles:
:warning: somepulp already gave hansinla points
:star: 269 | @minsooshin | http://www.freecodecamp.com/minsooshin
Mason Shin
@minsooshin
Nov 22 2015 05:36
fcc coockie~
hehe
Joy
@somepulp
Nov 22 2015 05:36
:clap:
lol just saw that :p
davisdoan
@davisdoan
Nov 22 2015 06:27
hi
Can someone help me with Waypoint: Target the same element with multiple jQuery Selectors?
getting a "Cannot read property 'length' of null"
DJ
@qualitymanifest
Nov 22 2015 06:30
@davisdoan post your code
davisdoan
@davisdoan
Nov 22 2015 06:30
This message was deleted
DJ
@qualitymanifest
Nov 22 2015 06:30
copy and paste
help format
CamperBot
@camperbot
Nov 22 2015 06:30

: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

davisdoan
@davisdoan
Nov 22 2015 06:34
This message was deleted
not sure why i am getting a property length of null... and i assume the #target1 receives the shake and animated from the button and .btn addclass
so i dont need to explicitly add them again on my #target1.addclass
davisdoan
@davisdoan
Nov 22 2015 06:39
@qualitymanifest nvm i found my error, thx though!
CamperBot
@camperbot
Nov 22 2015 06:39
davisdoan sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 406 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
Nov 22 2015 06:40
@davisdoan right on, sorry i missed those, i was in another room. if you use @ it sends a notification
davisdoan
@davisdoan
Nov 22 2015 06:41
no worries
zunaid
@zunaidq07
Nov 22 2015 07:04
i am using class to change color the way it taught but i waant to cchange color only header section instead it changes the body color also
raw1211
@raw1211
Nov 22 2015 07:26
@zunaidq07 post your code
Abdul Sahibzada
@Sahia4709
Nov 22 2015 07:34
Hi this line is supposed to animate the second elements of the class well, but It's not.
$(".well:nth-child(2)").addClass("animated bounce");
raw1211
@raw1211
Nov 22 2015 07:38
@Sahia4709 what is the name of the waypoint
Abdul Sahibzada
@Sahia4709
Nov 22 2015 07:39
Waypoint: Target a Specific Child of an Element Using jQuery
raw1211
@raw1211
Nov 22 2015 07:40
@Sahia4709 $(".target:nth-child(2)").addClass("animated bounce");
Abdul Sahibzada
@Sahia4709
Nov 22 2015 07:41
what does target mean in this case?
raw1211
@raw1211
Nov 22 2015 07:41
u have provided the class target to all your buttons
Abdul Sahibzada
@Sahia4709
Nov 22 2015 07:41
like how does it know that it goes with the 2nd elements of well
I havent
provided the class target
ohhhhhhhhhh
nvm thanks @raw1211
CamperBot
@camperbot
Nov 22 2015 07:43
sahia4709 sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 200 | @raw1211 | http://www.freecodecamp.com/raw1211
Tommy
@tdhua1
Nov 22 2015 07:44

Hi. I am having trouble with "8. Waypoint: Filter Arrays with .filter".
I get the error "You should have removed all the values from the array that are greater than 5."

My code is
var newArray = oldArray.filter(function(val) {
return val > 5;
});

Abdul Sahibzada
@Sahia4709
Nov 22 2015 07:45
@raw1211 I put in what u sent but it's still giving an error
blob
blob
alex123711
@alex123711
Nov 22 2015 07:47
having trouble with waypoint: create a form element, is this right?

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

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

raw1211
@raw1211
Nov 22 2015 07:48
@Sahia4709 wait a bit..i m checking
Aleksandar B.
@aleksandar-b
Nov 22 2015 07:48
help git
CamperBot
@camperbot
Nov 22 2015 07:48

:point_right: creating a new github issue [wiki]

Before submitting an issue try Searching for Your Issue on Github

Crafting a good issue will make it much easier for the dev team to replicate and resolve your problem. Follow these steps to do it right:

  1. Go to FreeCodeCamp's Github Issues page and click on New Issue.
  2. Have a useful title
    • Write a meaningful title that describes the issue. Some good examples are Logging in from the News and Field Guide pages doesn't redirect properly (using e-mail) and Typo: "for" instead of "while" loop; bad examples include A bug, HELP!!!11 and I found this bug in a waypoint.
    • Keep the title relatively short, the description is for further information. One example is to shorten long waypoint names, so instead of writing Test case bug in 'Waypoint: Check Radio Buttons and Checkboxes by Default', you might want to write Test case bug in 'Radio Buttons' waypoint.
  3. In the body, provide a link to the page on which you encountered this issue.
  4. Describe the problem and provide steps so that a developer can try to replicate the issue. Include your operating system and browser version.
    • When referencing other issues or pull requests, simply write #issue/pr-number.
  5. Paste in any relevant code using proper Code Formatting
  6. Take a screenshot of the issue and include it in the post.
  7. Click Submit New Issue and you are done! You will be automatically subscribed to notifications for any updates or future comments.
    :pencil: read more about creating a new github issue on the FCC Wiki
Aleksandar B.
@aleksandar-b
Nov 22 2015 07:48
help git pull
CamperBot
@camperbot
Nov 22 2015 07:48
no wiki entry for: git pull
:pencil: click here to create one now!after creating your page type update to reload it here
Aleksandar B.
@aleksandar-b
Nov 22 2015 07:49
help git pull request
CamperBot
@camperbot
Nov 22 2015 07:49
no wiki entry for: git pull request
:pencil: click here to create one now!after creating your page type update to reload it here
raw1211
@raw1211
Nov 22 2015 07:49
@Sahia4709 do all buttons have the target class attached to them
Abdul Sahibzada
@Sahia4709
Nov 22 2015 07:50
@raw1211 yes they do
raw1211
@raw1211
Nov 22 2015 07:50
@alex123711 you are not writing it correct.It should be <form action=""><input type="text"></form>
@Sahia4709 instead of target write btn
Abdul Sahibzada
@Sahia4709
Nov 22 2015 07:51
and the say .btn in jQuery
it already had btn clss
class attached to it
raw1211
@raw1211
Nov 22 2015 07:52
(".btn:nth-child(2)").addClass("animated bounce");
@Sahia4709 ok i see it..u have used target outside the function
Abdul Sahibzada
@Sahia4709
Nov 22 2015 07:53
ohhhhhhhhhhhhh
so dumb
Tommy
@tdhua1
Nov 22 2015 07:53
Never mind about my question. I misread. I should display "1 to 5" and not "6 to 10".
Abdul Sahibzada
@Sahia4709
Nov 22 2015 07:54
thanks @raw1211
CamperBot
@camperbot
Nov 22 2015 07:54
sahia4709 sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:warning: sahia4709 already gave raw1211 points
raw1211
@raw1211
Nov 22 2015 07:54
@Sahia4709 np
alex123711
@alex123711
Nov 22 2015 07:56
Thanks @raw1211
CamperBot
@camperbot
Nov 22 2015 07:56
alex123711 sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 201 | @raw1211 | http://www.freecodecamp.com/raw1211
raw1211
@raw1211
Nov 22 2015 07:56
@alex123711 yw
gonfalons
@gonfalons
Nov 22 2015 08:36
instructions are not clear on this javascript tutorial, could anyone help? Use the .length property to count the number of characters in the lastName variable.

For example, if we created a variable var firstName = "Charles", we could find out how long the string "Charles" is by using the firstName.length property.

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

lastNameLength = lastName; has this in the code and lastName.length; doesn't work (lastnamelength should equal to eight) , it doesn't explain how to do that
var lastName = "Lovelace";
raw1211
@raw1211
Nov 22 2015 08:38
@gonfalons just write lastNameLength=lastName.length;
gonfalons
@gonfalons
Nov 22 2015 08:39
You should be getting the length of lastName by using .length like this: lastName.length.
when I tried that
raw1211
@raw1211
Nov 22 2015 08:40
@gonfalons Have u tried what i have mentioned
gonfalons
@gonfalons
Nov 22 2015 08:40
yes
the two waypoint checks changed; I was getting the second one before, and not the lenght equals to eight, but when I try that, it changes
now it says "lastnameLenght should equal to eight, and that is correct, but the second one is not correct, saying "You should be getting the length of lastName by using .length like this: lastName.length."
raw1211
@raw1211
Nov 22 2015 08:41
@gonfalons please post your code
gonfalons
@gonfalons
Nov 22 2015 08:41

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

firstNameLength = firstName.length;

var lastName = "Lovelace";

// Only change code below this line.

lastNameLength=lastName.length;

// Only change code above this line.

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

raw1211
@raw1211
Nov 22 2015 08:42
@gonfalons its correct
gonfalons
@gonfalons
Nov 22 2015 08:42
its not working ;(
raw1211
@raw1211
Nov 22 2015 08:43
@gonfalons u have used .length property so it should work
maybe try to reset your code and try again
gonfalons
@gonfalons
Nov 22 2015 08:44
this challenge is a huge step from the last one.. they explained what a variable is the last page, and now they load it full of variables and show what length is in a very confusing page ;
Gabriel Pessoa
@NetherDrk
Nov 22 2015 08:44
help
CamperBot
@camperbot
Nov 22 2015 08:44

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

Sardors
@Sardors
Nov 22 2015 08:44
it's correct. if(typeof(lastNameLength) != "undefined"){return lastNameLength;}
Gabriel Pessoa
@NetherDrk
Nov 22 2015 08:44
what's the room to helpzipline?
Gabriel Pessoa
@NetherDrk
Nov 22 2015 08:45
thanks @raw1211
CamperBot
@camperbot
Nov 22 2015 08:45
netherdrk sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 203 | @raw1211 | http://www.freecodecamp.com/raw1211
raw1211
@raw1211
Nov 22 2015 08:45
np
gonfalons
@gonfalons
Nov 22 2015 08:45
reset didn't work. Should I submit a bug?
raw1211
@raw1211
Nov 22 2015 08:45
@gonfalons no i don't think there is a bug...
Sardors
@Sardors
Nov 22 2015 08:46
@gonfalons have you tried this if(typeof(lastNameLength) != "undefined"){return lastNameLength;}
raw1211
@raw1211
Nov 22 2015 08:46
@Sardors we don't need to change anything in that part
gonfalons
@gonfalons
Nov 22 2015 08:46
its below the "only change code above this line" commnt
that section
raw1211
@raw1211
Nov 22 2015 08:47
@gonfalons i found out the error
@raw1211 why are u giving lastNameLength =8;
Natalia
@Natalia7
Nov 22 2015 08:47
Can I call a function within itself in Javascript?
raw1211
@raw1211
Nov 22 2015 08:47
@gonfalons var lastNameLength = 8; change it to 0
Natalia
@Natalia7
Nov 22 2015 08:48
I mean, can I call the same function within itself?
Sardors
@Sardors
Nov 22 2015 08:48
@raw1211 you're right!
gonfalons
@gonfalons
Nov 22 2015 08:49
hmm dont know how that survived a reset.. it works now, thank you : )
raw1211
@raw1211
Nov 22 2015 08:50
@Natalia7 yes you can use recursion in javascript
gonfalons
@gonfalons
Nov 22 2015 08:51
thanks @raw1211
CamperBot
@camperbot
Nov 22 2015 08:51
gonfalons sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 204 | @raw1211 | http://www.freecodecamp.com/raw1211
raw1211
@raw1211
Nov 22 2015 08:51
np
William Prioriello
@1337micro
Nov 22 2015 08:54
I'm struggling with regular expressions -.- what's new
Natalia
@Natalia7
Nov 22 2015 08:55
@raw1211 Thanks!
CamperBot
@camperbot
Nov 22 2015 08:55
natalia7 sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 205 | @raw1211 | http://www.freecodecamp.com/raw1211
raw1211
@raw1211
Nov 22 2015 08:56
@Natalia7 yw
Jatudrei
@Jatudrei
Nov 22 2015 09:02
I'm working on "Import a Google Font," and for some reason the computer insists that I've removed the monospace font from my paragraph elements. Can anyone help me to see what I'm doing wrong?
raw1211
@raw1211
Nov 22 2015 09:04
@Jatudrei yep post your code
Jatudrei
@Jatudrei
Nov 22 2015 09:05
What, all the code for the page? Isn't there any way to give you a brief link without cluttering up the whole chat room, @raw1211 ?
raw1211
@raw1211
Nov 22 2015 09:06
just post the style section
Jatudrei
@Jatudrei
Nov 22 2015 09:06
Ok, just a second.
raw1211
@raw1211
Nov 22 2015 09:06
@raw1211 p {
font-size: 16px;
font-family: Monospace;
}
i think u r missing this
Jatudrei
@Jatudrei
Nov 22 2015 09:07
Here's the missing part:
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
p {
font-size: 16px;
font-family: Monospace;
}
h2 {font-family: Lobster;}
I mean the relevant part.
raw1211
@raw1211
Nov 22 2015 09:08
where is the style tag
Jatudrei
@Jatudrei
Nov 22 2015 09:08
I didn't include that in the cut-n-paste, but it's there in the code.
Sardors
@Sardors
Nov 22 2015 09:09
@Jatudrei try monospace with small letters :)
Jatudrei
@Jatudrei
Nov 22 2015 09:09
Ok, just tried that, @Sardors, but it didn't help.
raw1211
@raw1211
Nov 22 2015 09:10
@Jatudrei looks fine to me
try to reset and then try again
Jatudrei
@Jatudrei
Nov 22 2015 09:10
You mean reload the page? Ok, I'll try that.
raw1211
@raw1211
Nov 22 2015 09:11
@Jatudrei reset the code if that doesn't work
Jatudrei
@Jatudrei
Nov 22 2015 09:11
How do I do that, @raw1211 ?
Reloading didn't help.
raw1211
@raw1211
Nov 22 2015 09:11
below run test there is a reset button
Jatudrei
@Jatudrei
Nov 22 2015 09:12
Oh, yeah, I see it now.
It says that this will restore the code editor to the original state. Does that mean I'll lose everything I've done so far?
raw1211
@raw1211
Nov 22 2015 09:13
no just this waypoint will be set back to its original code.
Jatudrei
@Jatudrei
Nov 22 2015 09:13
Aha, ok. Just a sec.
Ok, so sure enough, I've got "import the Lobster font" and "put Lobster in h2" x-ed out again, with a check in the "p element should have Monospace." So, off we go again to code this task.
raw1211
@raw1211
Nov 22 2015 09:14
blob
Jatudrei
@Jatudrei
Nov 22 2015 09:15
How'd you import that image?
raw1211
@raw1211
Nov 22 2015 09:16
print screen
that not the correct way to post code..i don't know the other way
Jatudrei
@Jatudrei
Nov 22 2015 09:16
Print screen saves the image--it's the "cut" of cut-n-paste. But how did you print it to the help chat?
Oh. Control-v, right?
raw1211
@raw1211
Nov 22 2015 09:17
yep
Jatudrei
@Jatudrei
Nov 22 2015 09:17
Duh. (Just call me Moose Mason.)
So here's what I've got.
Argh! My "printed" screen isn't pasting. Annoying.
raw1211
@raw1211
Nov 22 2015 09:18
it will take time to upload
wiki format
CamperBot
@camperbot
Nov 22 2015 09:18

: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

Jatudrei
@Jatudrei
Nov 22 2015 09:19
Oh? Ok, I'll try again, and give it, say, 2 minutes by the clock to upload. Hopefully that'll help.
raw1211
@raw1211
Nov 22 2015 09:19
thats a lot of time..
Jatudrei
@Jatudrei
Nov 22 2015 09:19
Like I said, I don't think it's working, but I want to give it every chance.
raw1211
@raw1211
Nov 22 2015 09:20

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

<style>

h2{
color: red;
font-family:Lobster;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

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

Kashyap Mukkamala
@40x
Nov 22 2015 09:20
Is anyone able to submit responses? I am stuck at jquery 1, I hit run tests and thats it. page isnt moving to next challenge
raw1211
@raw1211
Nov 22 2015 09:21
is your answer correct
CarlaFernandez
@CarlaFernandez
Nov 22 2015 09:22
@kashyapmukkamala yes, I can submit
Could anyone help me with Waypoint: Use CSS Selectors to Style Elements?
raw1211
@raw1211
Nov 22 2015 09:22
@CarlaFernandez yes what is the problem
Sardors
@Sardors
Nov 22 2015 09:22
@kashyapmukkamala i had this problem in mozilla
Jatudrei
@Jatudrei
Nov 22 2015 09:22
@raw1211, no, now it's claiming that I'm not even getting the font into the h2 element.
CarlaFernandez
@CarlaFernandez
Nov 22 2015 09:22
I'm using <style> to change the color of an h2
<style>
h2 {
color: blue;
}
<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>

</style>
that is my code, but it says the color of the h2 should be blue (?)
Jatudrei
@Jatudrei
Nov 22 2015 09:23
<style>
  .red-text {
    color: red;
  }

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

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

   h2 {font-family: Lobster;}
  }

</style>
raw1211
@raw1211
Nov 22 2015 09:24
@Jatudrei your p tag } is missing
@raw1211 closing bracket
Jatudrei
@Jatudrei
Nov 22 2015 09:24
Hey, so it is! Let's see if that does the trick.
raw1211
@raw1211
Nov 22 2015 09:25
and remove the extra closing bracket before </style>
Sardors
@Sardors
Nov 22 2015 09:25
@CarlaFernandez your </style> should be placed before <h2>CatApp...
CarlaFernandez
@CarlaFernandez
Nov 22 2015 09:25
@Sardors Thank you! I'm newbie, just signed up todau ^.^
CamperBot
@camperbot
Nov 22 2015 09:25
carlafernandez sends brownie points to @sardors :sparkles: :thumbsup: :sparkles:
:star: 206 | @sardors | http://www.freecodecamp.com/sardors
Jatudrei
@Jatudrei
Nov 22 2015 09:26
Ok, I changed that, and now it agrees that my h2 is using Lobster, but it still insists that the p element no longer has Monospace.
  .red-text {
    color: red;
  }

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

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

   h2 {font-family: Lobster;}

</style>
raw1211
@raw1211
Nov 22 2015 09:27
@Jatudrei remove the link and add it before style tag
Ian Walker
@tonesfrommars
Nov 22 2015 09:27
@Jatudrei your <link> element should not be inside the style element.
Jatudrei
@Jatudrei
Nov 22 2015 09:28
I don't understand, @raw1211 and @tonesfrommars--the computer agrees that I've imported Lobster and applied it to h2?
raw1211
@raw1211
Nov 22 2015 09:29
@Jatudrei style tag and link tag are the tags that are supposed to be in the head section of a html document.You should remove the <link > tag and paste it before <style> tag
Jatudrei
@Jatudrei
Nov 22 2015 09:30
Ok, I did it, and it worked. I guess having it in the style section applied it to my paragraph elements too?
Thanks, @raw1211 and @tonesfrommars
CamperBot
@camperbot
Nov 22 2015 09:31
jatudrei sends brownie points to @raw1211 and @tonesfrommars :sparkles: :thumbsup: :sparkles:
:star: 174 | @tonesfrommars | http://www.freecodecamp.com/tonesfrommars
:star: 206 | @raw1211 | http://www.freecodecamp.com/raw1211
Jatudrei
@Jatudrei
Nov 22 2015 09:31
Would it have worked just as well if the <link> tag were after the <style> tag?
raw1211
@raw1211
Nov 22 2015 09:32
@Jatudrei yep
Jatudrei
@Jatudrei
Nov 22 2015 09:37
Terrific. I appreciate the help.
raw1211
@raw1211
Nov 22 2015 09:38
@Jatudrei np
Jatudrei
@Jatudrei
Nov 22 2015 09:44
Hi, guys. I'm back. I'm having some trouble with the next waystation, degrading from font x to font y.
It claims that although I have successfully commented out the Google call for the Lobster font, my h2 hasn't degraded. (Even though in the demo screen it looks like Monospace to me.)

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

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

h2 {
font-family: Lobster;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>```

Do you see the problem?
raw1211
@raw1211
Nov 22 2015 09:46
@Jatudrei h2 {font-family: Lobster,Monospace;}
Jatudrei
@Jatudrei
Nov 22 2015 09:47
Ah, that did it. I thought that I didn't need to do that, since Monospace is automatically included without needing to call it from Google. Thanks again, @raw1211!
CamperBot
@camperbot
Nov 22 2015 09:47
jatudrei sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:warning: jatudrei already gave raw1211 points
raw1211
@raw1211
Nov 22 2015 09:47
@Jatudrei np
Jatudrei
@Jatudrei
Nov 22 2015 09:48
Well, I tried to give you more brownie points. ::shrugs:: Anyways, I'm grateful.
raw1211
@raw1211
Nov 22 2015 09:48
haha
Jatudrei
@Jatudrei
Nov 22 2015 09:49
BTW, how far along in learning coding are you? A little bit ahead of me, an experienced professional programmer, somewhere in between?
raw1211
@raw1211
Nov 22 2015 09:51
@Jatudrei Fcc i started 3 days ago..doing bonfires right now...i was searching for online resources for learning data structures , found about this website so thought of learning something useful
Jatudrei
@Jatudrei
Nov 22 2015 09:52
What's bonfires? And though I've heard the term data structures, I don't know what they are, either--may I ask?
Myself, I stumbled upon FCC last night--thought I'd use it to at least get to the point where I can make an informed decision about bootcamps, and have some income to cover the expense of tuition.
raw1211
@raw1211
Nov 22 2015 09:53
@Jatudrei bonfires are the part from where the struggle starts..
@raw1211 once u reach bonfire it will take more time to complete the tasks
Jatudrei
@Jatudrei
Nov 22 2015 09:54
Oh, that's later in FCC? Ok, I'll get there in due time, I daresay.
raw1211
@raw1211
Nov 22 2015 09:54
@Jatudrei do u know any programming language
Jatudrei
@Jatudrei
Nov 22 2015 09:55
Nope, total newbie.
raw1211
@raw1211
Nov 22 2015 09:56
@Jatudrei so u r a student or what
Jatudrei
@Jatudrei
Nov 22 2015 09:56
Family man--and you?
raw1211
@raw1211
Nov 22 2015 09:57
@Jatudrei student
Jatudrei
@Jatudrei
Nov 22 2015 09:57
What college?
raw1211
@raw1211
Nov 22 2015 09:58
@Jatudrei just a small college..nothing to brag about
Jatudrei
@Jatudrei
Nov 22 2015 09:58
I wish you every success there, and later on in life too.
raw1211
@raw1211
Nov 22 2015 09:59
@Jatudrei thanks...
CamperBot
@camperbot
Nov 22 2015 09:59
raw1211 sends brownie points to @jatudrei :sparkles: :thumbsup: :sparkles:
:star: 21 | @jatudrei | http://www.freecodecamp.com/jatudrei
Jatudrei
@Jatudrei
Nov 22 2015 09:59
So you're in your late teens or early twenties?
raw1211
@raw1211
Nov 22 2015 09:59
i m 20
Jatudrei
@Jatudrei
Nov 22 2015 10:00
Well, if nothing else, you've got more actuarial time ahead of you for a career than I do. <G>
raw1211
@raw1211
Nov 22 2015 10:00
@Jatudrei so u r looking to change ur career
Jatudrei
@Jatudrei
Nov 22 2015 10:01
Something like that. I've been fortunate in having some income from a trust till now (nothing spectacular, don't get excited), but my family's getting bigger, and I'm no longer willing to rely primarily on that.
raw1211
@raw1211
Nov 22 2015 10:02
@Jatudrei so u don't have any degree related to computer science
Jatudrei
@Jatudrei
Nov 22 2015 10:02
Nope. I tried to do one via Open University, a university that focuses on distance learning, but found it too hard to learn things like linear algebra by myself at my kitchen table.
Maybe I would've done better as an unmarried student in a dorm, but that ship sailed a long time ago.
How close are you to finishing your degree?
raw1211
@raw1211
Nov 22 2015 10:03
its my final year
of 4 years degree
Jatudrei
@Jatudrei
Nov 22 2015 10:03
Sounds good. So in that case, what are you doing here? Does FCC have anything to teach you?
Marius Garbea
@MariusGarbea
Nov 22 2015 10:04
how did you guys finish the pomodoro zipline?
raw1211
@raw1211
Nov 22 2015 10:04
@MariusGarbea not done yet
Marius Garbea
@MariusGarbea
Nov 22 2015 10:04
i find it quite difficult because i had never done javascript before
do you have some advice on how to tackle it?
raw1211
@raw1211
Nov 22 2015 10:05
@MariusGarbea why dont u try w3schools for tutuorials
Marius Garbea
@MariusGarbea
Nov 22 2015 10:05
i'll check it out ty
raw1211
@raw1211
Nov 22 2015 10:05
@Jatudrei i m not a fan of front-end development though i know php and MySQL too
Jatudrei
@Jatudrei
Nov 22 2015 10:06
So you come here to improve your front-end skills?
raw1211
@raw1211
Nov 22 2015 10:07
@Jatudrei i was looking for data structures to improve my problem solving skills but instead i got here..so i thought maybe this would help in my final year project cuz it will be related to website development
Jatudrei
@Jatudrei
Nov 22 2015 10:08
Aha. What are data structures, btw?
raw1211
@raw1211
Nov 22 2015 10:08
a data structure is a particular way of organizing data in a computer so that it can be used efficiently.
actually its more than that..but its difficult to tell someone who doesn't know about programming languages
Jatudrei
@Jatudrei
Nov 22 2015 10:09
Giving the computer an organized room, so to speak?
Ok, I guess I've got a lot of background to learn before I'm ready to understand data structures.
raw1211
@raw1211
Nov 22 2015 10:10
@Jatudrei so in your country u can get job without a degree
especially in field like cs
Jatudrei
@Jatudrei
Nov 22 2015 10:11
I sure hope so. Anyways, there's also freelance and remote work, so I can hopefully tap potential jobs worldwide. I live in Israel, btw--what about you?
raw1211
@raw1211
Nov 22 2015 10:11
@Jatudrei India
Jatudrei
@Jatudrei
Nov 22 2015 10:11
I understand that there's a lot of trade between the two--who knows, maybe we'll work together one day?
raw1211
@raw1211
Nov 22 2015 10:12
@Jatudrei its a lot difficult here because of the population..but atleast i have already got a job before my graduation
Jatudrei
@Jatudrei
Nov 22 2015 10:13
Because of the size of the population, or because of the large proportion of profoundly poor people? Congrats on the job.
raw1211
@raw1211
Nov 22 2015 10:13
@Jatudrei cuz there are so many engineering grads every year its hard to find a job
Jatudrei
@Jatudrei
Nov 22 2015 10:14
Well, in that case I'm doubly pleased that you've already landed one.
So if I understand right, I want nothing to be between my style tags unless it impacts the size or font of my text elements?
raw1211
@raw1211
Nov 22 2015 10:16
@Jatudrei you can only use selectors between style tag
Jatudrei
@Jatudrei
Nov 22 2015 10:16
No, that's not the rule--if it were, the link tag should have been in there too.
What are selectors?
check this out
Abhisek Pattnaik
@abhisekp
Nov 22 2015 10:17
Jatudrei
@Jatudrei
Nov 22 2015 10:18
Much thanks to both of you, @raw1211 and @abhisekp.
CamperBot
@camperbot
Nov 22 2015 10:18
jatudrei sends brownie points to @raw1211 and @abhisekp :sparkles: :thumbsup: :sparkles:
:warning: jatudrei already gave raw1211 points
:star: 1021 | @abhisekp | http://www.freecodecamp.com/abhisekp
Jatudrei
@Jatudrei
Nov 22 2015 10:22
So selectors are programming instructions that seek out all elements with a given commonality, and apply some characteristic to them?
raw1211
@raw1211
Nov 22 2015 10:26
yes they are used to apply some property to an element
Jatudrei
@Jatudrei
Nov 22 2015 10:28
So instead of having to apply characteristic x individually to some arbitrarily large number of elements, I can apply it once to all of them. But calling links, things that just provide my web page with new information (like a google link or a picture) don't go in there, because they do not themselves apply that information to elements. Is that right?
raw1211
@raw1211
Nov 22 2015 10:32
@Jatudrei the things u write in style tag are part of css while the image links you use and other elements are part of HTML tags
Jatudrei
@Jatudrei
Nov 22 2015 10:33
Aha. I think I need to get more clarity on the distinction between those two things.
Ok, I've got to get going to afternoon prayers. Thanks for the help--I've made some noticeable progress, in part due to your tips.
raw1211
@raw1211
Nov 22 2015 10:35
actually they are always used together so its difficult to tell
Jatudrei
@Jatudrei
Nov 22 2015 10:36
Still, knowing what they are and how they're different from each other has got to be useful, no?
Anyways, I've got to run. Talk to you later, I hope!
Ceeb
@ceebsob
Nov 22 2015 10:41
What's img-responsive do again?
Abhisek Pattnaik
@abhisekp
Nov 22 2015 10:41
@ceebsob makes the img. responsive :D
Ceeb
@ceebsob
Nov 22 2015 10:41
LOL
To what?
Abhisek Pattnaik
@abhisekp
Nov 22 2015 10:41
@ceebsob to browser size
Ceeb
@ceebsob
Nov 22 2015 10:41
Its been 4 days since I 've been on
Need a refresher
Markus Kiili
@Masd925
Nov 22 2015 10:44
<meta http-equiv="refresh" content="1">
Abhisek Pattnaik
@abhisekp
Nov 22 2015 10:45
lol
muzikmoe
@muzikmoe
Nov 22 2015 11:05
This message was deleted
This message was deleted
sorry for the things above that, I made a mistake , just ignore me
Aleksander Gębicki
@Takumar
Nov 22 2015 11:08
@Jinser for how long we should ignore you?
Abhisek Pattnaik
@abhisekp
Nov 22 2015 11:10
@Jinser mistakes in internet are not forgiven or forgotten.
Craig Morrison
@frogmorton
Nov 22 2015 11:10
@ceebsob basically, when you resize the window, the img will change sizes accordingly
Abhisek Pattnaik
@abhisekp
Nov 22 2015 11:10
@Jinser but in ur case u erased ur history. So i do git reflog to what's in it. :P
muzikmoe
@muzikmoe
Nov 22 2015 11:11
I am puzzled by a problem, I want to ask for your help, But I don't know how to paste my code here. markdown is so difficult.
like the format Masd925 had post.
Abhisek Pattnaik
@abhisekp
Nov 22 2015 11:12
explain format
CamperBot
@camperbot
Nov 22 2015 11:12

: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

Abhisek Pattnaik
@abhisekp
Nov 22 2015 11:13
@Jinser :point_up: November 22, 2015 4:42 PM
muzikmoe
@muzikmoe
Nov 22 2015 11:13
This message was deleted
wait for a moment
This message was deleted
CamperBot
@camperbot
Nov 22 2015 11:14
:bulb: to format code use backticks! ``` more info
muzikmoe
@muzikmoe
Nov 22 2015 11:15
  <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>

  <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  <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>
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor">     Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL"   required>
    <button type="submit">Submit</button>
  </form>
</div>>
Oooo, my god. I got it finally. thanks @abhisekp @camperbot
CamperBot
@camperbot
Nov 22 2015 11:16
jinser sends brownie points to @abhisekp and @camperbot :sparkles: :thumbsup: :sparkles:
:star: 590 | @camperbot | http://www.freecodecamp.com/camperbot
:star: 1024 | @abhisekp | http://www.freecodecamp.com/abhisekp
Aleksander Gębicki
@Takumar
Nov 22 2015 11:16
@Jinser and is there any problem with your code? Do we need to check it?
muzikmoe
@muzikmoe
Nov 22 2015 11:16
Problem: nest all of our HTML in a div element with the class container-fluid. where should I place the class statement
Aleksander Gębicki
@Takumar
Nov 22 2015 11:17
@Jinser add class to div itself: <div class="container-fluid"> it's as simple as that.
But I don't see starting <div> in your code.
Alex Bykov
@tomkallen
Nov 22 2015 11:18
@Jinser i can see your `</div> closing tag at the bottom, but no opening tag
@Takumar gah you were first =P
muzikmoe
@muzikmoe
Nov 22 2015 11:19
thank you very much @Takumar
I missed it when copy to here. @tomkallen
CamperBot
@camperbot
Nov 22 2015 11:19
jinser sends brownie points to @takumar and @tomkallen :sparkles: :thumbsup: :sparkles:
:star: 844 | @takumar | http://www.freecodecamp.com/takumar
:star: 213 | @tomkallen | http://www.freecodecamp.com/tomkallen
Aleksander Gębicki
@Takumar
Nov 22 2015 11:19
@tomkallen it happens to me every time (somebody is faster).
muzikmoe
@muzikmoe
Nov 22 2015 11:20
I used to think that I should write like this: <.container-fluid> is this practical?

```< .container-fluid {

}

```

Alex Bykov
@tomkallen
Nov 22 2015 11:21
container-fluid is a class, not an element so you should assign it to an element in your HTML
Aleksander Gębicki
@Takumar
Nov 22 2015 11:22
@tomkallen now you were faster :-)
Alex Bykov
@tomkallen
Nov 22 2015 11:22
like <div classs = "container-fluid"></div>
Aleksander Gębicki
@Takumar
Nov 22 2015 11:22
@tomkallen too many 's' :-)
Alex Bykov
@tomkallen
Nov 22 2015 11:22
@Takumar yessss :)
muzikmoe
@muzikmoe
Nov 22 2015 11:23
thanks :smile: @tomkallen
CamperBot
@camperbot
Nov 22 2015 11:23
jinser sends brownie points to @tomkallen :sparkles: :thumbsup: :sparkles:
:warning: jinser already gave tomkallen points
muzikmoe
@muzikmoe
Nov 22 2015 11:28
the tip asks me to place html between <div>and </div> so the style statements should not within them, right? the style belongs to css, Is my understanding right?
Aleksander Gębicki
@Takumar
Nov 22 2015 11:28
@Jinser right.
muzikmoe
@muzikmoe
Nov 22 2015 11:29
thank your nice friends, helped me so much :smile:
Karina
@kazimrri
Nov 22 2015 11:48
hello, i'm stuck changing text using jquery, the tips told me to italicise text, which i did using .html function and now it is telling me that the text should remain unchanged, where i presume the .text function is involved, excep i can't figure out how. if you wouldn't mind i'd appreciate your help
raw1211
@raw1211
Nov 22 2015 11:49
@kazimrri <script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<i>#target4</i>");
});
</script>
Karina
@kazimrri
Nov 22 2015 11:52
@raw1211 thank you so much i forgot a #
CamperBot
@camperbot
Nov 22 2015 11:52
kazimrri sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 209 | @raw1211 | http://www.freecodecamp.com/raw1211
raw1211
@raw1211
Nov 22 2015 11:52
np
vmgdev
@vmgdev
Nov 22 2015 12:08
Trying to resize image. What's wrong with this : <img class="smaller-image" width: 100px
src="https://bit.ly/fcc-relaxing-cat"</i
Aleksander Gębicki
@Takumar
Nov 22 2015 12:10
@vmgdev I think you should create class smaller-image in <style> section and there define CSS with width: 100px;
Floris Warmenhoven
@FlorisWarmenhoven
Nov 22 2015 12:11
I believe what you want is style="width: 100px"
If you are using in-line styles, but as @Takumar said, people tend to prefer to use it in CSS.
ushankhan
@ushankhan
Nov 22 2015 12:20
i am joining pleas help me
blob
Sasa
@tanasic
Nov 22 2015 12:20
@ushankhan "make sure the text is not CHANGEG"
what did you do, you changed the text ;)
see what you did ? :)
raw1211
@raw1211
Nov 22 2015 12:21
@ushankhan change it back to #target4
ushankhan
@ushankhan
Nov 22 2015 12:21
ok
thanlks
thanks
blob
Sasa
@tanasic
Nov 22 2015 12:24
?
raw1211
@raw1211
Nov 22 2015 12:24
@ushankhan <i>#target4</i>
Aleksander Gębicki
@Takumar
Nov 22 2015 12:24
@ushankhan you can place here "#target4" instead of text.
Sasa
@tanasic
Nov 22 2015 12:24
@ushankhan you have #target4, it says make it italic but dont CHANGE the text..
ushankhan
@ushankhan
Nov 22 2015 12:24
$("#target4").text("<i>text</i>");
Sasa
@tanasic
Nov 22 2015 12:24
you made it italic.. and you changed the text
ushankhan
@ushankhan
Nov 22 2015 12:24
like that
raw1211
@raw1211
Nov 22 2015 12:25
@ushankhan write #target4 in place of text inside<i> tag
Aleksander Gębicki
@Takumar
Nov 22 2015 12:25
@ushankhan But imagine that someone else changed it to "I love HTML", and you replaced it with "#target4". Someone will be angry...
You have to italicize what you find at the moment on this button. That will be correct solution.
ushankhan
@ushankhan
Nov 22 2015 12:25
haha sorrrrrrrrrrrrry
Aleksander Gębicki
@Takumar
Nov 22 2015 12:28
@ushankhan I will repeat myself:
@ushankhan "element" was only example, in your case it should be $("#target4").text() it will return you text which is displayed on this button, but you should then place this text (italicized) in this button again. So you have value and make it italicized and place again on the button using .html(...)
ushankhan
@ushankhan
Nov 22 2015 12:29
blob
i can't understand "make sure the text is otherwise unchange" :-(
Aleksander Gębicki
@Takumar
Nov 22 2015 12:30
@ushankhan just what I said you :point_up: 22 listopada 2015 13:25
You can't be sure what text is on the button. You have to check it, and add <i> using concatenation of strings.
Sasa
@tanasic
Nov 22 2015 12:30
@ushankhan answer me this, what was written there before when you started a leeson ?
pipzpadilla
@pipzpadilla
Nov 22 2015 12:31

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

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

what's wrong with this
its says Cannot read property 'length' of null
Sasa
@tanasic
Nov 22 2015 12:31
for start formating is wrong :D
ushankhan
@ushankhan
Nov 22 2015 12:31
haha
$("button").addClass("animated shake");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
$("button").addClass("animated ");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
Aleksander Gębicki
@Takumar
Nov 22 2015 12:33
@pipzpadilla you have to add one class at a time.
wiki format
CamperBot
@camperbot
Nov 22 2015 12:33

: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

Daphne
@msmanning307
Nov 22 2015 12:34
can someone clarify what a closing angle bracket is.
Floris Warmenhoven
@FlorisWarmenhoven
Nov 22 2015 12:36
@msmanning307 I believe that's a ' > '
Daphne
@msmanning307
Nov 22 2015 12:37
thought so but i seem to be stuck because it't not registering that I typed it. Thank you
ushankhan
@ushankhan
Nov 22 2015 12:37
this is 1st image
blob
Sasa
@tanasic
Nov 22 2015 12:38
@ushankhan and what text do you need to make italicized, please just typeit here
;)
Floris Warmenhoven
@FlorisWarmenhoven
Nov 22 2015 12:39
You type
<i> text here </i>
Oh sorry, misread your question.
Sasa
@tanasic
Nov 22 2015 12:39
@FlorisWarmenhoven let him figure it out :D
ushankhan
@ushankhan
Nov 22 2015 12:39
blob
Daphne
@msmanning307
Nov 22 2015 12:39
<img src= "http://bit.ly/fcc-running-cats" class="img-responsive"> this is what I have to type but it keeps asking for a closing tag to the img
Floris Warmenhoven
@FlorisWarmenhoven
Nov 22 2015 12:40
@msmanning307 Show me what you're looking at bud.
Karolis Danilevicius
@karolisdani
Nov 22 2015 12:40
@msmanning307 try />
ushankhan
@ushankhan
Nov 22 2015 12:40
http://www.freecodecamp.com/challenges/waypoint-change-text-inside-an-element-using-jquery?solution=fccss%0A%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%24(%22%23target1%22).css(%22color%22%2C%20%22red%22)%3B%0A%20%20%20%24(%22%23target4%22).text()%3B%0A%20%20%20%20%24(%22%23target4%22).html(%22%3Ci%3E%3C%2Fi%3E%22)%3B%0A%20%20%20%20%0A%20%20%7D)%3B%0Afcces%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
Sasa
@tanasic
Nov 22 2015 12:43
@ushankhan make text italicized but dont change it... how come you dont understand.. it cant be more clear..
why do you change #target4 text ?
just make it italicized
ushankhan
@ushankhan
Nov 22 2015 12:44
blob
i try to do it but every time same msg :-(
Sasa
@tanasic
Nov 22 2015 12:44
@ushankhan because you write that message
Floris Warmenhoven
@FlorisWarmenhoven
Nov 22 2015 12:45
It says "text" now, change it back to "target #4"
Sorry, change it back to "target#4"
Sasa
@tanasic
Nov 22 2015 12:45
@ushankhan i give up... just write this $("#target4").html("<i>#target4</i>");
and dont quit your day job...
Floris Warmenhoven
@FlorisWarmenhoven
Nov 22 2015 12:45
@tanasic Don't be like that man. Give him a break.
ushankhan
@ushankhan
Nov 22 2015 12:46
@tanasic sir u rock the today thank thank thank <3
CamperBot
@camperbot
Nov 22 2015 12:46
ushankhan sends brownie points to @tanasic :sparkles: :thumbsup: :sparkles:
:star: 159 | @tanasic | http://www.freecodecamp.com/tanasic
Nicole
@dendrogeekette
Nov 22 2015 12:51
I don't get what the task of this exercise (http://www.freecodecamp.com/challenges/waypoint-generate-random-whole-numbers-with-javascript) is: create a function that returns a random whole number between 0 and 9? An anonymous function or should I name it? Many thanky
thanks
okay sorry it really was that simple :)
Sasa
@tanasic
Nov 22 2015 13:01
@dendrogeekette sometimes it takes some time for something to "sink in" ;)
as mush as this help room is good, it can also be bad because people usually at the first problem just run here and ask for solution instead of taking some time to try and think about it : /
and that is exactly point of being a programmer: coming up with a solution :D
Fridox
@deniz946
Nov 22 2015 13:15
hello, how i can say in the .replace() method to look for punctuation and change it to a whitespace?
this way doesn't work for me
lowerCase=lowerCase.replace(/./i,'');
Mkweb
@MKndWeb
Nov 22 2015 13:16
@deniz946 in replace method put all punctuations u want to replace like replace(/.|;-_/i,''); and so
Karolis Danilevicius
@karolisdani
Nov 22 2015 13:17
@deniz946 You must escape . with \ like this \ . (no space) to represent '.', otherwise . means match any character
This message was deleted
Fridox
@deniz946
Nov 22 2015 13:18
it works now but it only changes the first ,
 lowerCase=lowerCase.replace(/\,/i,'');
a man a plan, a canal. panama
Karolis Danilevicius
@karolisdani
Nov 22 2015 13:19
@deniz946 it should be /gi to match all cases instead of /i for a single
Mkweb
@MKndWeb
Nov 22 2015 13:19
@deniz946 ok keep trying and adding the other puntuations : )
Fridox
@deniz946
Nov 22 2015 13:19
oh great
worked, thanks you @MKndWeb @karolisdani
CamperBot
@camperbot
Nov 22 2015 13:19
deniz946 sends brownie points to @mkndweb and @karolisdani :sparkles: :thumbsup: :sparkles:
:star: 197 | @karolisdani | http://www.freecodecamp.com/karolisdani
:star: 198 | @mkndweb | http://www.freecodecamp.com/mkndweb
Fridox
@deniz946
Nov 22 2015 13:23
and how is for whitespace?
just \ ?
\s
found it
Z.G.Hao
@akidox
Nov 22 2015 13:29
the JavaScript objects are a class of objects,right?like that "wheels":2, is one of it's objects?
RedPandaLeader
@RedPandaLeader
Nov 22 2015 13:33
Im stuck, I Dont Know Where To Put The .blue-text in lesson:
Waypoint: Use a CSS Class To Style an Element
Fridox
@deniz946
Nov 22 2015 13:34
at header you have to open <style></style> @RedPandaLeader
and then inside it you have to put your css
for example
<style>
     .blue-text{
        color: blue;
}

</style>
RedPandaLeader
@RedPandaLeader
Nov 22 2015 13:36
Thx
Fridox
@deniz946
Nov 22 2015 13:36
you'r welcome
Robert Richey
@0x0936
Nov 22 2015 13:36
thanks @deniz946
CamperBot
@camperbot
Nov 22 2015 13:36
0x0936 sends brownie points to @deniz946 :sparkles: :thumbsup: :sparkles:
:star: 185 | @deniz946 | http://www.freecodecamp.com/deniz946
Robert Richey
@0x0936
Nov 22 2015 13:39
@akidox no. a js object is a data structure that holds key:value pairs - where values can be of any type, including other objects. but your example of wheels:2 is not itself an object, but rather a description of a key:value pair
Floris Warmenhoven
@FlorisWarmenhoven
Nov 22 2015 13:43
<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove();
    $("#target2").appendTo("#right-well");
    $("#target5").clone().appendTo("#left-well");
    $("#target1").parent().css("background-color", "red");
    $("#right-well").children().css("color", "green");
    $(".target:nth-child(2)").addClass("animated bounce") 
  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
Question: Look at the last statement within the <script> element. It says " .target:nth-child(2)". Why is it '.target:nth-child' and not '#target:nth-child' ?
(Why is there a period, and not a hashtag, is my question)
Arbitrary Hubris
@ArbitraryHubris
Nov 22 2015 13:44
you use a period when you refer to a class and a # when you refer to an id
Fridox
@deniz946
Nov 22 2015 13:44
It should be #, not .

for id . for class

Alexander
@f11x0la
Nov 22 2015 13:44
hey, is there a way to reset code without loading bonfire page?
Arbitrary Hubris
@ArbitraryHubris
Nov 22 2015 13:44
so, you're right to question it
Fridox
@deniz946
Nov 22 2015 13:45
@f11x0la reset button?
Floris Warmenhoven
@FlorisWarmenhoven
Nov 22 2015 13:45
Oh, now I see. It's because I have button class=target. So by using .target, I target all the buttons. Right?
Alexander
@f11x0la
Nov 22 2015 13:45
@deniz946 when i load page it crash, so i can't press reset button
Arbitrary Hubris
@ArbitraryHubris
Nov 22 2015 13:45
exactly
Floris Warmenhoven
@FlorisWarmenhoven
Nov 22 2015 13:45
Gotcha, thanks @ArbitraryHubris :)
CamperBot
@camperbot
Nov 22 2015 13:45
floriswarmenhoven sends brownie points to @arbitraryhubris :sparkles: :thumbsup: :sparkles:
:star: 188 | @arbitraryhubris | http://www.freecodecamp.com/arbitraryhubris
Arbitrary Hubris
@ArbitraryHubris
Nov 22 2015 13:46
you're most welcome, @FlorisWarmenhoven
Alexander
@f11x0la
Nov 22 2015 13:48
can I reset code from console on this page somehow?
Z.G.Hao
@akidox
Nov 22 2015 13:48
@0x0936 you sure?
is the construct JS objects are the same?
raw1211
@raw1211
Nov 22 2015 13:53
@f11x0la reset is used when u want the code to be changed back to its original state...that is all your modifications will be deleted
Alexander
@f11x0la
Nov 22 2015 13:54
@raw1211 I need it coz my solution crash page
solve my problem with another browser btw
RedPandaLeader
@RedPandaLeader
Nov 22 2015 13:57
how do i add a class to a image?
(HTML-CSS)
raw1211
@raw1211
Nov 22 2015 13:58
@RedPandaLeader <img class="class1">
Fridox
@deniz946
Nov 22 2015 13:58
<img src='' class=>
raw1211
@raw1211
Nov 22 2015 13:58
@deniz946 no dude not src="class"
Sasa
@tanasic
Nov 22 2015 13:58
@RedPandaLeader you add everything the same way, no matter what element it is
RedPandaLeader
@RedPandaLeader
Nov 22 2015 13:58
How Do I Keep The Image Though
Sasa
@tanasic
Nov 22 2015 13:58
<p class='name of the class'>
<img class=' name of the class'>
raw1211
@raw1211
Nov 22 2015 13:58
@RedPandaLeader with src attribute
Sasa
@tanasic
Nov 22 2015 13:58
<div class='name of the class'>
Robert Richey
@0x0936
Nov 22 2015 13:58
@akidox I'm sure that key:value pairs are not analogous to objects. key:value pairs are not data structures.
Fridox
@deniz946
Nov 22 2015 13:58
@raw1211 I meant <img src="" class=""> not src="class"
Sasa
@tanasic
Nov 22 2015 13:59
@RedPandaLeader you can add whatever you wish to any element
raw1211
@raw1211
Nov 22 2015 13:59
@deniz946 yep i read wrong..
RedPandaLeader
@RedPandaLeader
Nov 22 2015 13:59
thx for the help
Sasa
@tanasic
Nov 22 2015 13:59
for example <img='link for the image' class='name of the class' id=' name of the ID' etc...>
Fridox
@deniz946
Nov 22 2015 14:00
@tanasic you forgot the src= after img
Sasa
@tanasic
Nov 22 2015 14:00
@deniz946 yeah.. i was just trying to show that you can add whatever you wish to element :D
Fridox
@deniz946
Nov 22 2015 14:00
Yeah, sure ;D
Z.G.Hao
@akidox
Nov 22 2015 14:01
thanks @0x0936 I’m kind of figured out
CamperBot
@camperbot
Nov 22 2015 14:01
akidox sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 359 | @0x0936 | http://www.freecodecamp.com/0x0936
Arun-AG
@Arun-AG
Nov 22 2015 14:01
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated");
$("#target1").addClass("animated shake btn-primary");
});
</script>
Only add one class with each of your three selectors.
this is not satisfied
Sasa
@tanasic
Nov 22 2015 14:01
wiki format
CamperBot
@camperbot
Nov 22 2015 14:01

: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

Arun-AG
@Arun-AG
Nov 22 2015 14:01
what am i missing ??
Robert Richey
@0x0936
Nov 22 2015 14:02
@akidox you're welcome! :)
Sasa
@tanasic
Nov 22 2015 14:02
@Arun-AG each of.. you added three to the same element
Arun-AG
@Arun-AG
Nov 22 2015 14:02
  $(document).ready(function() {
  $("button").addClass("animated");
  $(".btn").addClass("animated");
  $("#target1").addClass("animated shake btn-primary");
  });
</script>
Sasa
@tanasic
Nov 22 2015 14:03
each needs to have one of those.... hence the "each of" part :D
Arun-AG
@Arun-AG
Nov 22 2015 14:03
yeah thanks :-)
Sasa
@tanasic
Nov 22 2015 14:03
no problem :)
raw1211
@raw1211
Nov 22 2015 14:05
are these brownie points useful in any way
Robert Richey
@0x0936
Nov 22 2015 14:06
wiki brownie points
CamperBot
@camperbot
Nov 22 2015 14:06

:point_right: brownie points [wiki]

The number beside your picture on Free Code Camp tells you how many Brownie Points you have.

A user profile picture next to a with Brownie Points score

There are three ways you can get Brownie Points:

  1. Complete challenges - you get one point per challenge you complete
  2. Post relevant links on Camper News - you get 1 point for posting a link, and another point for each upvote your link gets
  3. Help other campers in chat - each time you help another camper and they thank you (by typing "thanks @yourname"), you will get a point

Brownie Points help you look like the kind of person who codes a lot, shares relevant links, and helps people.

They also add to your Streak.
:pencil: read more about brownie points on the FCC Wiki

Bar Akiva
@Gitity
Nov 22 2015 14:07
  return Math.floor(Math.random() * (myMax - myMin + 1)) + myMin;
raw1211
@raw1211
Nov 22 2015 14:07
ok..Brownie Points will make me look like the kind of person who codes a lot, shares relevant links, and helps people.
Bar Akiva
@Gitity
Nov 22 2015 14:07
why does this bring a random number?

Math.floor(Math.random() * (6 - 5 + 1)) + 2
Fridox
@deniz946
Nov 22 2015 14:08
how is that your 5 is you min but ur 2 is ur min too
Bar Akiva
@Gitity
Nov 22 2015 14:08
oh thats a comment
Robert Richey
@0x0936
Nov 22 2015 14:09
@Gitity I don't understand your question
Bar Akiva
@Gitity
Nov 22 2015 14:09
nah thats a screwup i copied some wrong code
Fridox
@deniz946
Nov 22 2015 14:09
you * with a small function, so it generates a number in the range of it
Bar Akiva
@Gitity
Nov 22 2015 14:10
Ok now i got it. Thanks. How do i send you a brownie?
Robert Richey
@0x0936
Nov 22 2015 14:11
like this
thanks @deniz946
CamperBot
@camperbot
Nov 22 2015 14:11
0x0936 sends brownie points to @deniz946 :sparkles: :thumbsup: :sparkles:
:warning: 0x0936 already gave deniz946 points
Bar Akiva
@Gitity
Nov 22 2015 14:11
thamls @deniz946
thanks @deniz946
CamperBot
@camperbot
Nov 22 2015 14:11
gitity sends brownie points to @deniz946 :sparkles: :thumbsup: :sparkles:
:star: 186 | @deniz946 | http://www.freecodecamp.com/deniz946
Fridox
@deniz946
Nov 22 2015 14:11
You'r welcome @Gitity
Karolis Danilevicius
@karolisdani
Nov 22 2015 14:13
function destroyer(arr) {
  // Remove all the values
  return arr.filter(function(val){
    for (var i = 1; i < arguments.length; i++) {
      if (val === arguments[i]) {
        return false;
      } 
    }
    return true;
  });
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
Why this is not removing values which match the arguments
Robert Richey
@0x0936
Nov 22 2015 14:14
arguments applies to the calling function. when nested in the filter, it no longer holds the args to destroyer
Karolis Danilevicius
@karolisdani
Nov 22 2015 14:15
thanks @0x0936
CamperBot
@camperbot
Nov 22 2015 14:15
karolisdani sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 360 | @0x0936 | http://www.freecodecamp.com/0x0936
Fridox
@deniz946
Nov 22 2015 14:15
I need help with polindrome bonfire, it works with all the tests but not with the last one
CamperBot
@camperbot
Nov 22 2015 14:15
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
Fridox
@deniz946
Nov 22 2015 14:15
This message was deleted
function palindrome(str) {

  var lowerCase=str.toLowerCase();
  lowerCase=lowerCase.replace(/\,|\./gi,'');

  var strReversed=lowerCase.split('').reverse();
  var joint=strReversed.join('');
  lowerCase=lowerCase.replace(/\s/gi,'');
  joint=joint.replace(/\s/gi,'');


  if(lowerCase===joint){
    return true;
  }
  else{
    return false;
  }

  console.log(lowerCase);
  console.log(joint);

}



palindrome("0_0 (: /-\ :) 0-0");
If someone can give a hand
Bonfire: Check for Palindromes
CamperBot
@camperbot
Nov 22 2015 14:16

:fire:Bonfire: Check for Palindromes :link:

function palindrome(str) {
  // Good luck!
  return true;
}



palindrome("eye");

Return true if the given string is a palindrome. Otherwise, return false.

more info:  bf details | bf links | hint

Fridox
@deniz946
Nov 22 2015 14:16
bf links
Fridox
@deniz946
Nov 22 2015 14:16
bf details
CamperBot
@camperbot
Nov 22 2015 14:16

:fire:Bonfire: Check for Palindromes :link:

function palindrome(str) {
  // Good luck!
  return true;
}



palindrome("eye");
Return true if the given string is a palindrome. Otherwise, return false.
A palindrome is a word or sentence that's spelled the same way both forward and backward, ignoring punctuation, case, and spacing.
You'll need to remove punctuation and turn everything lower case in order to check for palindromes.
We'll pass strings with varying formats, such as "racecar", "RaceCar", and "race CAR" among others.
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
links:
Karolis Danilevicius
@karolisdani
Nov 22 2015 14:16
@deniz946 You should ignore all the symbols when checking for the palindrome
Fridox
@deniz946
Nov 22 2015 14:17
@karolisdani how i can make it?
Robert Richey
@0x0936
Nov 22 2015 14:17
@deniz946 /\W|_/g
Fridox
@deniz946
Nov 22 2015 14:17
can you explain me what does it exactly does/means?
Karolis Danilevicius
@karolisdani
Nov 22 2015 14:18
\ W Selects everything what is not a word (all the symbols)
Robert Richey
@0x0936
Nov 22 2015 14:19
\W in regex is the same as writing [^a-zA-Z0-9_]. Notice it does NOT select the underscore, which you need to also match
Fridox
@deniz946
Nov 22 2015 14:20
Oh, bonfire completed ;D
Great, thanks you for the hint @0x0936 @karolisdani
CamperBot
@camperbot
Nov 22 2015 14:20
deniz946 sends brownie points to @0x0936 and @karolisdani :sparkles: :thumbsup: :sparkles:
:star: 200 | @karolisdani | http://www.freecodecamp.com/karolisdani
:star: 361 | @0x0936 | http://www.freecodecamp.com/0x0936
Robert Richey
@0x0936
Nov 22 2015 14:21
:)
Nicole Archambault
@sofrlowi
Nov 22 2015 14:46
Waypoint: Condense arrays with reduce
mudi thareja
@tharejamudit
Nov 22 2015 14:48
can somone help me in bootstrap
raw1211
@raw1211
Nov 22 2015 14:48
@tharejamudit what are u stuck at
mudi thareja
@tharejamudit
Nov 22 2015 14:49
Waypoint: Add Font Awesome Icons to our Buttons
raw1211
@raw1211
Nov 22 2015 14:49
@tharejamudit what sort of trouble are u having
Nicole Archambault
@sofrlowi
Nov 22 2015 14:50
Hmm, trying to get some more info from within FCC/wiki/camperbot on using reduce in JS, may just be lack of sleep but I'm not wrapping my head around how it works
is there a command I can use in Gitter to find out more?
raw1211
@raw1211
Nov 22 2015 14:50
@sofrlowi what do u need help with
Nicole Archambault
@sofrlowi
Nov 22 2015 14:50
just maybe something that will help me better understand Waypoint: Condense arrays with reduce
Nicole Archambault
@sofrlowi
Nov 22 2015 14:52
it's not summing properly for some reason. not quite sure how it's using return previousVal - currentVal
I got it eventually lol. I may just be super tired. thanks @raw1211!
CamperBot
@camperbot
Nov 22 2015 14:54
sofrlowi sends brownie points to @raw1211 :sparkles: :thumbsup: :sparkles:
:star: 212 | @raw1211 | http://www.freecodecamp.com/raw1211
Marius Garbea
@MariusGarbea
Nov 22 2015 14:57
hello guys! i am stuck at something
look at the condition in function timer
it displays Break and Finished when the seconds hit 1 instead of 0
can any of you see where the bug is?
Jeremy Barbe
@eemebarbe
Nov 22 2015 14:59
has anyone been through the node lessons on here? would you recommend them?
Ademola Adegbuyi
@ooade
Nov 22 2015 15:02
@jrbarbe87 have you started with the learnyounode package??
Zineb HAMDAOUI
@Mrs-zebra
Nov 22 2015 15:05
Help ! what did i missed ?
blob
pipzpadilla
@pipzpadilla
Nov 22 2015 15:05
good eve guyz
just put check
at the first radio button
Zineb HAMDAOUI
@Mrs-zebra
Nov 22 2015 15:07
thanks it works
Robert Richey
@0x0936
Nov 22 2015 15:07

@sofrlowi the idea behind reduce is, given an array, reduce it down to a single value. the function passed to reduce commonly takes two arguments - an accumulator and a currentValue. What you choose to call them in your code doesn't matter, but I think accumulator is better than previousVal.

With the first iteration, previousVal is set to the first element (0th index) and currentVal is set to the second element (1st index). If you're summing the values, return previousVal + currentVal. On the next iteration, previousVal holds what was previously returned, and currentVal is pointing to the third element (2nd index).

Jeremy Barbe
@eemebarbe
Nov 22 2015 15:07
@marhyorh im just looking at the map
there's a node/express section
Ademola Adegbuyi
@ooade
Nov 22 2015 15:08
@jrbarbe87 yeah, i'm done with that
Jeremy Barbe
@eemebarbe
Nov 22 2015 15:08
would you recommend it?
Nicole Archambault
@sofrlowi
Nov 22 2015 15:14
Thanks @0x0936!
CamperBot
@camperbot
Nov 22 2015 15:14
sofrlowi sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 362 | @0x0936 | http://www.freecodecamp.com/0x0936
mudi thareja
@tharejamudit
Nov 22 2015 15:15
how do i attach images in the chat
Robert Richey
@0x0936
Nov 22 2015 15:16
@tharejamudit drag and drop. or link from a url like this: ![alt text](url)
mudi thareja
@tharejamudit
Nov 22 2015 15:17
This message was deleted
oh ok
Ademola Adegbuyi
@ooade
Nov 22 2015 15:28
@jrbarbe87 its just like a challenge, it wont be much help for beginners
sandeep kumar
@sandy047
Nov 22 2015 15:32

CSS has a property called width that controls an element's width. Just like with fonts, we'll use px (pixels) to specify the image's width.

For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use:

<style>

.larger-image {

width: 500px;

}

</style>

Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.

iam begineer in this..so how to solve this problem?
CarlaFernandez
@CarlaFernandez
Nov 22 2015 15:35
@sandy047 think...you need to create the same thing, only to apply a lower size (in px)
RedPandaLeader
@RedPandaLeader
Nov 22 2015 15:36
Ademola Adegbuyi
@ooade
Nov 22 2015 15:36

@sandy047 from your post

<style>

.larger-image {

width: 500px;

}

</style>

.larger-image is a class(dot notation&className), when applied it changes the width of that class to 500px so create a class like the one above with a class name "smaller-image" and set the "width to 100px"

RedPandaLeader
@RedPandaLeader
Nov 22 2015 15:37
What Line Of Code Do I Do
raw1211
@raw1211
Nov 22 2015 15:37
@RedPandaLeader what problem are u facing
RedPandaLeader
@RedPandaLeader
Nov 22 2015 15:37
I dont know what line of code i do
raw1211
@raw1211
Nov 22 2015 15:38
@RedPandaLeader Waypoint: Link to External Pages with Anchor Elements. Is this the waypoint u need help with
RedPandaLeader
@RedPandaLeader
Nov 22 2015 15:39
Yes
raw1211
@raw1211
Nov 22 2015 15:41
@RedPandaLeader <a href="http://freecatphotoapp.com"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">cat photos</a>
RedPandaLeader
@RedPandaLeader
Nov 22 2015 15:41
Is That It?
raw1211
@raw1211
Nov 22 2015 15:42
yep
RedPandaLeader
@RedPandaLeader
Nov 22 2015 15:42
Where Do I put it
raw1211
@raw1211
Nov 22 2015 15:42
@RedPandaLeader after h2 tag
RedPandaLeader
@RedPandaLeader
Nov 22 2015 15:42
Thx SO Much
raw1211
@raw1211
Nov 22 2015 15:43
yw
RedPandaLeader
@RedPandaLeader
Nov 22 2015 15:44
I Need Help, The Code That You Gave Me, Where Do I Put The <p> </p>
mirunad
@mirunad
Nov 22 2015 15:45
Hello gusy. i need some help. i need to create an a element and has cat photos as it s anchor text. can u tell me what exactly i m doing wrong for i have no idea
this is the code line
<p>Cat photos<a href="http://freecatphotoapp.com "></a></p>
raw1211
@raw1211
Nov 22 2015 15:45
@RedPandaLeader put that code after h2 tag .p tag should be below the code i gave u
Filipe Ferreira
@shiroge
Nov 22 2015 15:46
@mirunad Cat photos should be between the <a> tags.
Robert Richey
@0x0936
Nov 22 2015 15:46
@mirunad if 'Cat photos' needs to be the anchor text, then put it before the closing </a>
raw1211
@raw1211
Nov 22 2015 15:46
@mirunad the line u have written is not correct syntatically
mirunad
@mirunad
Nov 22 2015 15:47
thank you very much
RedPandaLeader
@RedPandaLeader
Nov 22 2015 15:48
<p>Here's a <a href="http://freecatphotoapp.com">Link to Free Code Camp</a>For You to Follow.</p>
This is what I have, I need Help
CarlaFernandez
@CarlaFernandez
Nov 22 2015 15:53
I don't see anything wrong with that
does anybody see anything?
raw1211
@raw1211
Nov 22 2015 15:54
can anyone help me with bonfire seek and destroy
CamperBot
@camperbot
Nov 22 2015 15:54