These are chat archives for FreeCodeCamp/Help

20th
Oct 2015
VeeShostak
@VeeShostak
Oct 20 2015 00:00
@MattYamamoto I'm trying to replicate this in my web browser:
http://codepen.io/VeeShostak/full/VvMprw/
Matt Yamamoto
@MattYamamoto
Oct 20 2015 00:00
@TLynnC nevermind, you just need to put the id inside the actual form tag <form id="name">
@VeeShostak everything you're doing sounds right, just make sure to add the appropriate stuff to the html file (doctype, html tag, etc) and then put a link to your css file <link rel="stylesheet" href="/yourfile.css"> adjust the href to appropriately reflect your file structure (as seen here this would assume it's in the same directory as your html).
VeeShostak
@VeeShostak
Oct 20 2015 00:07
@MattYamamoto the home page is comming out like this: http://i.imgur.com/Z9JkVcS.jpg
for some reason the buttons lost alignment, and was not removed, and other small things
the ending of my css file is like this:
\FreeCode Camp Curriculum\BasicFrontEndDevProj-BasicZiplines\PortfolioWebpage\PortfolioStyle">
when I add .css at the end it doesn't work
PortfolioStyle.css is the file
Francisco Pena
@daiky00
Oct 20 2015 00:09
why are you using so many capital letters
?
why not just keep all of them lower case
and why are you building so many folders
?
also why your names are so big
keep simple
Matt Yamamoto
@MattYamamoto
Oct 20 2015 00:10
@VeeShostak the link should be relative to where your html file is located.
Francisco Pena
@daiky00
Oct 20 2015 00:10
keep it simple
i thin you cant put .css in your file because how long you path is
@VeeShostak
galxzx
@galxzx
Oct 20 2015 00:11
Where do you find the freeCodeCamp icon for the button? It's not font awesome.
VeeShostak
@VeeShostak
Oct 20 2015 00:11
@MattYamamoto Alright thanks, I'll work on it. Google and hard work, =)
CamperBot
@camperbot
Oct 20 2015 00:11
veeshostak sends brownie points to @mattyamamoto :sparkles: :thumbsup: :sparkles:
:star: 384 | @mattyamamoto | http://www.freecodecamp.com/mattyamamoto
VeeShostak
@VeeShostak
Oct 20 2015 00:16
I don't know if they have one or I do not know where it is, I used the fire one on font aweseome
@daiky00 thanks, I'll simplify things
CamperBot
@camperbot
Oct 20 2015 00:16
veeshostak sends brownie points to @daiky00 :sparkles: :thumbsup: :sparkles:
:star: 185 | @daiky00 | http://www.freecodecamp.com/daiky00
Francisco Pena
@daiky00
Oct 20 2015 00:17
@VeeShostak you welcome :)
@VeeShostak simple is always better :P
Matt Yamamoto
@MattYamamoto
Oct 20 2015 00:29
@VeeShostak I forgot that I have webserver running locally, so I may be wrong about the relative link (although that's how I thought it worked)... so check out something like xampp or mamp
Junior Griffiths
@Jegriff23
Oct 20 2015 00:33
hello all
VeeShostak
@VeeShostak
Oct 20 2015 00:33
@MattYamamoto wow thanks a lot, I'll definitely check it out
CamperBot
@camperbot
Oct 20 2015 00:33
veeshostak sends brownie points to @mattyamamoto :sparkles: :thumbsup: :sparkles:
:warning: veeshostak already gave mattyamamoto points
VeeShostak
@VeeShostak
Oct 20 2015 00:34
see you all, have a good one
Junior Griffiths
@Jegriff23
Oct 20 2015 00:34
need help on this Waypoint: Make Images Mobile Responsive
Varun Upadhyay
@varunu28
Oct 20 2015 00:34

I am working on Falsy Bouncer algorithm and I am unable to pass 1 case:
Here is my code:
''''
function bouncer(arr) {
var n=arr.length;
var ans=[];
var i=0;
while(i<n){
if(arr[i]===false || arr[i]=== null ||arr[i]===undefined || arr[i]=== NaN ||arr[i]===""||arr[i]===0 ){
i++;
}
else{
ans.push(arr[i]);
i++;
}
}

return ans;
}

bouncer([false, null, 0, NaN, undefined, ""]);
'''

It should return [] for ([false, null, 0, NaN, undefined, ""]) but it is returning null. What am I missing here?

CamperBot
@camperbot
Oct 20 2015 00:34
:bulb: to format code use backticks! ``` more info
Junior Griffiths
@Jegriff23
Oct 20 2015 00:34
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

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

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

  <a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-running-cats"></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>
Hans van Riet
@hansinla
Oct 20 2015 00:35
@Jegriff23 Your second picture should have the img-responsive class, no other class.
Junior Griffiths
@Jegriff23
Oct 20 2015 00:36
dont get it @hansinla
Hans van Riet
@hansinla
Oct 20 2015 00:37
@Jegriff23 Your second image has two classes. It should have class=“img-responsive” no other class
Junior Griffiths
@Jegriff23
Oct 20 2015 00:38
let me try @hansinla
 <a href="#"><img class=“img-responsive” src="http://bit.ly/fcc-running-cats"></a>
like this @hansinla
Hans van Riet
@hansinla
Oct 20 2015 00:40
@Jegriff23 yes
Junior Griffiths
@Jegriff23
Oct 20 2015 00:41
it didnt work.: You should have a total of two images.
Your new image should have the class img-responsive.
Add a second image with the src of http://bit.ly/fcc-running-cats.
Hans van Riet
@hansinla
Oct 20 2015 00:42
@Jegriff23 Exactly. That’s what I said. your SECOND image has class img-responsive, no other class. The first image is as you had.
galxzx
@galxzx
Oct 20 2015 00:43
@varunu28 read up on Boolean objects.
Junior Griffiths
@Jegriff23
Oct 20 2015 00:43
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

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

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

  <a href="#"><img class=“img-responsive” src="http://bit.ly/fcc-running-cats"></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>
pong324
@pong324
Oct 20 2015 00:44
@Jegriff23 what language is this?
ruby?
jsun005
@jsun005
Oct 20 2015 00:45
html
Junior Griffiths
@Jegriff23
Oct 20 2015 00:45
this is a waypoint
Hans van Riet
@hansinla
Oct 20 2015 00:45
@Jegriff23 Make sure that your quotation marks are correct
Hope Atina
@hopeatina
Oct 20 2015 00:46
<h1>Hello World</h1> Why won't it goto the next challenge?
Hans van Riet
@hansinla
Oct 20 2015 00:47
@hopeatina Show your full code
@Jegriff23 That code, apart form the “smart quotes” looks correct. Did it pass?
Junior Griffiths
@Jegriff23
Oct 20 2015 00:48
no
Hans van Riet
@hansinla
Oct 20 2015 00:49
@Jegriff23 What error do you get?
Hope Atina
@hopeatina
Oct 20 2015 00:49
$ is not defined
pong324
@pong324
Oct 20 2015 00:49
why there is no ruby language here?
Hans van Riet
@hansinla
Oct 20 2015 00:50
@pong324 Because this is to learn the MEAN stack.
pong324
@pong324
Oct 20 2015 00:51
ok
Hans van Riet
@hansinla
Oct 20 2015 00:51
@Jegriff23 I just checked your code. If you change the quotes around omg-responsive, you should pass. Right now they’re so called smart quotes.
Junior Griffiths
@Jegriff23
Oct 20 2015 00:53
past it @hansinla , i cleared out
Hans van Riet
@hansinla
Oct 20 2015 00:53
@Jegriff23 Great
@hopeatina Paste you full code here so we can see what’s going on
Puiyee Tong
@pytong
Oct 20 2015 00:54
I have been having a lot of setup issues at Waypoint, have anybody got past that?
Junior Griffiths
@Jegriff23
Oct 20 2015 00:55
@hansinla ,sorry not past I mean post it
pong324
@pong324
Oct 20 2015 00:55
i have problem with that in h2.
Hans van Riet
@hansinla
Oct 20 2015 00:55
@pytong Which waypoint? For Basejumps?
Puiyee Tong
@pytong
Oct 20 2015 00:55
@hansinla Waypoint: Get Set for Basejumps
pong324
@pong324
Oct 20 2015 00:56
i have a problem in uncomment
Hans van Riet
@hansinla
Oct 20 2015 00:56
@Jegriff23 I PM’ed you
Puiyee Tong
@pytong
Oct 20 2015 00:56
@hansinla I found this thread FreeCodeCamp/FreeCodeCamp#2722, the last comment helped but then I could not proceed anymore. npm install kept failing at font-awesome
Junior Griffiths
@Jegriff23
Oct 20 2015 00:57
@hansinla , i got it
Hans van Riet
@hansinla
Oct 20 2015 00:58
@pytong That waypoint has been messed up for a long time now. Many people having the same problem as you. FCC is soon changing it and starting to use ClementineJS. I have been holding of for that change for weeks now.
Junior Griffiths
@Jegriff23
Oct 20 2015 00:58
@hansinla, whats pm'ed?
Puiyee Tong
@pytong
Oct 20 2015 00:58
@hansinla So we just need to wait?
Hans van Riet
@hansinla
Oct 20 2015 00:58
@Jegriff23 personal message
Junior Griffiths
@Jegriff23
Oct 20 2015 00:59
ok
@hansinla thanks, it was the quotes.
CamperBot
@camperbot
Oct 20 2015 00:59
jegriff23 sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:star: 547 | @hansinla | http://www.freecodecamp.com/hansinla
Puiyee Tong
@pytong
Oct 20 2015 00:59
thanks @hansinla
CamperBot
@camperbot
Oct 20 2015 00:59
pytong sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:star: 548 | @hansinla | http://www.freecodecamp.com/hansinla
Hans van Riet
@hansinla
Oct 20 2015 00:59
@pytong Unless you want to suffer through it. I found this book online called MEAN Web Development (there’s a pdf) and I’m using that to learn more about the MEAN stack while waiting for FCC to get it together.
Puiyee Tong
@pytong
Oct 20 2015 01:00
thanks. I will read that PDF @hansinla
CamperBot
@camperbot
Oct 20 2015 01:00
pytong sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:warning: pytong already gave hansinla points
pong324
@pong324
Oct 20 2015 01:03
comment out html?
what should i do?
Hans van Riet
@hansinla
Oct 20 2015 01:08
@pong324 Paste your full code here and we’ll take a look.
@pong324 Commenting out something in html is done by placing <!-- before the section to be commented out and --> after it.
pong324
@pong324
Oct 20 2015 01:12
thanks
CamperBot
@camperbot
Oct 20 2015 01:12
if you want to thank someone, put an @ before their name!
pong324
@pong324
Oct 20 2015 01:12
@hansinla what language are hoppping in right now?
Hans van Riet
@hansinla
Oct 20 2015 01:12
@pong324 html
ellery90
@ellery90
Oct 20 2015 01:33
hey guys
whats a code editor
Nvm I got it
Susan
@SusanGrattan
Oct 20 2015 01:46
Stuck on the JS slot machine.. Can anyone help?
DJ
@qualitymanifest
Oct 20 2015 01:48
@SusanGrattan yep post your code
Susan
@SusanGrattan
Oct 20 2015 01:48
All I have is the random number code.. Do I use the push function to get the random number into the slot?
DJ
@qualitymanifest
Oct 20 2015 01:49
which waypoint exactly?
Susan
@SusanGrattan
Oct 20 2015 01:50
Basic JS #37
DJ
@qualitymanifest
Oct 20 2015 01:51
@SusanGrattan you don't need push, you just assign the math to the variables
and since slotOne, slotTwo, and slotThree have already been initialized at the top of the page, you don't need to use var again. just slotOne = math code here etc
Susan
@SusanGrattan
Oct 20 2015 01:52
Okay, thanks @qualitymanifest
CamperBot
@camperbot
Oct 20 2015 01:52
susangrattan sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 287 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Susan
@SusanGrattan
Oct 20 2015 01:53
It worked. Thanks again.
CamperBot
@camperbot
Oct 20 2015 01:53
if you want to thank someone, put an @ before their name!
DJ
@qualitymanifest
Oct 20 2015 01:53
cool, no problem
Jesse
@jctm30
Oct 20 2015 02:34
hi which resources can i check out to start the "random quote generator" zipline?
Bryan Wegman
@bwyan
Oct 20 2015 02:40
Hi @jctm30. Have you tried getting started on your own? Is there a part of the project you're unsure about?
I've found that for smaller projects like this, it's nice to start by building a simple HTML document that has the basic structure of the UI. Then I start looking to replace individual components with real, working code.
Or you could start from the JS side and create a script that will return random quotes from a list.
Yan Kozlovskiy
@YanKozlovskiy
Oct 20 2015 02:47
would anyone like to pair up?
Bryan Wegman
@bwyan
Oct 20 2015 02:48
@YanKozlovskiy I can't pair right now but would be happy to try answering a question or two if you get stuck.
What are you working on?
Yan Kozlovskiy
@YanKozlovskiy
Oct 20 2015 02:49
a jquery hangman game
i have no clue what to do and could use extra brain power
Bryan Wegman
@bwyan
Oct 20 2015 02:49
Sounds fun.
have you started working on it yet?
Yan Kozlovskiy
@YanKozlovskiy
Oct 20 2015 02:50
i started thinking about working on it :/
Bryan Wegman
@bwyan
Oct 20 2015 02:51
haha nice. What part of the project sounds the most fun right now, the UI or the scripting?
Allan Hernandez
@allan-hernandez
Oct 20 2015 02:51
Doing the mutations bonfire. At the frustrating & fun point where I think my solution is logically sound but I probably have a basic mistake.

Any tips? -

function mutation(arr) {
var temp = arr[1]
temp = temp.toLowerCase();
temp = temp.split('');

var search = arr[0].toLowerCase();
var found = 0;

for (i = 0; i < temp.length; i++) {
found = search.indexOf(temp[i]);

if (found = -1) {
  return false;
}

}

return true;
}

mutation(["Mary", "army"]);

Yan Kozlovskiy
@YanKozlovskiy
Oct 20 2015 02:52
they both sound like fun but i have no idea what to start on
Create the game of hangman in jQuery

Here's a version created in Vanilla JS: http://codepen.io/cathydutton/full/ldazc/

Don't use that code as you reference, I want you to do this from scratch.

I want you to do things a bit differently too:

Use jQuery and Bootstrap, for everything
Hard code a big array of 100+ source words in your javascript, and pick a word randomly from that.
Take the input directly from the user keyboard, and report it (used characters so far, wrong ones, ..) Don't take any input from the mouse.
If the user pressed a key for a character that has already been used, blink the screen
Use a library to add some cool animation when you win/lose the game.
i found a site for a programming bootcamp and their challenges are fun to complete
Bryan Wegman
@bwyan
Oct 20 2015 02:53
@YanKozlovskiy, I would probably start on the JS and work my way to the front end.
Yan Kozlovskiy
@YanKozlovskiy
Oct 20 2015 02:53
how would i hard code a big array?
Bryan Wegman
@bwyan
Oct 20 2015 02:54
The same way you'd hard code a small one:
var wordlist = ['apples', 'bananas,' 'grapes']
Yan Kozlovskiy
@YanKozlovskiy
Oct 20 2015 02:54
ouch
can i import a text file?
Bryan Wegman
@bwyan
Oct 20 2015 02:55
Sure. You'll still have to put quotes around each word and separate them with commas.
@allan-hernandez , I'm looking at your code now.
Allan Hernandez
@allan-hernandez
Oct 20 2015 02:57
@bwyan thanks - sorry I couldn't get the formatting to work here :worried:
CamperBot
@camperbot
Oct 20 2015 02:57
allan-hernandez sends brownie points to @bwyan :sparkles: :thumbsup: :sparkles:
:star: 222 | @bwyan | http://www.freecodecamp.com/bwyan
Bryan Wegman
@bwyan
Oct 20 2015 02:58
@YanKozlovskiy, you could also generate an array of words with with JS using String.split(' ')
Allan Hernandez
@allan-hernandez
Oct 20 2015 02:58
oh i need to use a triple = don't i
I knew it was going to be something dumb
that always gets me
Bryan Wegman
@bwyan
Oct 20 2015 02:59
yup
Those get me too.
@allan-hernandez do you ever run your code through JSHint or JSlint?
They're pretty good at helping you spot those errors, once you figure out how to interpret what they say about your code.
JSlint pointed out this: "Unexpected statement '=' in expression position." That might draw your attention to the error
@YanKozlovskiy , that sounds like a cool challenge. It'd be fun to work on once I finish my front-end projects.
Allan Hernandez
@allan-hernandez
Oct 20 2015 03:03
@bwyan - I haven't used them before but will check them out. I'm sure they'll be helpful. Every few bonfires I make a boneheaded mistake like that
CamperBot
@camperbot
Oct 20 2015 03:03
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
Bryan Wegman
@bwyan
Oct 20 2015 03:04
Great! I started doing my bonfires on my computer (instead of the in the FCC editor), and I 'lint' them in the command line. JSHint is much more forgiving than JSLint.
Sara Hall
@sarahall
Oct 20 2015 03:09
hello everybody!
Bryan Wegman
@bwyan
Oct 20 2015 03:10
Hi @sarahall
Sara Hall
@sarahall
Oct 20 2015 03:10
@bwyan is this a general help room?
DJ
@qualitymanifest
Oct 20 2015 03:11
yerp
Bryan Wegman
@bwyan
Oct 20 2015 03:11
yup
Sara Hall
@sarahall
Oct 20 2015 03:11
@qualitymanifest thanks... when did this change from slack?
Rex Schrader
@SaintPeter
Oct 20 2015 03:11
@sarahall Kinda - this is the "Waypoint" help room and it ends up being the "General" help room by default. There are other help rooms.
CamperBot
@camperbot
Oct 20 2015 03:11
sarahall sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 288 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Rex Schrader
@SaintPeter
Oct 20 2015 03:11
wiki rooms
CamperBot
@camperbot
Oct 20 2015 03:11

:point_right: help rooms [wiki]

There are official help rooms for each major section of FCC content:

Chat Room Description
Help get help with our Waypoint challenges from your fellow campers
HelpBonfires get help with our Bonfire challenges from your fellow campers
HelpZiplines get help with our Zipline challenges from your fellow campers
HelpBasejumps get help with our Basejump challenges from your fellow campers
NonprofitProjects get help with your Nonprofit Projects from your fellow campers
CodeReview get constructive criticism and advice on finished code from your fellow campers
YouCanDoThis learning to code is hard - share your feelings and get moral support here

Choose the right room for your question!
:pencil: read more about help rooms on the FCC Wiki

Bryan Wegman
@bwyan
Oct 20 2015 03:12
They tried slack for a little while, but it couldn't handle the volume
DJ
@qualitymanifest
Oct 20 2015 03:12
@sarahall i joined a couple months ago, not sure when FCC stopped recommending slack
Omar576
@Omar576
Oct 20 2015 03:13
This message was deleted
Sara Hall
@sarahall
Oct 20 2015 03:13
gotcha. I joined in July and recently started doing FCC daily. A bunch changed since then it seems
but def for the better
Bryan Wegman
@bwyan
Oct 20 2015 03:14
Welcome back. Yes, things change quickly around here, almost always for the better.
You might want to watch the monthly summits when you can. They talk through the changes and the reasons for them, demo new site features, etc.
Rex Schrader
@SaintPeter
Oct 20 2015 03:15
Also, if you have ideas about how to make things better, let us know!
Omar576
@Omar576
Oct 20 2015 03:16
var myArray = ["John", 23, ["cat", 2]];
// Only change code below this line.
myArray.pop()
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]
Sara Hall
@sarahall
Oct 20 2015 03:16
@bwyan @SaintPeter Thanks will do. I'm really digging this format
CamperBot
@camperbot
Oct 20 2015 03:16
sarahall sends brownie points to @bwyan and @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 226 | @bwyan | http://www.freecodecamp.com/bwyan
:star: 1089 | @saintpeter | http://www.freecodecamp.com/saintpeter
Rex Schrader
@SaintPeter
Oct 20 2015 03:18
@sarahall A thing I am telling everyone: When you get super frusturated, just remember that the problem you are working on is sovable. It may take a while and it may be painful, but it CAN be solved.
Omar576
@Omar576
Oct 20 2015 03:19
@Omar576 Still learning how to properly use the chat. But can anyone explain to me how the "removed" should be ["cat",2]
Danielle Gaither
@daniellegaither
Oct 20 2015 03:20
OK, so I’m working on the first zipline, and I’m having trouble getting the buttons to work. I think I have the URLs in the right place, but when I click, it doesn’t go to the page in question. The “Twitter” button is the only one I’m trying to implement at the moment. Here’s a link to my codepen: http://codepen.io/daniellegaither/pen/zvPJym
Bryan Wegman
@bwyan
Oct 20 2015 03:20
@Omar576 , is that one of the FCC challenges?
Rex Schrader
@SaintPeter
Oct 20 2015 03:20
@daniellegaither Did you set anchor tags down the page?
Danielle Gaither
@daniellegaither
Oct 20 2015 03:20
Yes
Sara Hall
@sarahall
Oct 20 2015 03:20
Thanks @SaintPeter ... that does help. I like that FCC allows for multiple solutions. Other resources seem to have glitches and require character for character...
CamperBot
@camperbot
Oct 20 2015 03:20
sarahall sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:warning: sarahall already gave saintpeter points
Danielle Gaither
@daniellegaither
Oct 20 2015 03:20
@SaintPeter the anchor tags work fine
It’s the button that doesn’t work properly
Rex Schrader
@SaintPeter
Oct 20 2015 03:21
@daniellegaither Which button specifically?
Danielle Gaither
@daniellegaither
Oct 20 2015 03:21
@SaintPeter the Twitter button (we’ll go with the first one to keep it simple)
Omar576
@Omar576
Oct 20 2015 03:22
@bwyan Yes. its Titled Waypoint: Manipulate Arrays With pop
Rex Schrader
@SaintPeter
Oct 20 2015 03:22
@daniellegaither Ah, this is a CodePen idiosyncrancy. You net to set target="_blank" to force the URL to open in a new window. When you try to open it from the CodePen view, it tries to open it in the iframe, which gets rejected.
Bryan Wegman
@bwyan
Oct 20 2015 03:22
Aah I see it now. I haven't gotten that far. let me take a look.
Rex Schrader
@SaintPeter
Oct 20 2015 03:23
@daniellegaither (if none of that made sense, just add target="_blank" to each of your button urls)
Danielle Gaither
@daniellegaither
Oct 20 2015 03:23
@SaintPeter thanks, you’re a lifesaver! That did the trick
CamperBot
@camperbot
Oct 20 2015 03:23
daniellegaither sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1090 | @saintpeter | http://www.freecodecamp.com/saintpeter
Rex Schrader
@SaintPeter
Oct 20 2015 03:23
@daniellegaither Whoot!
Danielle Gaither
@daniellegaither
Oct 20 2015 03:24
I’m familiar with target=“_blank” but hadn’t thought to try it in this case
Omar576
@Omar576
Oct 20 2015 03:24
@bwyan the instructions say to Use the .pop() function to remove the last item from myArray but my "removed" should only contain ["cat",2] and thats where i'm stumped.
Danielle Gaither
@daniellegaither
Oct 20 2015 03:24
I figured it had something to do with codepen
Bryan Wegman
@bwyan
Oct 20 2015 03:24
@Omar576, you should be able to solve this by only adding .pop() to the var statement.
Think of it like the var is 'catching' the item that pops off the array.
@Omar576 I think they mean that "removed" should EQUAL ["cat",2]
Rex Schrader
@SaintPeter
Oct 20 2015 03:27
@daniellegaither It did - BTW, if you are having weird problems, always open your Dev Console and check for errors.
Danielle Gaither
@daniellegaither
Oct 20 2015 03:27
Good tip, @SaintPeter , thanks!
CamperBot
@camperbot
Oct 20 2015 03:27
daniellegaither sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:warning: daniellegaither already gave saintpeter points
JoelLindsey
@JoelLindsey
Oct 20 2015 03:38
This message was deleted
What did i do wrong?
Screenshot 2015-10-19 22.37.22.png
Rex Schrader
@SaintPeter
Oct 20 2015 03:41
@JoelLindsey You need to concat something to the array. You need to pass an argument to concat
Omar576
@Omar576
Oct 20 2015 03:43

@bwyan Sorry I still don't really get it. When I run the test on code I had earlier the Result is.

"myArray = [John,23] & removed = [John,23]"

And thats when it tells me "removed" should only contain ["cat",2]

The instructions say ".pop()is used to "pop" a value off of the end of an array." (which removes the ["cat",2] as it should to allow myArray=[John,23])

So as far as the having Removed = ["cat",2] where would I make my change?

Thanks for the help btw!

CamperBot
@camperbot
Oct 20 2015 03:43
omar576 sends brownie points to @bwyan :sparkles: :thumbsup: :sparkles:
:star: 231 | @bwyan | http://www.freecodecamp.com/bwyan
JoelLindsey
@JoelLindsey
Oct 20 2015 03:44
@SaintPeter Sorry but how exactly?
Rex Schrader
@SaintPeter
Oct 20 2015 03:45
@JoelLindsey You pass an argument by putting it in the parentheses of the function call:
newThing = oldthing.someFunction(myParameter); // myParameter is the param
Bryan Wegman
@bwyan
Oct 20 2015 03:48
@Omar576 , you need to get rid of the line that says myArray.pop(). It’s popping the value off before you have a var to catch it.
And thanks for the kudos!
CamperBot
@camperbot
Oct 20 2015 03:48
if you want to thank someone, put an @ before their name!
Bryan Wegman
@bwyan
Oct 20 2015 03:48
@Omar576 thanks!
CamperBot
@camperbot
Oct 20 2015 03:48
bwyan sends brownie points to @omar576 :sparkles: :thumbsup: :sparkles:
:star: 159 | @omar576 | http://www.freecodecamp.com/omar576
Bryan Wegman
@bwyan
Oct 20 2015 03:49
You had
var myArray = ["John", 23, ["cat", 2]];
// Only change code below this line.
myArray.pop()
var removed = myArray;
your “myArray.pop()” statement needs to be combined with the "var removed" declaration.
JoelLindsey
@JoelLindsey
Oct 20 2015 03:54
@SaintPeter so like this array = array.concat(array) ?
DTing
@dting
Oct 20 2015 03:59
@JoelLindsey that would concat the array to itself
Rex Schrader
@SaintPeter
Oct 20 2015 04:00
@JoelLindsey Nope, you don't want to concat array onto itself. You want to concat "concatMe" onto array.
DTing
@dting
Oct 20 2015 04:00
you want to concat the other array "concatMe" to array
Rex Schrader
@SaintPeter
Oct 20 2015 04:00

IN STEREO

vLDemonizer
@vLDemonizer
Oct 20 2015 04:00
Hey
in the 4th bonfire after Object Oriented Programming , there seems to be a case where it makes you check palindrome in a case where the word isn't palindrome but your code must return it is in order to work
DTing
@dting
Oct 20 2015 04:02
@vLDemonizer did you remove all the punctuations and spaces?
i think you would end up with 0000
which is a palindrom
vLDemonizer
@vLDemonizer
Oct 20 2015 04:02
yep
wait
I did it individually with a filter, is there a way to do it in a general way ?
oh... it must be the string.replace right ?
Rex Schrader
@SaintPeter
Oct 20 2015 04:02
@vLDemonizer Yeah, you can write a regex to replace them pretty easily
@vLDemonizer Try http://regex101.com to try 'em out
vLDemonizer
@vLDemonizer
Oct 20 2015 04:03
I was wondering where I would use that, thanks!
CamperBot
@camperbot
Oct 20 2015 04:03
if you want to thank someone, put an @ before their name!
Jason
@Skiippa
Oct 20 2015 04:03
Can someone help me with Waypoint: Create a Custom Heading ?

'''

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

CamperBot
@camperbot
Oct 20 2015 04:03
:bulb: to format code use backticks! ``` more info
Jason
@Skiippa
Oct 20 2015 04:03
.-.
<div class="container-fluid">
  <div class = "row">
    <div class = "col-sx-8">
      <h2 class="text-primary text-center">CatPhotoApp</h2>
    </div>
    <div class = "col-sx-4">
  <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
    </div>
  </div>
Bryan Wegman
@bwyan
Oct 20 2015 04:05
@Skiippa, what’s your question
DJ
@qualitymanifest
Oct 20 2015 04:05
@Skiippa i'm not sure what problem you're having since you haven't said... but it's col-xs as in xtra small, not col-sx
Jason
@Skiippa
Oct 20 2015 04:05
Ahh i seeee
My bad for not specifying
Thanks tho @qualitymanifest
CamperBot
@camperbot
Oct 20 2015 04:06
skiippa sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 289 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Omar576
@Omar576
Oct 20 2015 04:09
@bwyan Gah! haha I finally got it now. Funny how the answer can be so simple sometimes. You're a hero!
Rex Schrader
@SaintPeter
Oct 20 2015 04:19
@bwyan You get an extra brownie for being super patient. Thanks!
CamperBot
@camperbot
Oct 20 2015 04:19
saintpeter sends brownie points to @bwyan :sparkles: :thumbsup: :sparkles:
:star: 234 | @bwyan | http://www.freecodecamp.com/bwyan
Shawn Fetanat
@Bodhi-Dharma
Oct 20 2015 04:27
breezed through html/css but only did it as review. it's kinda strange how they go from html/css to bootstrap to jQuery
i thought it made more sense to learn Javascript basics before jQuery
Rob Smith
@smit293
Oct 20 2015 06:10
This message was deleted
Fher Gomez
@fhergomez
Oct 20 2015 06:15
@Bodhi-Dharma I totally agree with you. I also took html/css for review, but I was also confused why jQuery first before JS.
Ankur Singh
@Ankurlvv
Oct 20 2015 06:49

Basic Java Script : 38 Waypoint: Add your JavaScript Slot Machine Slots
NOT UNDERSTOOD WHAT exactly, they told to do?

help plss

Avishay
@avishayshushan
Oct 20 2015 06:53
@Ankurlvv i think you should draft 3 numbers between 1 to 3
If all the same then return the number else return null
Laura Stephenson
@lauralstephenson
Oct 20 2015 06:54
Waypoint: Size your images. I have put the size within the style brackets, and also under the img place, and added an img within the style as well. Nothing works. What am I doing wrong?
.smaller-image {
width: 100px;
}
Placement or command error?
Ankur Singh
@Ankurlvv
Oct 20 2015 06:57
@avishayshushan thanks man, got it!!
CamperBot
@camperbot
Oct 20 2015 06:57
ankurlvv sends brownie points to @avishayshushan :sparkles: :thumbsup: :sparkles:
:star: 304 | @avishayshushan | http://www.freecodecamp.com/avishayshushan
Laura Stephenson
@lauralstephenson
Oct 20 2015 06:59
Here is my whole code:

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

<style>

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

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

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

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

Avishay
@avishayshushan
Oct 20 2015 07:00
@lauralstephenson could you add the rest of the code?
DTing
@dting
Oct 20 2015 07:02
@lauralstephenson you havent assigned that style to the element
you need to add a class attribute to this image element <img src="https://bit.ly/fcc-relaxing-cat">
that says it is a smaller-image
like how this <h2 class="red-text">CatPhotoApp</h2> h2 element has a class that tells it that it should have the red-text styles
Avishay
@avishayshushan
Oct 20 2015 07:06
@dting fast as allways :+1:
Laura Stephenson
@lauralstephenson
Oct 20 2015 07:10
<img class=.smaller-image {width: 100px;}> doesn't work. Still doing something wrong.
Jason
@Jauble
Oct 20 2015 07:12
Anyone know if there's a way to display your portfolio projects besides just taking a snapshot and uploading it somewhere?
Laura Stephenson
@lauralstephenson
Oct 20 2015 07:14
New nonworking code (the picture won't resize to 100px):

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

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

h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

<h2 class=.smaller-image {width: 100px;}>

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

head banging on wall...
Avishay
@avishayshushan
Oct 20 2015 07:17
@lauralstephenson <img class=.smaller-image {width: 100px;}> doesn't work. Still doing something wrong.
<img class="smaller-image" src=https://bit.ly/fcc-relaxing-cat" >
sorry
Ankur Singh
@Ankurlvv
Oct 20 2015 07:19
@lauralstephenson try putting "" before .smaller and after }
Avishay
@avishayshushan
Oct 20 2015 07:19
"smaller-image" src="https://bit.ly/fcc-relaxing-cat" >
whhhhaaaa
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" >
Ankur Singh
@Ankurlvv
Oct 20 2015 07:20
@avishayshushan srry man . totally new to this html, srry if i suggested wrong
Avishay
@avishayshushan
Oct 20 2015 07:20
the whhhaaaa was because i did so many typo
the last one is ok due
the ".smaller-image" (with the .) is when you writing the css class
but when you assigned it to an html tag(like img) you just put class="class_name"
inside the element
@lauralstephenson
Avishay
@avishayshushan
Oct 20 2015 07:25
@Ankurlvv my comment does not refers to what you wrote.
Justin Bradley
@justin-bradley
Oct 20 2015 07:36
Does anyone know how to create a class within your div element?
h4r1m4u
@h4r1m4u
Oct 20 2015 07:37
@justin-bradley what do you mean by within?
Levyian
@levyian
Oct 20 2015 07:38
@Jauble as far as the ones of codepen.io you could embed the project into another webpage
h4r1m4u
@h4r1m4u
Oct 20 2015 07:38
typically you do <div class="some-class">content</div>
Justin Bradley
@justin-bradley
Oct 20 2015 07:38
Thanks guys.
CamperBot
@camperbot
Oct 20 2015 07:38
if you want to thank someone, put an @ before their name!
Justin Bradley
@justin-bradley
Oct 20 2015 07:38
@h4r1m4u Thank you.
CamperBot
@camperbot
Oct 20 2015 07:38
justin-bradley sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 268 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 07:39
@justin-bradley is that what meant? cool, you're welcome
Jason
@Jauble
Oct 20 2015 07:43
@levyian You mean like with iframes?
Levyian
@levyian
Oct 20 2015 07:44
@Jauble yeah thats one way.
Is that what you meant by display?
Laura Stephenson
@lauralstephenson
Oct 20 2015 07:48
OK width still not 100 pixels, but got the class right:
<img class="smaller-image">{width: 100px}</img>
thanks for the first part @avishayshushan
CamperBot
@camperbot
Oct 20 2015 07:49
lauralstephenson sends brownie points to @avishayshushan :sparkles: :thumbsup: :sparkles:
:star: 305 | @avishayshushan | http://www.freecodecamp.com/avishayshushan
Jason
@Jauble
Oct 20 2015 07:49
@levyian I basically just want a snapshot that's a link. I was hoping there was a way to do that without actually taking a snapshot and uploading it.
h4r1m4u
@h4r1m4u
Oct 20 2015 07:49
@lauralstephenson you need to make the width part of the class declaration in your stylesheet:
<style>
.smaller-image {
 width:100px;
}
</style>
@lauralstephenson <img class="smaller-image">{width: 100px}</img> is wrong as <img> is a self-closing tag, i.e. there's no </img> like there is with <div>s, for example
Fatema
@fatemamelg
Oct 20 2015 07:52
Hello
I'm stuck at Waypoint: Bring your JavaScript Slot Machine to Life and want help
Levyian
@levyian
Oct 20 2015 07:53
@Jauble have dropbox by chance? It allows you to take snapshots and provide a link automatically. There are a few browser extensions where you can take snapshots for free but getting a link is a premium feature.
Jason
@Jauble
Oct 20 2015 07:54
@levyian Didn't know about that. Is there a free version of dropbox?
h4r1m4u
@h4r1m4u
Oct 20 2015 07:55
@fatemamelg what specifically are you struggling with? do you have any code you can share?
Levyian
@levyian
Oct 20 2015 07:55
@Jauble Yeah. I belive you get 5gb free. Can add more by doing certians things like inviting friends etc.
Avishay
@avishayshushan
Oct 20 2015 07:56
@lauralstephenson the "width: 100px" inside the img element is wrong also img does not need a closing tag
you should only keep the width : 100px inside the css/<style>
Jason
@Jauble
Oct 20 2015 07:56
@levyian Cool I'll check it out. Thanks
CamperBot
@camperbot
Oct 20 2015 07:56
jauble sends brownie points to @levyian :sparkles: :thumbsup: :sparkles:
:star: 341 | @levyian | http://www.freecodecamp.com/levyian
Fatema
@fatemamelg
Oct 20 2015 07:56
This message was deleted
Levyian
@levyian
Oct 20 2015 07:57
You're welcome
Fatema
@fatemamelg
Oct 20 2015 08:00
blob
@h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 08:02
@fatemamelg seems like you've removed a lot of the default code which is why it's not working:
<script>
  function runSlots(){
    var slotOne;
    var slotTwo;
    var slotThree;

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

    slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
    slotTwo = Math.floor(Math.random() * (3 - 1 + 1)) + 1;
    slotThree = Math.floor(Math.random() * (3 - 1 + 1)) + 1;

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

    // Only change code below this line.



    // Only change code above this line.

    if(slotOne !== slotTwo || slotTwo !== slotThree){
      return null;
    }

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

    return [slotOne, slotTwo, slotThree];
  }

  $(document).ready(function(){
     $(".go").click(function(){
       runSlots();
     });
   });
</script>
@fatemamelg you should only change the code between the two comment lines and not delete anything else
Fatema
@fatemamelg
Oct 20 2015 08:03
Aaah When I opened this Waypoint I didn't find a letter, Thanks @h4r1m4u
CamperBot
@camperbot
Oct 20 2015 08:03
fatemamelg sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 269 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 08:04
@fatemamelg i would suggest you reset the code and try again. you have the required lines in your code, but it needs the default code too :)
Fatema
@fatemamelg
Oct 20 2015 08:07
It works now :smile:
Justin Bradley
@justin-bradley
Oct 20 2015 08:07
I'm having trouble giving the form element an ID. My issue is, where do I place the ID?
h4r1m4u
@h4r1m4u
Oct 20 2015 08:07
@justin-bradley just like with any other html tag:
<form id="myForm">
...
</form>
@fatemamelg :clap:
Justin Bradley
@justin-bradley
Oct 20 2015 08:08
@h4r1m4u I appreciate you answering all of my dumb questions, seriously.
h4r1m4u
@h4r1m4u
Oct 20 2015 08:09
my pleasure :) questions are not dumb. not asking questions is
by the same token, try googling first. these are basic things that you'll find a ton of tutorials for
CamperBot
@camperbot
Oct 20 2015 08:12
no wiki entry for: me please for this question httpfreecodecampcomchallengeswaypoint-size-your-imagessolution3clink20href3d22http3a2f2ffontsgoogleapiscom2fcss3ffamily3dlobster2220rel3d22stylesheet2220type3d22text2fcss223e0a3cstyle3e0a2020red-text207b0a20202020color3a20red3b0a20207d0a0a2020h2207b0a20202020font-family3a20lobster2c20monospace3b0a20207d0a0a2020p207b0a20202020font-size3a2016px3b0a20202020font-family3a20monospace3b0a20207d0a20200a2020img207b0a20202020smaller-image207b20width3a20100px3b207d0a20207d0a3c2fstyle3e0a0a3ch220class3d22red-text223ecatphotoapp3c2fh23e0a0a3cimg20src3d22https3a2f2fbitly2ffcc-relaxing-cat223e0a0a3cp20class3d22red-text223ekitty20ipsum20dolor20sit20amet2c20shed20everywhere20shed20everywhere20stretching20attack20your20ankles20chase20the20red20dot2c20hairball20run20catnip20eat20the20grass20sniff3c2fp3e0a3cp20class3d22red-text223epurr20jump20eat20the20grass20rip20the20couch20scratched20sunbathe2c20shed20everywhere20rip20the20couch20sleep20in20the20sink20fluffy20fur20catnip20scratched3c2fp3e0a
:pencil: click here to create one now!after creating your page type update to reload it here
h4r1m4u
@h4r1m4u
Oct 20 2015 08:14

@Reinhardcpn

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

what do you need to change in the above example to have a class .smaller-image with a width of 100px?

Laura Stephenson
@lauralstephenson
Oct 20 2015 08:15
I tried that @h4r1m4u ; many times, inside the style brackets at the top and inside style brackets under my class code for the image. It doesn't work.
h4r1m4u
@h4r1m4u
Oct 20 2015 08:16
can you tell me how you would change the above?
@lauralstephenson post your code
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:17
yes @lauralstephenson can you help me for this question im tired
@h4r1m4u bro your code doesn't work, like @h4r1m4u say
Laura Stephenson
@lauralstephenson
Oct 20 2015 08:18
I did that. <style>
.smaller-image {
width:100px;
}
</style>
h4r1m4u
@h4r1m4u
Oct 20 2015 08:19
@lauralstephenson can you post everything you have in the code pane?
Laura Stephenson
@lauralstephenson
Oct 20 2015 08:19
This is the current nonworking code.
h4r1m4u
@h4r1m4u
Oct 20 2015 08:20
that's a correct way to create the .smaller-image class with a width of 100px. you must have some other issue in your code
Laura Stephenson
@lauralstephenson
Oct 20 2015 08:20

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

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

h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

<img class="smaller-image"></img>

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

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

h4r1m4u
@h4r1m4u
Oct 20 2015 08:21
remove the 2nd <style> tag and everything in between. put the .smaller-image class inside the first <style> tag
remove the closing </img> tag. <img> is a self-closing tag, it doesn't need to be closed
also, the class needs to be assigned to the cat image <img>, not to a new empty <img>
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:23
this not working bro @lauralstephenson
Mbos95
@Mbos95
Oct 20 2015 08:23
Hey guys
Can someone tell me wy this code isn't working?
<html lang="nl">
<head>
    <title>weblab15</title>
    <!-- dit script werkt met functies
            auteur: Martijn Bos
    -->
    <script type="text/javascript">

    </script>
</head>
<body>
<script type="text/javascript">
var getal = new Array();
    getal[0] = "nul";
    getal[1] = "een";
    getal[2] = "twee";
    getal[3] = "drie";
    getal[4] = "vier";
    getal[5] = "vijf";
    getal[6] = "zes";
    getal[7] = "zeven";
    getal[8] = "acht";
    getal[9] = "negen";

var nummer = prompt("wat is uw telefoonnummer?");
for(x = 0; x <nummer.length +1; x++){
    uitkomst = nummer.charAt(x);
    switch(uitkomst.charAt(x)){
    case 0:
            document.write(getal[0] + " ");
    break;
    case 1:
            document.write(getal[1] + " ");
    break;
    case 2:
            document.write(getal[2] + " ");
    break;
    case 3:
            document.write(getal[3] + " ");
    break;
    case 4:
            document.write(getal[4] + " ");
    break;
    case 5:
            document.write(getal[5] + " ");
    break;
    case 6:
            document.write(getal[6] + " ");
    break;
    case 7:
            document.write(getal[7] + " ");
    break;
    case 8:
            document.write(getal[8] + " ");
    break;
    case 9:
            document.write(getal[9] + " ");
    break;
    }

}

</script>
</body>
</html>
Laura Stephenson
@lauralstephenson
Oct 20 2015 08:24
Still not working, darn it. Where am I going horribly wrong with the width?

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<img class="smaller-image">

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

h4r1m4u
@h4r1m4u
Oct 20 2015 08:24
@lauralstephenson that looks better. now remove the 2nd <img> tag and instead add the smaller-image class to the relaxing-cat image
you're almost there
eldar786
@eldar786
Oct 20 2015 08:25
does anyone know how to do task 12
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:25
what your meaning bro @h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 08:25
@eldar786 task 12 of which section?
@Reinhardcpn
<img src="https://bit.ly/fcc-relaxing-cat">
<img class="smaller-image"> <!-- <== Delete this and add the smaller-image class to the img above -->
Laura Stephenson
@lauralstephenson
Oct 20 2015 08:27
thanks, @h4r1m4u !
CamperBot
@camperbot
Oct 20 2015 08:27
lauralstephenson sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 270 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Laura Stephenson
@lauralstephenson
Oct 20 2015 08:27
Yay! It worked!
h4r1m4u
@h4r1m4u
Oct 20 2015 08:27
@lauralstephenson got it? :clap:
nice
do you understand what you did there?
eldar786
@eldar786
Oct 20 2015 08:31
does anyone know how to do task 12 section 2(html and css)
h4r1m4u
@h4r1m4u
Oct 20 2015 08:32
@eldar786 yes. what are you struggling with?
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:34
@h4r1m4u ty broo
h4r1m4u
@h4r1m4u
Oct 20 2015 08:34
@Reinhardcpn got it to work? great
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:34
@h4r1m4u yup bro thanks
CamperBot
@camperbot
Oct 20 2015 08:34
reinhardcpn sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 271 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 08:34
:clap:
eldar786
@eldar786
Oct 20 2015 08:34
You need 2 p elements with Kitty Ipsum text?
seems simple but it doesnt work
h4r1m4u
@h4r1m4u
Oct 20 2015 08:36
@eldar786 1) yes, you need to add another <p> element with the kitty ipsum text. 2) then you need to create a CSS rule that makes the font of the <p> elements 16px
Qadir Pervez
@qadirpervez
Oct 20 2015 08:36
hello
h4r1m4u
@h4r1m4u
Oct 20 2015 08:36
it's a two step process
@qadirpervez hi
Qadir Pervez
@qadirpervez
Oct 20 2015 08:37
how is everybody
eldar786
@eldar786
Oct 20 2015 08:37
i figure out
zhanks
h4r1m4u
@h4r1m4u
Oct 20 2015 08:38
@eldar786 good work
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:39
@h4r1m4u bro how about this question ? Your image should be 100 pixels wide.
h4r1m4u
@h4r1m4u
Oct 20 2015 08:40
@Reinhardcpn you need to set the width of the image to 100px by creating a CSS rule for its class
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:40
but not work bro
h4r1m4u
@h4r1m4u
Oct 20 2015 08:41
your code?
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:41
im input this code .smaller-image {
width:100px;
}
h4r1m4u
@h4r1m4u
Oct 20 2015 08:42
which is correct and should go between your <style> and </style> tags
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:44
still not work bro -_-
h4r1m4u
@h4r1m4u
Oct 20 2015 08:44
post all your code. you're doing something wrong
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:45

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width:100px;
}

</style>

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

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

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

eldar786
@eldar786
Oct 20 2015 08:46
img width="300"
try this
h4r1m4u
@h4r1m4u
Oct 20 2015 08:46
no
@Reinhardcpn as i told laura before, you need to assign the .smaller-image class to the relaxing-cat image
not to a new <img> tag
this is the new <img> tag you added <img class="smaller-image">. remove it and add the class to the cat image instead
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 08:48
WTF thank you so much bro im stuck 10 minute in this question -_-
CamperBot
@camperbot
Oct 20 2015 08:48
if you want to thank someone, put an @ before their name!
h4r1m4u
@h4r1m4u
Oct 20 2015 08:49
you're welcome. if you get stuck with these waypoints, always re-read the instructions and examples provided in the sidebar. you can solve pretty much all the waypoints by doing that
Manpreet Singh
@designviacode
Oct 20 2015 08:53
hey everyone .. :smile:
I'm trying to complete the chuky monkey bonfire ..
here's my code :
function chunk(arr, size) {
  // Break it up.
  count = 0;

  var some = arr.forEach(function(current) {
    if(count<2) {
      [].push(current);
      count++;
    }
  });
  return some;
}
i'm unsure how to push the current value in forEach to a new array ..
h4r1m4u
@h4r1m4u
Oct 20 2015 08:56
@designviacode here's a hint - your function doesn't use the size parameter in any way. instead you hard-coded the value of 2
Manpreet Singh
@designviacode
Oct 20 2015 08:56
the thing is .. on diff. test cases .. there would be diff .. sizes to split the array into .. so therefore i cannot explicitly define a variable for the array
h4r1m4u
@h4r1m4u
Oct 20 2015 08:56
correct - that's where the size parameter comes into play :)
Manpreet Singh
@designviacode
Oct 20 2015 08:56
@h4r1m4u i just did that for testing purposes ..
h4r1m4u
@h4r1m4u
Oct 20 2015 08:59
@designviacode fair enough. so now you need to do something similar, but leveraging the size parameter
Manpreet Singh
@designviacode
Oct 20 2015 09:02
@h4r1m4u the trouble i'm having in understand this .. is how to define a new array .. without giving it a variable to hold this array ..
h4r1m4u
@h4r1m4u
Oct 20 2015 09:02
@designviacode also, your code doesn't break the array into chunks. you just push the elements into the 'some' array one by one. so at the end, 'some' will look the same as 'arr'. instead, it should be an array of arrays, for example: [ [a, b, c], [d, e, f], [g, h] ]
Manpreet Singh
@designviacode
Oct 20 2015 09:02
ohhh..
wait ...
i think i might have something ..
eldar786
@eldar786
Oct 20 2015 09:03
Your h2 element should use the font Lobster.?? anyone
h4r1m4u
@h4r1m4u
Oct 20 2015 09:04
@eldar786 based on what you learned so far, how do you make an HTML element use a specific font?
eldar786
@eldar786
Oct 20 2015 09:13
<h2>font-family: Lobster</h2>
deosn't work
does anyone know
gow to use font lobster for h2 element
Manpreet Singh
@designviacode
Oct 20 2015 09:14
you must set font-family : Lobster .. in your css ..
@eldar786
not inside your html ..
George Netu
@georgenetu
Oct 20 2015 09:14

h2 {font-family: "Lobster";}

h4r1m4u
@h4r1m4u
Oct 20 2015 09:15
@eldar786 go back to the previous exercise, Set the Font Family of an Element, and re-read how you set font family for an HTML element via CSS
or just copy and paste the solution...
eldar786
@eldar786
Oct 20 2015 09:18
firs I do correct but it was one wrong place
h2 {
font-family: Lobster;
}
should be after style
h4r1m4u
@h4r1m4u
Oct 20 2015 09:19
yep. in between your <style> ... </style> tags
eldar786
@eldar786
Oct 20 2015 09:19
yees :)
h4r1m4u
@h4r1m4u
Oct 20 2015 09:20
all the CSS rules definitions need to go into your stylesheet which is delimited by the style tags. it can also be a separate, outside file, but you'll learn that later
Ankit Panwar
@coderNoob
Oct 20 2015 09:28

In my calculator, the buttons do not seem to be center below the textfield and I have tried everything so far to get them to be centered but the textfielf just seems to be a bit wider on the right side.
http://codepen.io/coderNoob/pen/xwXZdB?editors=110

Help.

h4r1m4u
@h4r1m4u
Oct 20 2015 09:29
@coderNoob which browser do you use? it looks fine in my chrome
Ankit Panwar
@coderNoob
Oct 20 2015 09:29
@h4r1m4u I'm using chrome. It looks fine in the preview mode but not in the debug mode.
@h4r1m4u Okay, my bad. It looks fine in the full page view. This is weird.
h4r1m4u
@h4r1m4u
Oct 20 2015 09:30
@coderNoob yeah, was about to say. it looks fine in all the views i just went through
Ankit Panwar
@coderNoob
Oct 20 2015 09:37
@h4r1m4u How can I increase the size of the cursor to the size of the text field? I mean like the text I made is big and the output in it is really small.
h4r1m4u
@h4r1m4u
Oct 20 2015 09:38
@coderNoob you mean the size of the numbers displayed on the display of the calculator?
Ankit Panwar
@coderNoob
Oct 20 2015 09:38
@h4r1m4u Yes
h4r1m4u
@h4r1m4u
Oct 20 2015 09:39
@coderNoob add font size to your #ans:
#ans {
  font-size: 3em;
}
Jose E. Pimentel
@jedpimentel
Oct 20 2015 09:39
@coderNoob the issue seems to be the window width
under a certain width it all just goes to the same line
h4r1m4u
@h4r1m4u
Oct 20 2015 09:40
@coderNoob if you then want to center the text vertically, just remove the padding-top from #ans
Ankit Panwar
@coderNoob
Oct 20 2015 09:40
@h4r1m4u Thanks. I didn't know the text size could change the field's size too.
CamperBot
@camperbot
Oct 20 2015 09:40
codernoob sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 272 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 09:41
:+1:
Amethystt
@Amethystt
Oct 20 2015 09:45

Hi guys. I'm totally new to all this coding stuff and I hope you'll help me from time to time.

Who can tell me how can I deal with this problem: $ is not defined ?

h4r1m4u
@h4r1m4u
Oct 20 2015 09:46
@Amethystt are you having the issue in a specific exercise? if so, could you post your code?
$ refers to the jQuery object
Ankit Panwar
@coderNoob
Oct 20 2015 09:52
@h4r1m4u My text field has a shadow inwards at the top if I put border-radius to it. How do I get rid of it?
h4r1m4u
@h4r1m4u
Oct 20 2015 09:53

@coderNoob

    border-style: solid;
    border-width: 1px;

add to #ans

the current border style is inset which is what creates the shadow
Amethystt
@Amethystt
Oct 20 2015 09:56

@h4r1m4u I'm on HTML and CSS now. Waypoint: Use an ID Attribute to Style an Element.
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

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

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}

.gray-background {
background-color: gray
}

#cat-photo-form {
background-color: green;
}
</style>

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

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

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

<div class="gray-background">
<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>
</div>

<form action="/submit-cat-photo" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

h4r1m4u
@h4r1m4u
Oct 20 2015 09:59
@Amethystt that looks like a bug as there's nothing in your code that should be giving you that error. moreover, your code passes for me. try to reset the exercise, reload the page, and put the same code back. see if it passes then
if not, report the bug
Ankit Panwar
@coderNoob
Oct 20 2015 10:02
@h4r1m4u Is there a way I can read the source code for the bootstrap components like btn class?
h4r1m4u
@h4r1m4u
Oct 20 2015 10:03
you can download the all the bootstrap css files from http://getbootstrap.com/ and investigate the classes there. or you can use developer tools in chrome to see which classes and style affect your elements
Amethystt
@Amethystt
Oct 20 2015 10:03
@h4r1m4u Thanks. Will try that
CamperBot
@camperbot
Oct 20 2015 10:03
amethystt sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 273 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 10:03
i'd encourage you to use the latter. the developer tools are amazing
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:10
@h4r1m4u can you hel me again? for this question? Nest your text input element within a form element.
Qadir Pervez
@qadirpervez
Oct 20 2015 10:11
explain js res
h4r1m4u
@h4r1m4u
Oct 20 2015 10:11
@Reinhardcpn which waypoint is it and what's your code?
Laura Stephenson
@lauralstephenson
Oct 20 2015 10:11
My anchor element nesting has gone horribly wrong, and I have failed to Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).
<p> View more
<a href="http://freecatphotoapp.com">
cat photos
</a>
here.</p>
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:12
my code like that "<form action="/submit-cat-photo"></form>"
h4r1m4u
@h4r1m4u
Oct 20 2015 10:12
@lauralstephenson that's actually looking ok to me
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:12
me too @lauralstephenson
Laura Stephenson
@lauralstephenson
Oct 20 2015 10:13
It looks correct and does the right thing in the mockup, but I don't understand how it isn't nested and how it doesn't have view more.
Qadir Pervez
@qadirpervez
Oct 20 2015 10:14
explain js res
h4r1m4u
@h4r1m4u
Oct 20 2015 10:14
@lauralstephenson can you try to put it on the same line:
<p class="red-text">View more <a href="http://www.freecatphotoapp.com"> cat photos</a></p>
it shouldn't matter, but just in case the tester doesn't like it on multiple lines
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:24
@lauralstephenson hay can you help me
Laura Stephenson
@lauralstephenson
Oct 20 2015 10:26
Sorry, @Reinhardcpn , I'm a noob. No game. The others in here are excellent.
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:27
@lauralstephenson i think im stack in lvl 35 can you help me?
Laura Stephenson
@lauralstephenson
Oct 20 2015 10:28
Hey, @h4r1m4u , the thing still says I don't have View More with a space, same code. The code is:
<p class="red-text">View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
It comes up fine in the box.
@Reinhardcpn , you should ask the most excellent @h4r1m4u for help.
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:30
@lauralstephenson hahaha oke, btw where you from?
@h4r1m4u can you help me again bro? im stack in question lvl 35 and the question is " Nest your text input element within a form element."
Laura Stephenson
@lauralstephenson
Oct 20 2015 10:31
An American living in Busan, South Korea.
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:32
@lauralstephenson wow nice to meet you
Laura Stephenson
@lauralstephenson
Oct 20 2015 10:33
@Reinhardcpn nice to meet you too
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:35
@lauralstephenson laura are dont in lvl 35?
@lauralstephenson done
h4r1m4u
@h4r1m4u
Oct 20 2015 10:37
@lauralstephenson @Reinhardcpn sorry, was afk
@lauralstephenson could you post your entire code? not just <p> tag
@Reinhardcpn post the entire code please too
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:37

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

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

h4r1m4u
@h4r1m4u
Oct 20 2015 10:38
which waypoint? @Reinhardcpn
also code format
format code
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:39
@h4r1m4u Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo.
Make sure your form element has a closing tag.
h4r1m4u
@h4r1m4u
Oct 20 2015 10:39
waypoint number?
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:39
Nest your text input element within a form element.
h4r1m4u
@h4r1m4u
Oct 20 2015 10:40
no waypoint called that. what's the number?
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:40
question number one bro
and the question "Nest your text input element within a form element."
Laura Stephenson
@lauralstephenson
Oct 20 2015 10:41

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

<p class="red-text">View more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>

h4r1m4u
@h4r1m4u
Oct 20 2015 10:41
dude, what's the waypoint number?
Laura Stephenson
@lauralstephenson
Oct 20 2015 10:41
I'm on 29.
h4r1m4u
@h4r1m4u
Oct 20 2015 10:42
@lauralstephenson ah, ok, here's the issue. you correctly nested the <p> and <a>, but the problem is that you added a new <p> and <a> at the end instead of nesting the existing <a>
remove the last <p> and nest the <a> underneath the <h2> instead
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:43
@h4r1m4u in my last code bro "<form action="/submit-cat-photo"></form>"
h4r1m4u
@h4r1m4u
Oct 20 2015 10:43

question number one bro

@Reinhardcpn i don't know what question number one refers to. if you want my help, please give me the waypoint number

Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:44
@h4r1m4u sory bro. this the waypoint "Create a Form Element"
h4r1m4u
@h4r1m4u
Oct 20 2015 10:45
@Reinhardcpn you need to put he <input> element they give you inside <form></form>
then you need to give the form an action attribute with the required url
you have this:
<input type="text" placeholder="cat photo URL">
<form action="/submit-cat-photo"></form>
the input is outside the form, it's not nested
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:47
@h4r1m4u done bro but still not work
h4r1m4u
@h4r1m4u
Oct 20 2015 10:47
how did you nest it?
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:49
im done in my code

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

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

but i have one quetion fail, and the question is "Nest your text input element within a form element."
h4r1m4u
@h4r1m4u
Oct 20 2015 10:49
please refer to my answer above. the input is not nested inside the form
it's outside the form
Serhii Borovskyi
@serhiicss
Oct 20 2015 10:50
<input type="text" placeholder="cat photo URL"> should be within <form action="/submit-cat-photo"></form>
<form action="/submit-cat-photo"> here </form>
:)
h4r1m4u
@h4r1m4u
Oct 20 2015 10:50
you nest elements like so:
<div>
  <p>I'm a nested p</p>
</div>
as opposed to:
<p>I'm not a nested p</p>
<div></div>
Laura Stephenson
@lauralstephenson
Oct 20 2015 10:58
Thanks, it worked @h4r1m4u !
CamperBot
@camperbot
Oct 20 2015 10:58
lauralstephenson sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 274 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 10:58
@lauralstephenson yay! :clap:
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 10:59
@h4r1m4u im still not understand bro :(
h4r1m4u
@h4r1m4u
Oct 20 2015 11:00
@Reinhardcpn this is your current code:
<input type="text" placeholder="cat photo URL">
<form action="/submit-cat-photo"></form>
the input is outside of the form tag. it's not nested
<form><p>this is a paragraph nested in form</p></form>
can you see the difference?
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:01
yups bro but this fucking one question still not work -- "Nest your text input element within a form element."
h4r1m4u
@h4r1m4u
Oct 20 2015 11:02
i don't think you're listening to me
i don't know how else to explain it to you and i don't want to give you the solution. i want you to figure it out
you need to put the <input> in between the <form> and </form> tag. that's how you nest elements
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:03
@h4r1m4u sorry bro because the weather here is very hot, and my brain like sucks now--
h4r1m4u
@h4r1m4u
Oct 20 2015 11:04
read through what i wrote above, you can figure it out. it's dead simple
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:05
@h4r1m4u okeoke bro
Laura Stephenson
@lauralstephenson
Oct 20 2015 11:06
Waypoint 30; now I feel stoopid. I am replacing href with a #. Apparently it's not that simple, because my link doesn't go dead.
Is it more than just a simple substitution?
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:07
@h4r1m4u OMG THANK YOU SO MUCH IM DONE THANK YOU SO MUCH BRO
CamperBot
@camperbot
Oct 20 2015 11:07
reinhardcpn sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 275 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 11:07
@lauralstephson "because my link doesn't go dead" or goes dead?
@Reinhardcpn great :)
Laura Stephenson
@lauralstephenson
Oct 20 2015 11:07
before the change <p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>
after the change <p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
h4r1m4u
@h4r1m4u
Oct 20 2015 11:08
yeah, that's not correct.
<a> needs the href attribute
Laura Stephenson
@lauralstephenson
Oct 20 2015 11:08
Okay, so where does the # go?
h4r1m4u
@h4r1m4u
Oct 20 2015 11:09
what you can do is <a href="#">link text</a>. this will create a sort of dummy link that doesn't really do anything upon a click
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:09
yup you need (href="#") @lauralstephenson
you need href to call a link
Laura Stephenson
@lauralstephenson
Oct 20 2015 11:10
Thanks @h4r1m4u ! I call ixnay on the directions. It is not intuitive to me to put the # after the = sign.
CamperBot
@camperbot
Oct 20 2015 11:10
lauralstephenson sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:warning: lauralstephenson already gave h4r1m4u points
h4r1m4u
@h4r1m4u
Oct 20 2015 11:12

@lauralstephenson you're welcome. if you think about it, the href attribute is not different from id or class or type attribute:

<div class="my-class"></div>
<p id="myID"></p>
<a href="#">dead link</a>

it's the same format

Ankit Panwar
@coderNoob
Oct 20 2015 11:12
@h4r1m4u I used button:focus { outline: 0 !important; } to remove the border after you clicked a button but the problem is my "=" is an input tag of type button and this doesn't apply to it. Is there a way around it?
h4r1m4u
@h4r1m4u
Oct 20 2015 11:13
@coderNoob can you link your pen again?
h4r1m4u
@h4r1m4u
Oct 20 2015 11:14
@coderNoob i see, so you don't like the way chrome borders the = button upon a click, correct?
with the blue border
Ankit Panwar
@coderNoob
Oct 20 2015 11:14
Yes
h4r1m4u
@h4r1m4u
Oct 20 2015 11:14
ok, one second
@coderNoob if button:focus { outline: 0 !important; } is a rule that removes the outline for <button> html tag, how would you modify the rule to work for <input> tags? :D
think about it, it's a piece of cake
Ankit Panwar
@coderNoob
Oct 20 2015 11:17
@h4r1m4u That is why I was hoping for an alternative to this. Okay let me think some more on it.
h4r1m4u
@h4r1m4u
Oct 20 2015 11:19
@coderNoob you've successfully remove the outline from buttons with the above rule. you can do something very similar for inputs.
Ankit Panwar
@coderNoob
Oct 20 2015 11:19
@h4r1m4u input[type="button"] { outline: 0 !important; } Thanks bro.
CamperBot
@camperbot
Oct 20 2015 11:19
codernoob sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 276 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 11:19
yep. that works. if you want to remove it from all inputs: input:focus { ... }
:clap:
anthonygallina1
@anthonygallina1
Oct 20 2015 11:35
hello
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:40
@h4r1m4u are you still here?
Jason Wood
@catapixel
Oct 20 2015 11:40
@samosale Sorry I was offline. Did you figure out 11-12? If not I'll go back and take a look for what you need to write to succeed.
h4r1m4u
@h4r1m4u
Oct 20 2015 11:40
@Reinhardcpn yep
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:44
can you help me again? Waypoint= Give a Background Color to a Div Element
Jason Wood
@catapixel
Oct 20 2015 11:44
@Reinhardcpn I can help you. What's your question?
h4r1m4u
@h4r1m4u
Oct 20 2015 11:45
@Reinhardcpn what code do you have so far?
anthonygallina1
@anthonygallina1
Oct 20 2015 11:45
@h4r1m4u could you do me a huge favor ? The portfolio pen you looked at last night I saved it in code pen and it was working. I just opened it to look at it and it is broken again.
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:45
@catapixel Give your div element the class gray-background and
Your div element should have a gray background.
h4r1m4u
@h4r1m4u
Oct 20 2015 11:46
@anthonygallina1 link the pen please
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:46
@h4r1m4u i dont understand bro for this waypoint
anthonygallina1
@anthonygallina1
Oct 20 2015 11:46
thank you I worked on it a long time
CamperBot
@camperbot
Oct 20 2015 11:46
if you want to thank someone, put an @ before their name!
Jason Wood
@catapixel
Oct 20 2015 11:47
@Reinhardcpn There is a complete line in the second paragraph that shows the completed syntax for the style if it were "green". This is what you need to add to your style element and just change "green" to "gray". Then in your code below you have a <div> that has your "Things cats love" stuff in it. You need to add your new gray-background class to that div. That's it to complete the challenge
h4r1m4u
@h4r1m4u
Oct 20 2015 11:47
@anthonygallina1 is there anything in particular you need fixing? it generally looks fine to me. the portfolio projects are wrapping fine
anthonygallina1
@anthonygallina1
Oct 20 2015 11:49
I dont understand how but the animation on hover was working fine and it was responsive lined up perfect when reduced now it doesnt Is that possible?
h4r1m4u
@h4r1m4u
Oct 20 2015 11:49
the animation on hover of what element? @anthonygallina1
anthonygallina1
@anthonygallina1
Oct 20 2015 11:50
I am the only one that can change code over there right
Oh on the projects in the portfolio section
I had it backed up on my desktop too but checked it and cleaned my desk top off: (
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:53
@catapixel im keep not understand bro
anthonygallina1
@anthonygallina1
Oct 20 2015 11:53
makes me wish I would have done it on a private server.
h4r1m4u
@h4r1m4u
Oct 20 2015 11:53
@anthonygallina1 on line 92 in your HTML pane, remove </div>
and you're back to action
Jason Wood
@catapixel
Oct 20 2015 11:54
@Reinhardcpn no problem. Show me the code for your style first
anthonygallina1
@anthonygallina1
Oct 20 2015 11:54
Thank you but have you ever seen anything like that before I meen they have to fork to change things right?
CamperBot
@camperbot
Oct 20 2015 11:54
if you want to thank someone, put an @ before their name!
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 11:55

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

</style>

<div>

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

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

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

h4r1m4u
@h4r1m4u
Oct 20 2015 11:55
@anthonygallina1 if somebody forks your pen, it'll create a copy of it, so that they can edit it. nobody can edit and save your own pen
you must have somehow added that </div> there accidentally yourself
D/S
@dantesolis
Oct 20 2015 11:55
@azamat89 Hey, I logged out yesterday and didn’t read your message until today. Did you figure it out
anthonygallina1
@anthonygallina1
Oct 20 2015 11:56
@h4r1m4u thats what I thought
h4r1m4u
@h4r1m4u
Oct 20 2015 11:57
@anthonygallina1 and that's how it works :D
Jason Wood
@catapixel
Oct 20 2015 11:57
@Reinhardcpn This is their example for how to create a class for a green background style. .green-background { background-color: green; } I don't see where you have included this in your <style></style> section and modified it to be gray instead of green.
h4r1m4u
@h4r1m4u
Oct 20 2015 11:57
so don't worry, nobody can change your code @anthonygallina1
anthonygallina1
@anthonygallina1
Oct 20 2015 11:57
@h4r1m4u darn now it isnt stacking right in the portfolio section again
Too strange
@h4r1m4u pulling it down to atom to check it.
h4r1m4u
@h4r1m4u
Oct 20 2015 12:02
@anthonygallina1 the issue that i can see is that you're adding 'img' class to your 'col-md-4' divs and then setting width: 25% on the 'img' class. this then overrides the bootstrap col-md-4 witdth and prevents the stacking
remove the img class from the col-mds or remove the width:25% from the img class
you'll need to play around with it to get it to do what you want, but that's the crux of it
i'll be afk for a while now, so may not respond right away
anthonygallina1
@anthonygallina1
Oct 20 2015 12:04
@h4r1m4u thank you
CamperBot
@camperbot
Oct 20 2015 12:04
anthonygallina1 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 277 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 12:05

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

gray-background {
background-color: gray;
}

</style>

<div>

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

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

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

dont bro but still not work
Jason Wood
@catapixel
Oct 20 2015 12:08
@Reinhardcpn the style is close. you missed a dot "." before the class in your style definition. This is critical. Step two is applying it to the <div>. Let's fix the style first and I'll help you do that. Also, it will be to the <div> just about the <p>Things cats love:</p> line. You can erase the one you typed in below your closing style tag
check the other class styles for what I mean about the dot if you are confused
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 12:11
@catapixel bro dont understand step two
Jason Wood
@catapixel
Oct 20 2015 12:13
@Reinhardcpn just below the </style> tag do you see the <h2> tag? It has a class called "red-text" added to it. You need to find the <div> tag just above the <p>Things cats love:</p> and add your "gray-background" class to it in the same way.
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 12:16
@catapixel can you give exemple?
Jason Wood
@catapixel
Oct 20 2015 12:18

@Reinhardcpn first did you add the dot to your gray-background style? It should look like this....

.gray-background { background-color: gray; }

Second, the example for adding a class to an element would look like this....

<h2 class="red-text">CatPhotoApp</h2>
The section/div you want to add it to currently looks like this...
<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 12:26
@catapixel thank you so much bro
CamperBot
@camperbot
Oct 20 2015 12:26
reinhardcpn sends brownie points to @catapixel :sparkles: :thumbsup: :sparkles:
:star: 474 | @catapixel | http://www.freecodecamp.com/catapixel
Jason Wood
@catapixel
Oct 20 2015 12:26
@Reinhardcpn no problem. Does that mean you got it?
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 12:26
@catapixel i got it and i got a logica
Nikola Mitić
@JohneyCodeUp
Oct 20 2015 12:38

Hello good people :D
How to find out how many instances of single constructive function exists?
How to write a function that will return number of instances?

function Quote(text, author, imgSrc) {
  this.text = text;
  this.author = author;
  this.imgSrc = imgSrc;
}

var quote1 = new Quote('Nikola je car', 'Nikola', 'img/nikola.png');
var quote2 = new Quote('Bicu dobar jednog dana, znam', 'Nikolina', 'img/nikolina.png');

I need something like this:

function quoteQuantity() {
return number;
//return number is 2;
}
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 12:42
@catapixel can you help me again?
Jason Wood
@catapixel
Oct 20 2015 12:42
@Reinhardcpn what's the question?
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 12:43
Waypoint: Set the ID of an Element
i dont know location to put this "cat-photo-app: <h2 id="cat-photo-app">"
Jason Wood
@catapixel
Oct 20 2015 12:49
@Reinhardcpn for that waypoint you are only supposed to add the "cat-photo-form" id to the form element. I'm confused by your question.
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 12:50

@catapixel In addition to classes, each HTML element can also have an id attribute.

There are several benefits to using id attributes, and you'll learn more about them once you start using jQuery.

id attributes should be unique. Browsers won't enforce this, but it is a widely agreed upon best practice. So please don't give more than one element the same id attribute.

Here's an example of how you give your h2 element the id of cat-photo-app: <h2 id="cat-photo-app">

Give your form element the id cat-photo-form.

@catapixel whare you from bro?
Jason Wood
@catapixel
Oct 20 2015 12:52
@Reinhardcpn Yes, that is an example of how to add an id to the h2 element but the waypoint instructions are the last line Give your form element the id cat-photo-form.
From the United States
RahulRamesh91
@RahulRamesh91
Oct 20 2015 12:52
Waypoint: Givea background color to a div element

.gray-backgrpund
{background-color: gray;}
</style>

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

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

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

<div class="gray-background">
<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>
</div>
<br>

Reinhard Christopher
@Reinhardcpn
Oct 20 2015 12:53
where a location bro @catapixel
RahulRamesh91
@RahulRamesh91
Oct 20 2015 12:53
i cant sent he color insipite of creating a class and assiging it to my div
h4r1m4u
@h4r1m4u
Oct 20 2015 12:53
@rahulRamesh91 you forgot to close the div: <div class="gray-background"></div>
sorry, meant @RahulRamesh91
Reinhard Christopher
@Reinhardcpn
Oct 20 2015 12:54
haha oke bro
RahulRamesh91
@RahulRamesh91
Oct 20 2015 12:54
umm i did after i have closed my <ol> tag
Jason Wood
@catapixel
Oct 20 2015 12:54
@h4r1m4u @RahulRamesh91 the closing div tag is after the closing ol tag
h4r1m4u
@h4r1m4u
Oct 20 2015 12:54
oh shoot, you're right, i dind't see that
Kamen08
@Kamen08
Oct 20 2015 12:54

Hey. Why

<div class='continer'>
  <div class="row">
       <h1>New</h1>
    <button name="button">button</button>
     </div> 
</div>

dont want to put my New and button in the same row??

h4r1m4u
@h4r1m4u
Oct 20 2015 12:55
@Kamen08 because h1 by default is a block element, meaning it fill 100% of its container
Jason Wood
@catapixel
Oct 20 2015 12:56
@RahulRamesh91 your code looks good to me. Try using the "reset" option to reset your code and just typing it in again. Do it the same way and let me know if you still have problems
RahulRamesh91
@RahulRamesh91
Oct 20 2015 12:56
was about to do tht...i have seen many ppl have the same prblm in this waypoint
h4r1m4u
@h4r1m4u
Oct 20 2015 12:56
@Kamen08 either you have to float it, e.g. float:left; or change it to an inline element, e.g. display:inline-block;
Kamen08
@Kamen08
Oct 20 2015 12:57
thanks @h4r1m4u
CamperBot
@camperbot
Oct 20 2015 12:57
kamen08 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 278 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 12:57
you bet
Serhii Borovskyi
@serhiicss
Oct 20 2015 12:57
You also have container misspelled
h4r1m4u
@h4r1m4u
Oct 20 2015 12:58
maybe he has a custom 'continer' class :)
just kidding, it must be a typo
Serhii Borovskyi
@serhiicss
Oct 20 2015 12:58
I thought he might :)
But it would not work well with bootstrap me thinks
Edward Dudley
@edaldud
Oct 20 2015 12:59
how to add 2 radio buttons. i have one already
<label>
<input type="radio" name="indoor-outdoor"> Indoor </label>
RahulRamesh91
@RahulRamesh91
Oct 20 2015 12:59
@catapixel resetting my code did the trick ..Thanks man :+1:
CamperBot
@camperbot
Oct 20 2015 12:59
rahulramesh91 sends brownie points to @catapixel :sparkles: :thumbsup: :sparkles:
:star: 475 | @catapixel | http://www.freecodecamp.com/catapixel
Jason Wood
@catapixel
Oct 20 2015 12:59
@RahulRamesh91 glad to hear it
Serhii Borovskyi
@serhiicss
Oct 20 2015 12:59
@edaldud add another line just like that?
h4r1m4u
@h4r1m4u
Oct 20 2015 12:59
@edaldud you can just duplicate the one you already have
and change its label to e.g. Outdoor
Edward Dudley
@edaldud
Oct 20 2015 13:01
Thanks
CamperBot
@camperbot
Oct 20 2015 13:01
if you want to thank someone, put an @ before their name!
Edward Dudley
@edaldud
Oct 20 2015 13:02
@serhiicss @h4r1m4u @camperbot Thanks!
CamperBot
@camperbot
Oct 20 2015 13:02
edaldud sends brownie points to @serhiicss and @h4r1m4u and @camperbot :sparkles: :thumbsup: :sparkles:
:star: 393 | @serhiicss | http://www.freecodecamp.com/serhiicss
:star: 381 | @camperbot | http://www.freecodecamp.com/camperbot
:star: 279 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Oct 20 2015 13:03
my pleasure
Aleksandar B.
@aleksandar-b
Oct 20 2015 13:03
@catapixel no, i was not been able to figure it out. I don't know what to put instead of <pack> ? Should I put the name that is in the JSON file?
Edward Dudley
@edaldud
Oct 20 2015 13:04
This is better than CodeCademy
Jason Wood
@catapixel
Oct 20 2015 13:11
@samosale can you paste what you're putting in so I can see it again? I'll go look at mine now.
Pravin Kerai
@yamd00t
Oct 20 2015 13:15
@edaldud agreed!
this is better than TeamTreehouse aswell
Edward Dudley
@edaldud
Oct 20 2015 13:16
This is better than lynda.com and udemy
Pravin Kerai
@yamd00t
Oct 20 2015 13:16
@edaldud totally
Edward Dudley
@edaldud
Oct 20 2015 13:16
i can't believe i spent all that money and waste all that time and come out with nothing.
Can i have a complete refund
You Killing me!
@haribol007 Awesome!
Raúl Eduardo Córdoba Diaz
@reppito
Oct 20 2015 13:19
i have problems in "Waypoint: Target Elements by Class Using jQuery"
the problem is that i put $(".well").addClass("animated shake");
but don't let me submit because "$ is not defined"
Aleksandar B.
@aleksandar-b
Oct 20 2015 13:20
@catapixel npm dist-tag addsale@1.0.2 customtag
h4r1m4u
@h4r1m4u
Oct 20 2015 13:22
@reppito are you putting it in the document.ready function?
  $(document).ready(function() {
   here?
  });
if yes, try to reset your code, reload the page, and try to put in the same code in again. the code itself looks correct
D/S
@dantesolis
Oct 20 2015 13:25
Hey there peeps. I’m having problems with the Bonfire: Palindrome challenge. Here is my code:
function palindrome(str) {
  // Good luck!
 var len = str.toLowerCase().length;
  for ( var i = 0; i < Math.floor(len/2); i++) {
    if (str[i] !== str[len - 1 - i]) {
      return false;
    }
  }
  return true;
}
palindrome("eye”);
Jason Wood
@catapixel
Oct 20 2015 13:25
@samosale the correct format is npm dist-tag add package@version tag or npm dist-tag add @user/package@version tag
in the code you pasted there is no space between "add" and "sale"
Pravin Kerai
@yamd00t
Oct 20 2015 13:26
@dantesolis try solving it with a regex
Raúl Eduardo Córdoba Diaz
@reppito
Oct 20 2015 13:27
$(document).ready(function() { $("button").addClass("animated bounce"); $(".well").addClass("animated shake"); });
h4r1m4u
@h4r1m4u
Oct 20 2015 13:27
@reppito that looks correct to me. try resetting the code and doing the same again
Raúl Eduardo Córdoba Diaz
@reppito
Oct 20 2015 13:28
i did twice or three times :worried: @h4r1m4u
Aleksandar B.
@aleksandar-b
Oct 20 2015 13:29
@catapixel I was writing it in console with space, but here i made a typo. Still nothing
Jason Wood
@catapixel
Oct 20 2015 13:30
@samosale like I said I never got it to work but that is definitely the right way to code it. There are lots of reports of bugs with this one. Here is a reference to show you you are doing it correctly: https://docs.npmjs.com/cli/dist-tag I'd just move on. You understand how the code should be written to add/remove/ls and that's the point
D/S
@dantesolis
Oct 20 2015 13:32

@haribol007 zut. Was trying to avoid that, but thanks will try that tomorrow. Have to go for now. Happy coding!..

PS: is there something similar to irb or pry for javascript on the command-line?

CamperBot
@camperbot
Oct 20 2015 13:32
dantesolis sends brownie points to @haribol007 :sparkles: :thumbsup: :sparkles:
:star: 192 | @haribol007 | http://www.freecodecamp.com/haribol007
Prateek Karnal
@Equlnox
Oct 20 2015 13:32
guys ... the 18th program in html and css shows errors
even though i have checked the code multiple times
i think its some bug
what can i do?
Aleksandar B.
@aleksandar-b
Oct 20 2015 13:32
@catapixel tnx. I am currently on I part on learnyounode, it is much easier for now then git and npm.
CamperBot
@camperbot
Oct 20 2015 13:32
samosale sends brownie points to @catapixel :sparkles: :thumbsup: :sparkles:
:star: 476 | @catapixel | http://www.freecodecamp.com/catapixel
Eric W
@eaw20024
Oct 20 2015 13:34
is there a way for students to get the code from the javascript slot machine that we finish and push it to our github accounts
Prateek Karnal
@Equlnox
Oct 20 2015 13:34
guys i need help in 18th program of html and css
it says that my image does not have a 10px border
Eric W
@eaw20024
Oct 20 2015 13:35
@Equlnox i can help with that
Prateek Karnal
@Equlnox
Oct 20 2015 13:36

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

}

whats wrong with this?
Pravin Kerai
@yamd00t
Oct 20 2015 13:38
@dantesolis try https://repl.it/
Eric W
@eaw20024
Oct 20 2015 13:39
is there a way for students to get the code from the javascript slot machine that we finished and push it to our github accounts
Pravin Kerai
@yamd00t
Oct 20 2015 13:39
The repl.it project is an attempt to create an online environment for interactively exploring programming languages. It provides a fully-featured terminal emulator and code editor, powered by interpreter engines for more than 15 languages.
Jason Wood
@catapixel
Oct 20 2015 13:41
@eaw20024 you could just "view source" and pull out the relevant parts into its own file(s)
Eric W
@eaw20024
Oct 20 2015 13:42
yea I was about to do that then I got intimidated with the thousands of lines of code lol @catapixel
Jason Wood
@catapixel
Oct 20 2015 13:43
@eaw20024 just use the Ctrl+F (find) to search for relevant keywords. It'll narrow it down for you. Everything you need is contained pretty closely together
Raúl Eduardo Córdoba Diaz
@reppito
Oct 20 2015 13:50
I can't continue in jQuery course, i have everything ok , but always tell me "$ is not defined"
handraiser
@handraiser
Oct 20 2015 13:51

Hello people. I'm having difficulties in the "Waypoint: Use the Bootstrap Grid to Put Elements Side By Side" exercise. My code is as follows and I'm too blind to see what I'm doing wrong:

<div class="row">
<div class="col-xs-4">Like</div>
<div class="col-xs-4">Info</div>
<div class="col-xs-4">Delete</div>
</div>

Raúl Eduardo Córdoba Diaz
@reppito
Oct 20 2015 13:51
y reset code, and reload web page many times
Eric W
@eaw20024
Oct 20 2015 13:54
@handraiser your code should look like this
@handraiser <div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
This message was deleted
handraiser
@handraiser
Oct 20 2015 13:55
@eaw20024 , I'm a dunderhead. Thanks a lot :)
CamperBot
@camperbot
Oct 20 2015 13:55
handraiser sends brownie points to @eaw20024 :sparkles: :thumbsup: :sparkles:
:star: 173 | @eaw20024 | http://www.freecodecamp.com/eaw20024
Jason Wood
@catapixel
Oct 20 2015 13:57
@reppito can you tell me which waypoint you are working on and paste in your code so I can see what you have?
vLDemonizer
@vLDemonizer
Oct 20 2015 14:12
he was doing waypoint 4 of JQuery
Catalin Anghel
@Lessar277
Oct 20 2015 14:13
Quick question. I'm on the Falsy Bouncer bonfire and I can't pass the last step because my array returns [NaN]. No idea why. Here is my code:
function bouncer(arr) {
    var falsys = [false, null, 0, "", undefined, NaN];
    function check (x) {
        return falsys.indexOf(x) < 0;
    }
    return arr.filter(check);
    }
bouncer([false, null, 0, NaN, undefined, ""]);
Susan
@SusanGrattan
Oct 20 2015 14:14
For practicing JavaScript: Flash cards vs just a written cheat sheet?
Moisés Man
@moigithub
Oct 20 2015 14:14
@reppito doing on codepen ?? IF so.. u need to include jQuery.. click on the cogwheel (JS section.. down there u will see a dropdown, pick jQuery)
IF its not codepen.. then u need to manually add a script tag to include jQuery on ur head section
Raúl Eduardo Córdoba Diaz
@reppito
Oct 20 2015 14:15
@catapixel I started to do the course in my laptop and started to work, I don't have Idea whats happen!
@catapixel @moigithub Thanks!
CamperBot
@camperbot
Oct 20 2015 14:15
reppito sends brownie points to @catapixel and @moigithub :sparkles: :thumbsup: :sparkles:
:star: 382 | @moigithub | http://www.freecodecamp.com/moigithub
:star: 477 | @catapixel | http://www.freecodecamp.com/catapixel
Jason Wood
@catapixel
Oct 20 2015 14:23
@Lessar277 I can help you with this but I'm not sure why you are choosing to return falsys.indexOf(x) < 0; Can you explain what you are trying to accomplish?
Mateo Pool
@IAmMyself
Oct 20 2015 14:32
This message was deleted
function drop(arr, func) {
  for (var i = 0; i < arr.length; i++) {
    if (func(arr[i])) {
      return arr;
    } else {
      var x = arr.shift();
    }
  }
  return [];
}
Why isn't this working on Bonfire: Drop it
Catalin Anghel
@Lessar277
Oct 20 2015 14:43
@catapixel the bonfire asks to remove all falsies from a given array. So I figured I'll use array.filter(). From what I gather, filter() takes each element and passes it as an argument in the callback function. For all elements in the array, if the callback returns true, it keeps the element, if it returns false, it removes it from that array.
Hans van Riet
@hansinla
Oct 20 2015 14:43
This message was deleted
Catalin Anghel
@Lessar277
Oct 20 2015 14:44
@catapixel so I wrote the check function which checks the array of falsies, and I need the falsies to return as false in the filter
if that makes sense
so that they are removed
Hans van Riet
@hansinla
Oct 20 2015 14:48
@Lessar277 You can just use if (x) return true;
Aleksandar B.
@aleksandar-b
Oct 20 2015 14:48
@Lessar277 hi, did you see our response in the main chat? The trick is that NaN !== NaN.
Catalin Anghel
@Lessar277
Oct 20 2015 14:49
yes, I was just reading that now, @samosale, thanks
CamperBot
@camperbot
Oct 20 2015 14:49
lessar277 sends brownie points to @samosale :sparkles: :thumbsup: :sparkles:
:star: 408 | @samosale | http://www.freecodecamp.com/samosale
Catalin Anghel
@Lessar277
Oct 20 2015 14:51
@hansinla that fixed it, now I'll just wrap my head around WHY it works, haha. Thanks a million
CamperBot
@camperbot
Oct 20 2015 14:51
lessar277 sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:star: 549 | @hansinla | http://www.freecodecamp.com/hansinla
Aleksandar B.
@aleksandar-b
Oct 20 2015 14:52
@Lessar277 so when indexOf is checking for NaN it can't find one bc NaN !== NaN, and throws -1
https://repl.it/BSL0
Hans van Riet
@hansinla
Oct 20 2015 14:52
@Lessar277 if forces (x) to be evaluated as a boolean
Karolis
@Luomint
Oct 20 2015 14:53
when Pomodoro timer enters the break phase (seconds < 1) how to make it run only once? I tried using break; but that breaks everything
Aleksandar B.
@aleksandar-b
Oct 20 2015 14:53
@Lessar277 you could also use Boolean(x);
Karolis
@Luomint
Oct 20 2015 14:54
var counter = setInterval(timerA, 1000); //1000 will  run it every 1 second
        function timerA() {
            count = count - 1;

            tCounter(count);
            lastCount = count;
            if (isActive = true) {
                if (count < 1) {
                    $("#button2").fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
                    $("#title").text("Time to have a break for 5 minutes");

                    count = count + breakTime;

                    isActive = false;
                }
            }
IsActive clause seems to do nothing either way
Edward Dudley
@edaldud
Oct 20 2015 14:54
where is the training for how to embed youtube video using html and css
Coira Ellison
@Coira
Oct 20 2015 14:55
@Luomint if (isActive = true) { --> if (isActive === true) { or even better if (isActive) {
Catalin Anghel
@Lessar277
Oct 20 2015 14:56
so if (x) and if x is either of the falsies, then it returns false?
Karolis
@Luomint
Oct 20 2015 14:56
@Coira that does look nice, it's just my code seems to ignore it, even if I set the global variable isActive = false it runs it anyway
Coira Ellison
@Coira
Oct 20 2015 14:56
@Luomint do you have codepen?
oh, double/triple =
Catalin Anghel
@Lessar277
Oct 20 2015 14:57
that's to say if (NaN) evaluates as false?
Karolis
@Luomint
Oct 20 2015 14:58
@coira I have it as isActive = true at the begining, http://codepen.io/luomint/pen/RWoLdR/
The blue button starts the timer, 300seconds is for the break timer, ignoring the design until backend is perfect
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:00
@Lessar277 yes all 7 falsey values evaluate itself as false
Catalin Anghel
@Lessar277
Oct 20 2015 15:01
@samosale ok, crystal clear now. Thanks a lot!
CamperBot
@camperbot
Oct 20 2015 15:01
lessar277 sends brownie points to @samosale :sparkles: :thumbsup: :sparkles:
:warning: lessar277 already gave samosale points
Amy Cotlow
@acotlow
Oct 20 2015 15:06
Hi there! I am currently on"Waypoint: Manipulate Arrays With pop" and have watched many JavaScript tutorial videos and done lots of googling but I am missing something that I am sure is very simple. Can someone help me with this question?
Revathy
@revathynair
Oct 20 2015 15:07
post the question @acotlow
code i meant
Mistereo
@Mistereo
Oct 20 2015 15:07
@acotlow give a link to this waypoint :)
Coira Ellison
@Coira
Oct 20 2015 15:08
@Luomint ok, so after pomodoro length is run, a message comes up saying time for break and the timer flashes and break time countdown starts, right?
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:08
@acotlow you probably have calledd pop() method twice.
Karolis
@Luomint
Oct 20 2015 15:08
@coira yes
Coira Ellison
@Coira
Oct 20 2015 15:09
@Luomint then after that the timer breaks. how do you check for when break time is over?
Karolis
@Luomint
Oct 20 2015 15:11
@Coira seems like I am not doing that hmm :D thanks I think that's what I need to work on now
Coira Ellison
@Coira
Oct 20 2015 15:11
@Luomint :) i wasn't sure
Amy Cotlow
@acotlow
Oct 20 2015 15:12
Screenshot (2).jpg
@Mistereo what do you mean?
Coira Ellison
@Coira
Oct 20 2015 15:15
@acotlow you can copy and paste your code here, also, what's the name of the waypoint?
Amy Cotlow
@acotlow
Oct 20 2015 15:16
the waypoint is: Waypoint: Manipulate Arrays With pop
Mistereo
@Mistereo
Oct 20 2015 15:16
@acotlow I mean the link to this waypoint/bonfire
Karolis
@Luomint
Oct 20 2015 15:16
bf manipulate
CamperBot
@camperbot
Oct 20 2015 15:16
Sorry, can't find a bonfire called manipulate. [ Check the map? ]
Karolis
@Luomint
Oct 20 2015 15:16
bf pop
CamperBot
@camperbot
Oct 20 2015 15:16
Sorry, can't find a bonfire called pop. [ Check the map? ]
Karolis
@Luomint
Oct 20 2015 15:16
hmm
Mistereo
@Mistereo
Oct 20 2015 15:16
bf manipulate arrays
CamperBot
@camperbot
Oct 20 2015 15:16
Sorry, can't find a bonfire called manipulate arrays. [ Check the map? ]
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:16
@acotlow put myArray.pop() in var removed, and delete the upper one
Amy Cotlow
@acotlow
Oct 20 2015 15:16

// var numbers = [1,2,3];
// console.log(numbers); // logs [1,2,3]
// var removed = numbers.pop();
// console.log(numbers); // logs [1,2]
// console.log(removed); // logs 3

var myArray = [["John", 23,] ["cat", 2]];
// Only change code below this line.

myArray.pop();

var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]

// Only change code above this line.
// We use this function to show you the value of your variable in your output box.
// You'll learn about functions soon.
(function(y, z){return 'myArray = ' + JSON.stringify(y) + ' & removed = ' + JSON.stringify(z);})(myArray, removed);

Ariel
@ArielLeslie
Oct 20 2015 15:17
explain format
CamperBot
@camperbot
Oct 20 2015 15:17

:point_right: code formatting [wiki]

Inline code

alt text

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

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

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

Ariel
@ArielLeslie
Oct 20 2015 15:17
@acotlow :point_up_2:
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:17
@acotlow ok , you just need this:
var removed = myArray.pop();
Mistereo
@Mistereo
Oct 20 2015 15:18
@acotlow yeah, .pop returns the last element of array.
And also remove myArray.pop() above :)
Amy Cotlow
@acotlow
Oct 20 2015 15:19
okay. i've done just that and it still hasn't accepted it
Mistereo
@Mistereo
Oct 20 2015 15:20
@acotlow paste your new code
Amy Cotlow
@acotlow
Oct 20 2015 15:20

var myArray = [["John", 23,] ["cat", 2]];
// Only change code below this line.

var removed = myArray.pop(); // This should be ["cat", 2] and myArray should now be ["John", 23]

// Only change code above this line.

Moisés Man
@moigithub
Oct 20 2015 15:21
This message was deleted
VeeShostak
@VeeShostak
Oct 20 2015 15:21
@acotlow restart the code
Mistereo
@Mistereo
Oct 20 2015 15:22
yeah
comma
@acotlow extra comma here: [["John", 23,] ["cat", 2]];
Moisés Man
@moigithub
Oct 20 2015 15:22
var myArray = [["John", 23,] ["cat", 2]];
var myArray = [["John", 23] ,["cat", 2]]; wrong place comma
Amy Cotlow
@acotlow
Oct 20 2015 15:22
hallelujah!
Mistereo
@Mistereo
Oct 20 2015 15:23
My English is terrible :)
Amy Cotlow
@acotlow
Oct 20 2015 15:23
thank you @Mistereo @moigithub @VeeShostak @samosale
CamperBot
@camperbot
Oct 20 2015 15:23
acotlow sends brownie points to @mistereo and @moigithub and @veeshostak and @samosale :sparkles: :thumbsup: :sparkles:
:star: 411 | @samosale | http://www.freecodecamp.com/samosale
:star: 313 | @mistereo | http://www.freecodecamp.com/mistereo
:star: 383 | @moigithub | http://www.freecodecamp.com/moigithub
:star: 199 | @veeshostak | http://www.freecodecamp.com/veeshostak
Amy Cotlow
@acotlow
Oct 20 2015 15:23
THANK YOU
CamperBot
@camperbot
Oct 20 2015 15:23
if you want to thank someone, put an @ before their name!
Susan
@SusanGrattan
Oct 20 2015 15:26
var Car = function() {
   this.wheels = 4;
};

// Only change code below this line.
var myCar = new Car(); 

//Add the property "engines" to myCar, and make it a number.


// Only change code above this line.
(function() {return JSON.stringify(myCar);})();
Can anyone help me with this? I'm not sure what I am supposed to do..
It says "Add an engines property with a number value to the myCar instance."
Ariel
@ArielLeslie
Oct 20 2015 15:27
Yes. Ad a property called engines. You can set it to any number you want.
Susan
@SusanGrattan
Oct 20 2015 15:28
Got that... How do I do it? Just type engines = 1?
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:31
@SusanGrattan you are adding a property to an object with a dot or ['propertyName']. So it should be myCar.engines = 3, or myCar['engines'] = 3 .
Susan
@SusanGrattan
Oct 20 2015 15:31
it keeps saying the property needs to be a number
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:31
@ArielLeslie no need for that really
@SusanGrattan myCar.engines = 3
assign a value to a property with =
Susan
@SusanGrattan
Oct 20 2015 15:33
Ooops. I forgot the S on engines. Thanks @samosale
CamperBot
@camperbot
Oct 20 2015 15:33
susangrattan sends brownie points to @samosale :sparkles: :thumbsup: :sparkles:
:star: 412 | @samosale | http://www.freecodecamp.com/samosale
spegla
@spegla
Oct 20 2015 15:33
hi
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:33
@SusanGrattan npm
spegla
@spegla
Oct 20 2015 15:34
I dont understand [164] lesson
can someboy help me
somebody
Coira Ellison
@Coira
Oct 20 2015 15:35
what's the waypoint called, and do you have any code?
spegla
@spegla
Oct 20 2015 15:36
here is a code

//Let's create an object with two functions. One attached as a property and one not.
var Car = function() {
this.gear = 1;
function addStyle(styleMe){
return 'The Current Gear Is: ' + styleMe;
}
this.getGear = function() {
return addStyle(this.gear);
};
};

var Bike = function() {
// Only change code below this line.
this.speed = 100;
function addUnit(value) {
return value + "KM/H";
}

getSpeed = function () {
return addUnit(speed);
};

};

// Only change code above this line.
var myCar = new Car();
var myBike = new Bike();

if(myBike.hasOwnProperty('getSpeed')){(function() {return JSON.stringify(myBike.getSpeed());})();};

Waypoint: Make Object Properties Private
See if you can keep myBike.speed and myBike.addUnit private, while making myBike.getSpeed publicly accessible.
Ariel
@ArielLeslie
Oct 20 2015 15:36
explain format
CamperBot
@camperbot
Oct 20 2015 15:36

:point_right: code formatting [wiki]

Inline code

alt text

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

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

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

Ariel
@ArielLeslie
Oct 20 2015 15:36
@spegla :point_up_2:
spegla
@spegla
Oct 20 2015 15:38
'
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:38
@spegla it should be this.getSpeed
Coira Ellison
@Coira
Oct 20 2015 15:39
@spegla do you understand about private and public variables/functions?
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:40
@spegla this is placehlder to a unknown object and . is just assigning property to that object, and anyone can access it. But if you use var it is just a variable inside the construct
hitesh99
@hitesh99
Oct 20 2015 15:44

<p>View more <a href="http://freecodecamp.com"> cat photos</a></p>

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

what am i doing wrong here?
Ariel
@ArielLeslie
Oct 20 2015 15:45
@hitesh99 Did you rerun your tests?
hitesh99
@hitesh99
Oct 20 2015 15:46
@ArielLeslie yes a few times
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:46
@hitesh99 you are doing it right. Are you using IE?
hitesh99
@hitesh99
Oct 20 2015 15:46
chrome
Coira Ellison
@Coira
Oct 20 2015 15:46
@hitesh99 is the line in the right place? i know some people were having trouble with it as they'd put the line at the end of the code
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:46
@hitesh99 paste a link here
Ariel
@ArielLeslie
Oct 20 2015 15:46
@hitesh99 Both tests are still showing failed
hitesh99
@hitesh99
Oct 20 2015 15:48
it is at the end of the code
Coira Ellison
@Coira
Oct 20 2015 15:49
@hitesh99 try it with the a href link a bit further up :)
Moisés Man
@moigithub
Oct 20 2015 15:50
most TEST check for an exact string match... if u not provide what it expects it will fail... even if ur code is correct
Jason
@Skiippa
Oct 20 2015 15:53
Can someone help me with "waypoint: line up form elements responsively with bootstrap" ? (<div class = "col-xs-5"> is highlighted)
hitesh99
@hitesh99
Oct 20 2015 15:53
just 1 more error
Jason
@Skiippa
Oct 20 2015 15:53
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  h2 {
    font-family: Lobster, Monospace;
  }

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

</style>

<div class="container-fluid">
  <div class="row">
    <div class="col-xs-8">
      <h2 class="text-primary text-center">CatPhotoApp</h2>
    </div>
    <div class="col-xs-4">
      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
    </div>
  </div>
  <img src="http://bit.ly/fcc-running-cats" class="img-responsive">
  <div class="row">
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
    </div>
  </div>
  <p>Things cats <span class="text-danger">love:</span></p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="/submit-cat-photo">
    <div class="row">
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
      </div>
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Loving</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Lazy</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Crazy</label>
      </div>
    </div>
    <div class = "row">
      <div class = "col-xs-7">
    <input type="text" class="form-control" placeholder="cat photo URL" required>
        </div
        <div class = "col-xs-5">
         <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>
           Submit </button> 
      </div>
    </div>
  </form>
</div>
Its at the bottom
hitesh99
@hitesh99
Oct 20 2015 15:54
is regarding the spacing
weird
Coira Ellison
@Coira
Oct 20 2015 15:54
@hitesh99 move it back to the top again
Aleksandar B.
@aleksandar-b
Oct 20 2015 15:54
@hitesh99 just skip it. It is a bug
Moisés Man
@moigithub
Oct 20 2015 15:54
@hitesh99 what @Coira said
hitesh99
@hitesh99
Oct 20 2015 15:54
lol, moved it to the top and it worked!
strange
thanks @moigithub and @Coira
CamperBot
@camperbot
Oct 20 2015 15:55
hitesh99 sends brownie points to @moigithub and @coira :sparkles: :thumbsup: :sparkles:
:star: 281 | @coira | http://www.freecodecamp.com/coira
:star: 384 | @moigithub | http://www.freecodecamp.com/moigithub
Coira Ellison
@Coira
Oct 20 2015 15:55
np, second time i've seen that happen :)
Jason
@Skiippa
Oct 20 2015 15:57
Anyone want to help me?
I've put my problem above :)
Moisés Man
@moigithub
Oct 20 2015 15:58
@Skiippa code seems correct.. what test failing ... probably it not asking what u wrote...
Jason
@Skiippa
Oct 20 2015 15:59
"Nest your form submission button in a div with the class col-xs-5.
Make sure each of your div elements has a closing tag."
Joseph Botros
@josephwasily
Oct 20 2015 16:00
Hi all
Moisés Man
@moigithub
Oct 20 2015 16:01
@Skiippa try to remove extra spaces.. n refresh page <div class="col-xs-5">
Jason
@Skiippa
Oct 20 2015 16:02
@moigithub Still highlighted
Matt Yamamoto
@MattYamamoto
Oct 20 2015 16:02
@Skiippa your closing div tag after the input is missing a >
8th line from the bottom
Jason
@Skiippa
Oct 20 2015 16:03
@MattYamamoto Thanks , always 1 thing off xD
CamperBot
@camperbot
Oct 20 2015 16:03
skiippa sends brownie points to @mattyamamoto :sparkles: :thumbsup: :sparkles:
:star: 385 | @mattyamamoto | http://www.freecodecamp.com/mattyamamoto
Jason
@Skiippa
Oct 20 2015 16:07
What was the term used for a program that checks your code?
Moisés Man
@moigithub
Oct 20 2015 16:10
for syntax errors ???
"linting" ?
Spencer
@lopez567
Oct 20 2015 16:11
Hello, has anyone had trouble connecting to the mongodb module in learnyoumongo (c9.io). I get this error :smile: "module.js:340
throw err;
^
Error: Cannot find module 'mongodb'
Jason
@Skiippa
Oct 20 2015 16:12
@moigithub That's it thanks
CamperBot
@camperbot
Oct 20 2015 16:12
skiippa sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
Moisés Man
@moigithub
Oct 20 2015 16:12
@lopez567 mongod is running ??
CamperBot
@camperbot
Oct 20 2015 16:12
:star: 385 | @moigithub | http://www.freecodecamp.com/moigithub
Esteban
@fr0gs
Oct 20 2015 16:13
help
CamperBot
@camperbot
Oct 20 2015 16:13

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

Esteban
@fr0gs
Oct 20 2015 16:13
find js
CamperBot
@camperbot
Oct 20 2015 16:13

find js

:zero: js fundamental
:one: js resources
:two: zipline use the twitchtv json api
:three: js arguments
:four: js closures
:five: js falsy
:six: js filter
:seven: js for in
:eight: js for of
:nine: js for
:one::zero: js functions
:one::one: js immutable
:one::two: js indexof
:one::three: js loops
:one::four: js map
:one::five: js regex
:one::six: js scope
:one::seven: js slice
:one::eight: js ternary
:one::nine: js truthy

limited to first 20 entries.
type find js again for more enteries.

Rex Schrader
@SaintPeter
Oct 20 2015 16:14
@fr0gs Need a hand?
Esteban
@fr0gs
Oct 20 2015 16:14
@SaintPeter I was just trying to remember the command to list all javascript resources
Rex Schrader
@SaintPeter
Oct 20 2015 16:14
find js resources
CamperBot
@camperbot
Oct 20 2015 16:14

find js resources

:zero: js resources

Esteban
@fr0gs
Oct 20 2015 16:14
from the wiki, I remember someone had typed it a couple days ago
Rex Schrader
@SaintPeter
Oct 20 2015 16:14
0
Esteban
@fr0gs
Oct 20 2015 16:14
thx @SaintPeter !
CamperBot
@camperbot
Oct 20 2015 16:14
fr0gs sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1095 | @saintpeter | http://www.freecodecamp.com/saintpeter
Rex Schrader
@SaintPeter
Oct 20 2015 16:15
@fr0gs Remember that you can also search on the Wiki proper: https://github.com/FreeCodeCamp/freecodecamp/wiki
Esteban
@fr0gs
Oct 20 2015 16:16
@SaintPeter Yep , I was still trying to figure out some commands to the camperbot :P I think I'll do it in an empty room :)
Rex Schrader
@SaintPeter
Oct 20 2015 16:17
Esteban
@fr0gs
Oct 20 2015 16:17
Oki doki
DTing
@dting
Oct 20 2015 16:17
@Skiippa what do you mean by checks?
oops chat lag
Spencer
@lopez567
Oct 20 2015 16:17
@moigithub Im running mongod on the one terminal and then Im verifying in another terminal
Jason
@Skiippa
Oct 20 2015 16:18
@dting I meant "linting"
JMitnik
@JMitnik
Oct 20 2015 16:19
Hey guys, if I want to get a tag's text (a h2), but want to contain its css, how do I do that?
keep*
Moisés Man
@moigithub
Oct 20 2015 16:20
@Skiippa there are lot of online tools to check for syntax errors.. and also some text/code editors have lint modules included / or u can install/add em as add-ons
Rex Schrader
@SaintPeter
Oct 20 2015 16:20
@JMitnik Can you give some context?
JMitnik
@JMitnik
Oct 20 2015 16:20
So if I want to grab a h2 with background-color white, and want to use $('new h2').text(h2), to keep the background-color
In my case, I want to get all the information(h2 and p) in one place and put that in another div with its own h2 and p
And to keep their style intact
Rex Schrader
@SaintPeter
Oct 20 2015 16:21
@JMitnik With jQuery you can use the .css or .attr('class') to pull those values
@JMitnik But there is no way to ensure that you ALWAYS get applied attributes. If the h2 doesn't have a class or an inline style, you can't be sure what it has. You might be able to pull its color using jQuery and then apply it using .css
JMitnik
@JMitnik
Oct 20 2015 16:22
@SaintPeter so $('original-div').find('h2').css, store that in a seperate var from the text?
Edward Dudley
@edaldud
Oct 20 2015 16:23
Nest your i element within your button element.
<i class="fa fa-thumbs-up"> <button class="btn btn-block btn-info">Info</button></i>
</div>
Rex Schrader
@SaintPeter
Oct 20 2015 16:23
@JMitnik Yeah, then use .css to write it back out. I do have to ask, though, why don't you know the color that you want it to be? You're writing the code, you ought to be able to sort of plan ahead.
Aleksandar B.
@aleksandar-b
Oct 20 2015 16:23
@JMitnik you can use jQuery filter method
JMitnik
@JMitnik
Oct 20 2015 16:24
@SaintPeter, well not only colour, but I basically want all the css properties of the original h2 to be put in the original div
Rex Schrader
@SaintPeter
Oct 20 2015 16:24
@JMitnik It would be much better to use a class to define your h2 color and apply that to the new h2 and, frankly, copying html from place to place is a bit of a mugs game.
@JMitnik Better to define new HTML in your JS and write it out.
@JMitnik Because you just don't want to be using HTML as a data store.
Aleksandar B.
@aleksandar-b
Oct 20 2015 16:25
@JMitnik if you are using pure javascript you could get style property object and store in variable
JMitnik
@JMitnik
Oct 20 2015 16:26
Hmm, of course, just grab the class, and apply it to the new h2
That's perhaps smarter actually :')
This message was deleted
Rex Schrader
@SaintPeter
Oct 20 2015 16:27
@JMitnik More along the lines this:
$('<h2 class="someClass">some Text</h2>').appendTo('.locationClass');
JMitnik
@JMitnik
Oct 20 2015 16:28
@SaintPeter Thanks, I think I got it :)
CamperBot
@camperbot
Oct 20 2015 16:28
jmitnik sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1096 | @saintpeter | http://www.freecodecamp.com/saintpeter
Rex Schrader
@SaintPeter
Oct 20 2015 16:28
@JMitnik or:
var output = "<h2 class="someClass">some Text</h2>";
$('.destinationClass').append(output);
@JMitnik :D
Joseph Botros
@josephwasily
Oct 20 2015 16:31
i would like to see the tests output result below the editor window, i dream to see that before finishing the learning map!
Nick To
@nicktacto
Oct 20 2015 16:32
Capture.PNG
dont know what im doint wrong here with the .push()
any advice would be mush appreciated
Rex Schrader
@SaintPeter
Oct 20 2015 16:33
@josephwasily Use http://repl.it - I used it to develop and test all of my Bonfires
Byron Lagrone
@byronic
Oct 20 2015 16:34
@nicktacto looks like we're missing the semi-colon on the end of the push line.
Rex Schrader
@SaintPeter
Oct 20 2015 16:34
@nicktacto Where did that pop come from?
Nick To
@nicktacto
Oct 20 2015 16:34
@SaintPeter it came from the last waypoint
Rex Schrader
@SaintPeter
Oct 20 2015 16:35
@nicktacto Oh, I see, it's part of the problem definition
Byron Lagrone
@byronic
Oct 20 2015 16:35
@nicktacto the pop is fine. Add a semi-colon to the end of your push statement. ;)
Nick To
@nicktacto
Oct 20 2015 16:35
@byronic MISSING THE SEMICOLON!!
Byron Lagrone
@byronic
Oct 20 2015 16:35
mindeed
Did that fix it?
Nick To
@nicktacto
Oct 20 2015 16:35
Yup
Thanks all
CamperBot
@camperbot
Oct 20 2015 16:35
if you want to thank someone, put an @ before their name!
Nick To
@nicktacto
Oct 20 2015 16:36
@byronic THANK YOU!
CamperBot
@camperbot
Oct 20 2015 16:36
nicktacto sends brownie points to @byronic :sparkles: :thumbsup: :sparkles:
:star: 167 | @byronic | http://www.freecodecamp.com/byronic
Nick To
@nicktacto
Oct 20 2015 16:36
@SaintPeter THANK YOU!
CamperBot
@camperbot
Oct 20 2015 16:36
nicktacto sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1098 | @saintpeter | http://www.freecodecamp.com/saintpeter
Jason
@Skiippa
Oct 20 2015 16:36
Is there a difference between using " " and ' ' ?
Rex Schrader
@SaintPeter
Oct 20 2015 16:36
@Skiippa Nope
@Skiippa (assuming there are spaces in there)
Jason
@Skiippa
Oct 20 2015 16:37
Yea just spaces
Rex Schrader
@SaintPeter
Oct 20 2015 16:39
@Skiippa The only difference between them are what you can have inside, in terms of quotes:
var aString = 'This has "Double Quotes" inside it';
var bString = "This has 'Single Quotes' inside it";
Jason
@Skiippa
Oct 20 2015 16:39
Ok so any time you quote inside a quote you would use opposites then?
Rex Schrader
@SaintPeter
Oct 20 2015 16:40
@Skiippa Precisely
Byron Lagrone
@byronic
Oct 20 2015 16:43
@Skiippa @SaintPeter For thoroughness, you can also use the \ character (if you wish to put double-quotes inside your double-quoted string), i.e. var cString = "My string has \"Double Quotes\" inside it, too.";
Jason
@Skiippa
Oct 20 2015 16:43
Ok !
Byron Lagrone
@byronic
Oct 20 2015 16:43
For readability I don't think you can beat the way of @SaintPeter though
Rex Schrader
@SaintPeter
Oct 20 2015 16:43
@byronic @Skiippa True, but who wants to live in backspace hell?
Byron Lagrone
@byronic
Oct 20 2015 16:44
like I said, lol
Rex Schrader
@SaintPeter
Oct 20 2015 16:44
@byronic But, yeah, possible if you need it.
var dString = 'I don\'t like "backslashes"';
Jason
@Skiippa
Oct 20 2015 16:48
not sure what its asking me on "Waypoint: Add ID Attributes to Bootstrap Element"
<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <div class="well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
      </div>
    </div>
    <div class="col-xs-6">
      <div class="well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
      </div>
    </div>
  </div>
</div>
"Give your left well the id of left-well.
Give your right well the id of right-well."
Alrem
@alrem26
Oct 20 2015 16:49
Hello world
CamperBot
@camperbot
Oct 20 2015 16:49

welcome to FreeCodeCamp @alrem26!

Rex Schrader
@SaintPeter
Oct 20 2015 16:50
@alrem26 Need help already? Or just visiting?
Avendable
@Avendable
Oct 20 2015 16:50
hi, im new