These are chat archives for FreeCodeCamp/Help

19th
Jun 2016
iccomq
@iccomq
Jun 19 2016 00:00
honestly i dont know much about breaking out of loops, i know you can do it with break, from what you linked it seems not to work with foreach
so i am clueless
Manish Giri
@Manish-Giri
Jun 19 2016 00:01
does anyone know
how to pull up terminal inside Atom
@iccomq I’m gonna break my mac
Mark
@marekx371
Jun 19 2016 00:01
some one help me please with this
Set the value of your placeholder attribute to "cat photo URL".
r2d2
@UsamaHameed
Jun 19 2016 00:01
In your style tags add a class named smaller-image and give it a property of width:100px @cao2828
@marekx371 paste your code here
iccomq
@iccomq
Jun 19 2016 00:02
@Manish-Giri good, get pc
Mark
@marekx371
Jun 19 2016 00:02

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

<input type="text" placeholder text>

Manish Giri
@Manish-Giri
Jun 19 2016 00:02
mac is also pc
r2d2
@UsamaHameed
Jun 19 2016 00:02
@cao2828 Like this.
.smaller-image {
width:100px;
}
Manish Giri
@Manish-Giri
Jun 19 2016 00:02
personal comp
iccomq
@iccomq
Jun 19 2016 00:02
@Manish-Giri i might have a solution
Alexander Køpke
@alexanderkopke
Jun 19 2016 00:02
@Manish-Giri have you installed the package for it?
r2d2
@UsamaHameed
Jun 19 2016 00:03
then apply that class to your img tag just like you applied the red-text class to your h2 element
@cao2828
Manish Giri
@Manish-Giri
Jun 19 2016 00:03
@alexanderkopke I was hoping it could be done by default, like in webstorm/intelliJ
iccomq
@iccomq
Jun 19 2016 00:03
@Manish-Giri you might be able to throw new Error("Something went badly wrong!");
Manish Giri
@Manish-Giri
Jun 19 2016 00:03
@iccomq lol! Now we’re talking Exceptions for such a simple problem!
iccomq
@iccomq
Jun 19 2016 00:04
however, its in context of stopping of executing module
so keep that in mind
r2d2
@UsamaHameed
Jun 19 2016 00:04
@marekx371 <input type="text" placeholder="add text here">
Mark
@marekx371
Jun 19 2016 00:04
thank you
iccomq
@iccomq
Jun 19 2016 00:06
@Manish-Giri from fast googling it seems that this solution will terminate whole javascript execution but im to lazy to read more about that
well yeah Exeptions
but i know nothing about it so, well
go get em @Manish-Giri
Manish Giri
@Manish-Giri
Jun 19 2016 00:07
@iccomq which is why I was using some(), but eh that doesn’t work too
lol
that looks like @diomed
iccomq
@iccomq
Jun 19 2016 00:07
everything looks like @diomed to you
Manish Giri
@Manish-Giri
Jun 19 2016 00:07
lol
he’s the ultimate cat champion
damn
Adonis
@Adonis19
Jun 19 2016 00:09

hi hacker, im having issue. th eproblem ask to add a placeholder on the cat url, but this is so far what i have.<p>Click here for <input type="text"placeholder=<a href="#">cat photos</a>.</p>

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

Manish Giri
@Manish-Giri
Jun 19 2016 00:09
i’m starting to hate atom
humansAreDum
@humansAreDum
Jun 19 2016 00:09
woah wah woah what did i just readddd
I have lost fate in humanity
How could u ever say dat
:(
atom is the building block of everything, you cant hate it.
Manish Giri
@Manish-Giri
Jun 19 2016 00:11
yeah
tell me how to open terminal in atom
never mind, looks like term2 is fucked
Alloysius
@TheOnlyMoose
Jun 19 2016 00:13
Just finished my tribute page
Need that criticism
Alexander Køpke
@alexanderkopke
Jun 19 2016 00:23
@Manish-Giri omg thx!! terminal in atom is brilliant!
CamperBot
@camperbot
Jun 19 2016 00:23
alexanderkopke sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1278 | @manish-giri |http://www.freecodecamp.com/manish-giri
Adonis
@Adonis19
Jun 19 2016 00:27

ok i need help on this. The problem ask to put a placeholder on the cat photo URL. i know that the url is a dead one, however i cant figure put how to place a placeholder to the url. This is the untouched code <h2 class="red-text">CatPhotoApp</h2>

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

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>
And this what i try to do h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a <input type="text"placeholder=href="#">cat photos</a>.</p>

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

Alexander Køpke
@alexanderkopke
Jun 19 2016 00:29
@Adonis19 what is the placeholder supposed to contain?
Manish Giri
@Manish-Giri
Jun 19 2016 00:30
@alexanderkopke um okay, welcome, I guess
Adonis
@Adonis19
Jun 19 2016 00:30
@alexanderkopke “cat photo url
Alexander Køpke
@alexanderkopke
Jun 19 2016 00:31
@Adonis19 usually one just sets placeholder="cat photo url" but I don't remember if this is the same for links
Adonis
@Adonis19
Jun 19 2016 00:32
This message was deleted
Alexander Køpke
@alexanderkopke
Jun 19 2016 00:32
@Adonis19 what is the name of the challenge?
Adonis
@Adonis19
Jun 19 2016 00:32
@alexanderkopke Add Placeholder Text to a Text Field
Manish Giri
@Manish-Giri
Jun 19 2016 00:32
does anyone know
if you can download devdocs for offline viewing/integration with atom
elektra8875
@elektra8875
Jun 19 2016 00:33
can someone help with the "use the bootstrap grid to put elements side by side
challenge
iccomq
@iccomq
Jun 19 2016 00:35
@Manish-Giri i dont know if you want to know but
Alexander Køpke
@alexanderkopke
Jun 19 2016 00:35
@Adonis19 ah ok I misunderstood. it is the input the placeholder is added to: <input type="text" placeholder="cat photo URL">
elektra8875
@elektra8875
Jun 19 2016 00:35
how do you nest the bootstrap buttons with its on div element with the class col-xs-4
Adonis
@Adonis19
Jun 19 2016 00:38
@alexanderkopke OMG thanks, its really embarrassing when its was something so simple. bu tthx
CamperBot
@camperbot
Jun 19 2016 00:38
adonis19 sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:cookie: 677 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Jun 19 2016 00:40
:)
Onome Sotu
@onomesotu
Jun 19 2016 00:42
@elektra8875 do you still need help?
Ignacio Alanis Jr
@ialanis7
Jun 19 2016 00:45
Hey!How do I link the FCC account to my git hub? i skipped that step as i joined -_-
Onome Sotu
@onomesotu
Jun 19 2016 00:46
i dont think, you can link it. you can creat a github account and then follow fcc to view the repos
Manish Giri
@Manish-Giri
Jun 19 2016 00:47
@iccomq temme
iccomq
@iccomq
Jun 19 2016 00:47
@Manish-Giri i just wanted to tell that i dont know
youre welcome
Manish Giri
@Manish-Giri
Jun 19 2016 00:48
huh
iccomq
@iccomq
Jun 19 2016 00:48
im helping! :innocent:
Manish Giri
@Manish-Giri
Jun 19 2016 00:48
:volcano:
as a greek dj and producer
iccomq
@iccomq
Jun 19 2016 00:48
krakatau
Manish Giri
@Manish-Giri
Jun 19 2016 00:48
youre supposed to help pepole
iccomq
@iccomq
Jun 19 2016 00:48
i told you im were-dj
Manish Giri
@Manish-Giri
Jun 19 2016 00:49
well its full moon here
iccomq
@iccomq
Jun 19 2016 00:49
on one rave i got bitten by dj
thats why im up, and mixing
Manish Giri
@Manish-Giri
Jun 19 2016 00:49
:metal:
iccomq
@iccomq
Jun 19 2016 00:50
:musical_keyboard:
Manish Giri
@Manish-Giri
Jun 19 2016 00:50
:saxophone:
I hope we dont get kicked out of here for spamming
iccomq
@iccomq
Jun 19 2016 00:50
im not goin any deeper
Manish Giri
@Manish-Giri
Jun 19 2016 00:50
oh well there’s noone around either
RosaRend
@RosaRend
Jun 19 2016 00:53
cough
iccomq
@iccomq
Jun 19 2016 00:53
hi @RosaRend would you like to spam stuff with us
Manish Giri
@Manish-Giri
Jun 19 2016 00:54
yeah we gladly welcome anyone interested
iccomq
@iccomq
Jun 19 2016 00:54
you know the stuff
Manish Giri
@Manish-Giri
Jun 19 2016 00:55
:satellite:
iccomq
@iccomq
Jun 19 2016 00:55
@Manish-Giri so ok lets do serious business you help me now
RosaRend
@RosaRend
Jun 19 2016 00:55
Lol. I'm good. I figured out what I was doing wrong in the simulation.
Manish Giri
@Manish-Giri
Jun 19 2016 00:55
simulation?
RosaRend
@RosaRend
Jun 19 2016 00:55
The coding thing.
Manish Giri
@Manish-Giri
Jun 19 2016 00:56
ah
RosaRend
@RosaRend
Jun 19 2016 00:56
I'll catch you guys later.
lallyrez
@lallyrez
Jun 19 2016 00:57
Hi everybody, I'm working on the 'Personal Portfolio Webpage', and I'm a bit confused by the user stories: "User Story: I navigate to different sections of the webpage by clicking buttons in the navigation" and "User Story: I can access all of the portfolio webpage's content just by scrolling" I don't recall doing these in the first 100 challenges. Can anyone help me with this?
Manish Giri
@Manish-Giri
Jun 19 2016 00:57
@iccomq you’ve already surpassed human levels with that wiki thing, flex boxes, css magic
Enraemichele
@Enraemichele
Jun 19 2016 00:57
This message was deleted
Manish Giri
@Manish-Giri
Jun 19 2016 00:57

@lallyrez

#2 means you can just scroll up and down the page to see everything

iccomq
@iccomq
Jun 19 2016 00:57
i have h2's nested in a's in my awesome accordion menu (goes so smooth maaan), so i click it, fades out, the awesome flexbox hits in
i have 13 categories that will have 3-4 photos each, i need nice clean way to organize this shit so i can do my galleries
@Manish-Giri
they have to be nested in my hated/loved flexbox
Manish Giri
@Manish-Giri
Jun 19 2016 00:58
you can use bs thumbnails/grids
iccomq
@iccomq
Jun 19 2016 00:59
the site is readyin 90%, adding bs is just shooting myself with shotgun filled with horse semen
that means no
Manish Giri
@Manish-Giri
Jun 19 2016 00:59
lol
iccomq
@iccomq
Jun 19 2016 01:00
it cant be grid
big photos with arrows
Manish Giri
@Manish-Giri
Jun 19 2016 01:00
then
iccomq
@iccomq
Jun 19 2016 01:00
to navigate
and im not asking how to do that
im asking how to organize it
how to nicely attach them to proper sets of photos
actually i was thinking about making 13 mini sites to just make iframes there and just gtfo but that seems silly
amine8ghandi8amine
@amine8ghandi8amine
Jun 19 2016 01:03

How Make the second child in each of your well elements bounce. You must target the children of element with the target class.

I made that but now response
$(".well:nth-child(2)").addClass("target");

iccomq
@iccomq
Jun 19 2016 01:03
but, well everything would be really organized, thats my last resort
@amine8ghandi8amine shouldnt you add animated bounce
$(".well:nth-child(2)") already selects targets, to be exact second target in each well
Manish Giri
@Manish-Giri
Jun 19 2016 01:04
@iccomq can you show a sketch of what you wnna do
i’m lost
iccomq
@iccomq
Jun 19 2016 01:05
brb making art
amine8ghandi8amine
@amine8ghandi8amine
Jun 19 2016 01:05
@iccomq Thanks man i found the right answer
CamperBot
@camperbot
Jun 19 2016 01:05
amine8ghandi8amine sends brownie points to @iccomq :sparkles: :thumbsup: :sparkles:
:cookie: 512 | @iccomq |http://www.freecodecamp.com/iccomq
Adonis
@Adonis19
Jun 19 2016 01:06
i dont understand what exaclly they are asking me, heres the question. Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
Manish Giri
@Manish-Giri
Jun 19 2016 01:06
and the artist is here
@Adonis19
<form>
<input>
</form>
iccomq
@iccomq
Jun 19 2016 01:10
Manish Giri
@Manish-Giri
Jun 19 2016 01:11
what an art
dynamic flexboxes?
iccomq
@iccomq
Jun 19 2016 01:13
yup\
i love flexboxes more and more
eat shit bootstrap
@Manish-Giri yet that has nothing to do with my question
how to organize it
should i append different photos to same element based on some data-set from a's or should i make 13 elements
or whaaat
everything seems stoopid
Manish Giri
@Manish-Giri
Jun 19 2016 01:15
how are you getting the images
iccomq
@iccomq
Jun 19 2016 01:15
i got em
Manish Giri
@Manish-Giri
Jun 19 2016 01:15
for each search result
iccomq
@iccomq
Jun 19 2016 01:15
there is no searching, all photos are going to be uploaded with the site
Adonis
@Adonis19
Jun 19 2016 01:20
ok im having some problem in nesting. The problem ask "Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element."

and this is what i have <input type="text" placeholder="cat photo URL">

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

iccomq
@iccomq
Jun 19 2016 01:22
youre not supposed to add action to form itself
you need to create an element inside
@Manish-Giri remembers you to make textfield there
<input type="text" action="/submit-cat-photo"> i guess
but dont quote me on this couse i dont really remember
this should be between <form></form>
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 01:24
@iccomq Isn't bootstrap a good way to make a grid of photos?
Pakinam
@PakinamB
Jun 19 2016 01:24
@Adonis19 <form action="/submit-cat-photo"> <input type="text" placeholder="cat photo url"></form> it should be something like this, as you have to only close the form tag in the end to include all the input and placholder tezt within your form. Hope this helps : )
iccomq
@iccomq
Jun 19 2016 01:24
@IshtmeetSingh it is not when you have almost finished site, bootstrap would put eferything on fire now
you need to choose if you want BS before you start
2nd argument is: screw bootstrap
im open hater
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 01:25
@iccomq so did you use pure css? Or foundation?
iccomq
@iccomq
Jun 19 2016 01:25
pure css
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 01:26
@iccomq oh i see. But I think adding row and col-- classes won't affect your code that much.
iccomq
@iccomq
Jun 19 2016 01:26
jeez the case of presenting photos is non existent i know how to do that :D
question was about organization from "backstage"
you hear @Manish-Giri
Manish Giri
@Manish-Giri
Jun 19 2016 01:28
Lol, it's always so heart warming to hear you make your lovely arguments
iccomq
@iccomq
Jun 19 2016 01:28
@IshtmeetSingh i did enough bootstrap to know that itll fuck up half of the styles that are default, and the site was kept in mind with that, its not that simple
Manish Giri
@Manish-Giri
Jun 19 2016 01:29
🙃
Okay here's a thought
Adonis
@Adonis19
Jun 19 2016 01:29
@PakinamB sorry but nope fire. i guess the question here are really wierd.
Manish Giri
@Manish-Giri
Jun 19 2016 01:30
Place an arrow that hovers up n down automatically (a bit) after each story
On clicking that
Have four images grow outward from center to fill that particular story's row
iccomq
@iccomq
Jun 19 2016 01:30
@Manish-Giri stopright here
Manish Giri
@Manish-Giri
Jun 19 2016 01:30
Use css transition or some shit
In the end it'll look beautiful
iccomq
@iccomq
Jun 19 2016 01:31
it is still topic of presentation and styling
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:31
Yeah just use :shit: :smile: :+1:
iccomq
@iccomq
Jun 19 2016 01:31
i know what to do with that
Manish Giri
@Manish-Giri
Jun 19 2016 01:31
Append four images to that arrow
Have them hidden by default
Chuck
@bestchuckever
Jun 19 2016 01:32
okay, don't laugh. but I need to next my text field in form element
<input type="text"><form action="/submit-cat-photo"></form>
Manish Giri
@Manish-Giri
Jun 19 2016 01:32
Then show them when arrow is clicked
Chuck
@bestchuckever
Jun 19 2016 01:32
nest*
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:32
@bestchuckever HAHAHA jk put your <input> between the <form>
Chuck
@bestchuckever
Jun 19 2016 01:32
will do boss
iccomq
@iccomq
Jun 19 2016 01:32
@Manish-Giri itd be awesome but it aint gonna happen, that would mean preloading a lot of images, a lot of them, and they are pretty big resolution, cant do that
its around 40 photos, and 7 of them since start, for changing background slides is baryly ok
Chuck
@bestchuckever
Jun 19 2016 01:34
@evan153 thanks boss
CamperBot
@camperbot
Jun 19 2016 01:34
bestchuckever sends brownie points to @evan153 :sparkles: :thumbsup: :sparkles:
:cookie: 312 | @evan153 |http://www.freecodecamp.com/evan153
iccomq
@iccomq
Jun 19 2016 01:34
so if id want to make that work id need to make syncchronous loading shit which will mean half of my js out of the window
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:37
@DKSukhani
Hello All, Need help. I used my FCC code onto a different website to test. However, it is not working.
I mean - the jquery section is not working
I also put the src <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.4.2'>
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:39
@DKSukhani on what code pen?
Adonis
@Adonis19
Jun 19 2016 01:39
got the problem."Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.”. And this is what i have done so far <form action="/sumbit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:40
@evan153 jsfiddle.net.. does that help?
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:40
@Adonis19 </input>
@DKSukhani not really 1 sec
Adonis
@Adonis19
Jun 19 2016 01:41
@evan153 dont get you
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:42
This message was deleted
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:43
@evan153 Let me try
Just one sec
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:43
@Adonis19 put a </input> for your input
@Adonis19 wait nevermind don't do that
@Adonis19 you typed submit wrong
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:45
@evan153 nope, not working
Just give me one sec; sharing with you where I typed out
Adonis
@Adonis19
Jun 19 2016 01:46
@evan153 this is the problem section: Create a Form Element
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:47
@DKSukhani Like this?
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:47
Yup. Did exactly like that
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:47
@Adonis19 You typed it wrong.
"/submit-cat-photo"
 <form action="/sumbit-cat-photo">
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:47
How can I share my code with you?
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:47
help format
CamperBot
@camperbot
Jun 19 2016 01:47

:point_right: code formatting [wiki]

Multi line Code

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

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

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

Single line Code

This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.

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

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

Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:48
I dont want to copy paste over here
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:48
Or if you were using it on an editor that can be shared just send me the link
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:48
just trying that.
Give me 1 min
viceo
@viceo
Jun 19 2016 01:48
pastebin.com @DKSukhani
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:48
click me and do privat emessage if you want to be private
Adonis
@Adonis19
Jun 19 2016 01:48
@evan153 OMG thanks alot, i apperantly need glasses.
CamperBot
@camperbot
Jun 19 2016 01:48
adonis19 sends brownie points to @evan153 :sparkles: :thumbsup: :sparkles:
:cookie: 316 | @evan153 |http://www.freecodecamp.com/evan153
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:48
or pastebin or codeshare...or collabedit......or whatever
may be this is helpful
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:49
@DKSukhani Codepen? I thought you said it was on something else
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:49
i quickly moved
as soon as you mentioned that
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:50
@DKSukhani alright so what are you trying to do and whats not working
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:50
so this is my code in FCC map.. It works, ie, the jquery works
I wanted to see in other editor for somereason
and realise the jquery is not working :(
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:51
Which lesson on FCC is it?
I am doing what FCC asked me to do; it works over there!
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:53
@DKSukhani here
<script src="https://code.jquery.com/jquery-2.2.4.min.js">
  </script>
  <script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove();
    $("#target2").appendTo("#right-well");
 $("#target5").clone().appendTo("#left-well");
  });
  </script>
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:53
@evan153 Thank you sir
CamperBot
@camperbot
Jun 19 2016 01:53
dksukhani sends brownie points to @evan153 :sparkles: :thumbsup: :sparkles:
:cookie: 317 | @evan153 |http://www.freecodecamp.com/evan153
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:53
It worked!
damn.. I did not realise I have to reclose the script element
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:54
Yep no problem :smile: Just include imports like that at the top of the page @DKSukhani
Juan Morban
@cao2828
Jun 19 2016 01:54
Nest the existing img element within an a element. <p>Click here for <a href="#"><img >cat photos</a>.</p>
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:54
@cao2828 Name of the challenge?
NNorman
@MrNNorman
Jun 19 2016 01:54
how do I shorten the width of the cat image
Juan Morban
@cao2828
Jun 19 2016 01:55
Turn an Image into a Link
NNorman
@MrNNorman
Jun 19 2016 01:56
<style>
.larger-image {
width: 500px;
}
</style>
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:56
@cao2828 You forgot to close your <img>
<a href="#"><img src="http://bit.ly/fcc-running-cats"/></a>
@MrNNorman Name of the lesson?
Andrew
@andrewlee56
Jun 19 2016 01:56
Hello guys, in working on the portfolio page and was wondering how I would make the page scroll up or down more smoothly after clicking a button linked to an id. Thanks in advance.
NNorman
@MrNNorman
Jun 19 2016 01:56
Size your Images
catphotoapp
Chuck
@bestchuckever
Jun 19 2016 01:57
hey boss, I'm trying to fly by my lessons, but it seems the page has frozen on "submit and go to my next challenge" i've tried refreshing. is this normal?
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:57
Juan Morban
@cao2828
Jun 19 2016 01:57
@evan153 Thanks
CamperBot
@camperbot
Jun 19 2016 01:57
cao2828 sends brownie points to @evan153 :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @evan153 |http://www.freecodecamp.com/evan153
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:57
@bestchuckever Depends on the challenge. Try pressing F5 to refresh or reset code or clear browser cache
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:57
@bestchuckever nope
Andrew
@andrewlee56
Jun 19 2016 01:58
@evan153 thanks I'll take a look
CamperBot
@camperbot
Jun 19 2016 01:58
andrewlee56 sends brownie points to @evan153 :sparkles: :thumbsup: :sparkles:
:cookie: 319 | @evan153 |http://www.freecodecamp.com/evan153
Chuck
@bestchuckever
Jun 19 2016 01:58
will give it a whirl bosses
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:58
@MrNNorman What are you trying to do exactly
Dipesh Sukhani
@DKSukhani
Jun 19 2016 01:58
@bestchuckever Just try closing the browser and restart the page
Juan Morban
@cao2828
Jun 19 2016 01:58
How?
Chuck
@bestchuckever
Jun 19 2016 01:58
thanks @evan153 @DKSukhani
CamperBot
@camperbot
Jun 19 2016 01:58
bestchuckever sends brownie points to @evan153 and @dksukhani :sparkles: :thumbsup: :sparkles:
:warning: bestchuckever already gave evan153 points
:cookie: 124 | @dksukhani |http://www.freecodecamp.com/dksukhani
NNorman
@MrNNorman
Jun 19 2016 01:59
reduce the width of image by 100px
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 01:59
@MrNNorman So you would just change it to 100px
.small-image { width: 100px; }
NNorman
@MrNNorman
Jun 19 2016 02:03
nah same problem
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 02:05
@MrNNorman Did you just copy pasta or did you follow the instructions?
"Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide."
NNorman
@MrNNorman
Jun 19 2016 02:08
I followed the instructions
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 02:08
@MrNNorman Paste code
RosaRend
@RosaRend
Jun 19 2016 02:09
@MrNNorman Create it within the existing style.
This message was deleted
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 02:10
:panda_face:
......Alright then..... @MrNNorman Lady @RosaRend will help you from here. :wave: :smile:
RosaRend
@RosaRend
Jun 19 2016 02:11
Did you get it?
NNorman
@MrNNorman
Jun 19 2016 02:12
@RosaRend nah
RosaRend
@RosaRend
Jun 19 2016 02:14

'''html

<style>
.red-text {
color: red;
}
.smaller-image {
width: 100px;
}
</style>
```
An example.

CamperBot
@camperbot
Jun 19 2016 02:14
:bulb: to format code use backticks! ``` more info
RosaRend
@RosaRend
Jun 19 2016 02:15
Whoops forgot to put that in the right place.
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 02:16
There's an edit button @RosaRend
adrian benavides
@gijoeaeb
Jun 19 2016 02:17
hi I am new
Ghost
@ghost~56a80c91e610378809be5d28
Jun 19 2016 02:17
@gijoeaeb Hello, welcome :smile:
RosaRend
@RosaRend
Jun 19 2016 02:17
Still messed up. Hello there.
Thomas Burgess
@ThomasBurgess2000
Jun 19 2016 02:26
I'm a little confused... I'm on a waypoint about for loops, and it's having the for loop run as long as i<arr.length. So this means if the array has 3 parts, it'll stop running after two right? Why does that work?
Aravind
@scriptonist
Jun 19 2016 02:27
what is i initialized to ? @ThomasBurgess2000
Thomas Burgess
@ThomasBurgess2000
Jun 19 2016 02:27
0 @scriptonist
NonifoRk
@NonifoRk
Jun 19 2016 02:30
Hello I am a new user to this, and Im doing the green border challenge right now. I typed border-color: green; but the word is green is colored pink and I don't think it is working. How can i fix this?
Ethan
@ethanhun1
Jun 19 2016 02:30
Anyone understand this?
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.
I'v typed .smaller-image {width:100px:} inside the <style>
how do i make it know what picture to resize
Thomas Burgess
@ThomasBurgess2000
Jun 19 2016 02:32
Put class="smaller-image" inside the img element you want to resize @ethanhun1
Do you have any ideas @scriptonist ?
Ethan
@ethanhun1
Jun 19 2016 02:33
{img src class=smaller-image
noblepups2
@noblepups2
Jun 19 2016 02:33
very confused with this one
adding alt text
Thomas Burgess
@ThomasBurgess2000
Jun 19 2016 02:33
<img src="whateverURL" class="smaller-image"> I think @ethanhun1
noblepups2
@noblepups2
Jun 19 2016 02:34
You can add an alt attribute right in the img element like this:<img src="www.your-image-source.com/your-image.jpg" alt="your alt text">
i don't have any that look like that though..

Does it want me to add the alt to this? <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt=A cute orange cat lying on its back></a>

<p class="red-text">Kit

Ethan
@ethanhun1
Jun 19 2016 02:38
<img src="https://bit.ly/fcc-relaxing-cat" class=smaller-image: 100px>
not seem to work
Amilyn
@amilynamanilla
Jun 19 2016 02:40
@ethanhun1 what was the instruction?
@noblepups2 the alt goes into the a element..
noblepups2
@noblepups2
Jun 19 2016 02:42
i figured it out, thanks!
NNorman
@MrNNorman
Jun 19 2016 02:43
@noblepups2 what did you do?
Amilyn
@amilynamanilla
Jun 19 2016 02:43
@ethanhun1 oh i read your above messages. since you already defined the size in style, over here you don't have to put the : 100px. it will look like this
<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">
NNorman
@MrNNorman
Jun 19 2016 02:46
@amilynamanilla @ethanhun1 thanks!!
CamperBot
@camperbot
Jun 19 2016 02:46
mrnnorman sends brownie points to @amilynamanilla and @ethanhun1 :sparkles: :thumbsup: :sparkles:
:cookie: 158 | @amilynamanilla |http://www.freecodecamp.com/amilynamanilla
:cookie: 25 | @ethanhun1 |http://www.freecodecamp.com/ethanhun1
Ethan
@ethanhun1
Jun 19 2016 02:46
Thanks amilyn i'v figured it out :)
I didn't realize you had to make the .smaller-image {width:100px} inside the style then class=smaller-image
Adonis
@Adonis19
Jun 19 2016 02:52
ok its me again with nother issue lol. the problem ask me to "Add a submit button to your form element with type submit and "Submit" as its text.” so far what i have done is <form action="/submit-cat-photo">
<button type="submit" "Submit"></button>
<input type="text" placeholder="cat photo URL">
</form>
Amilyn
@amilynamanilla
Jun 19 2016 02:57
@ethanhun1 no prob glad to help :)
Sid.
@SidneyCMoore
Jun 19 2016 02:58
this is probably really simple, but how do I "Create a Class to Target with jQuery Selectors" does the word class have to be replaced with target or something else within the button ?
Amilyn
@amilynamanilla
Jun 19 2016 02:59

Hi @Adonis19 , your text Submit should be outside of the < > tags, so it looks like this

<button type="submit">Submit</button>

latifawudu
@latifawudu
Jun 19 2016 03:05
Hello campers, how are you? Hope great.
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove("#target4");
    $("#target2").appendTo("#right-well");
    $("#target5").clone("#target5").appendTo("#left-well"); 

$("#left-well").parent("#target1").css("background-color", "red");

  });
</script>

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

<body>
  <div class="container-fluid">
    <h3 class="text-primary text-center">jQuery Playground</h3>
    <div class="row">
      <div class="col-xs-6">
        <h4>#left-well</h4>
        <div class="well" id="left-well">
          <button class="btn btn-default target" id="target1">#target1</button>
          <button class="btn btn-default target" id="target2">#target2</button>
          <button class="btn btn-default target" id="target3">#target3</button>
        </div>
      </div>
      <div class="col-xs-6">
        <h4>#right-well</h4>
        <div class="well" id="right-well">
          <button class="btn btn-default target" id="target4">#target4</button>
          <button class="btn btn-default target" id="target5">#target5</button>
          <button class="btn btn-default target" id="target6">#target6</button>
        </div>
      </div>
    </div>
  </div>
</body>
Please what can be wrong with the above code?
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:07
@latifawudu What are you trying to do?
Amilyn
@amilynamanilla
Jun 19 2016 03:07
@SidneyCMoore you can target by element, by class, and by ID.. so I am guessing that the instruction is telling you to create a class within an element, and target it using jQuery?
latifawudu
@latifawudu
Jun 19 2016 03:07
My challenge is target the parent of an element using jQuery
I am kind of stuck
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:08
Oh....
First of all, the parent method doesn't take an argument.
child.parent() => parent of child
So just say something like $("#my-target").parent().doSomething()
@latifawudu Just take that and fill in the blanks...
Sid.
@SidneyCMoore
Jun 19 2016 03:09
@amilynamanilla yes it is
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:09
Does that make sense? @latifawudu
latifawudu
@latifawudu
Jun 19 2016 03:10
Not at all @NorthrupAnthony
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:11
Oh. What needs explaining?
latifawudu
@latifawudu
Jun 19 2016 03:11
Does it mean I went wrong somewhere? @NorthrupAnthony
Can you please help me identify the particular error? @NorthrupAnthony
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:12
@latifawudu Okay, first, you want to select the parent. Start by selecting the child: $("#target5")
latifawudu
@latifawudu
Jun 19 2016 03:12
OK, OK, ok
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:12
@latifawudu Next, you want to get the parent of that element. This is easy by using the .parent() method.
clintonjohn
@clintonjohn
Jun 19 2016 03:13
Why is a negative margin flush with the edge of the screen instead of 0?
Amilyn
@amilynamanilla
Jun 19 2016 03:13

@SidneyCMoore ok if i got this right, you put your class into the element, example

<div class="thisIsWhatYouCreate">
then up in your jQuery, you target it using $(".thisIsWhatYouCreate").yourAction()

Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:13
@latifawudu Putting it all together you get $("#target5").parent().something()
@latifawudu Good?
clintonjohn
@clintonjohn
Jun 19 2016 03:13
I'm on lesson 47
latifawudu
@latifawudu
Jun 19 2016 03:13
Great. Understood. Let me go try it. @NorthrupAnthony
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:14
Cool, let me know how it turns out :D @latifawudu
colorpanda
@colorpanda2011
Jun 19 2016 03:14

// Only change code below this line
function updateRecords(id, prop, value) {
if (value !== "" && prop !== "tracks")
collection[id][prop]= value;

else if (prop === "tracks" && value !== "")
collection[id][prop].push(value);

else if(value === "")
delete collection[id][prop];

else if (!collection.hasOwnProperty(tracks))
collection[id].tracks="";

return collection;
}'

what`s wrong with this, ahhhhh
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:14
What are you trying to do? @colorpanda2011
What are the guidelines for the challenge? @colorpanda2011
dseifs15
@dseifs15
Jun 19 2016 03:14
<form><input type="text" placeholder="cat photo URL" form action="/submit-cat-photo">
</form>
CruftMaster
@CruftMaster
Jun 19 2016 03:15
Help plz! im in the Style Text Inputs as Form Controls section here is my code <button class = "btn btn-primary" type=" submit">Submit <i class="fa fa-paper-plane"></i></button>
CamperBot
@camperbot
Jun 19 2016 03:15
no wiki entry for: plz im in the style text inputs as form controls section here is my code button class btn btn-primary type submitsubmit i classfa fa-paper-planeibutton
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:16
@CruftMaster What do ya need help with?
CruftMaster
@CruftMaster
Jun 19 2016 03:16
i thought i did everything right with my code but its still saying i need to give my button the classes "btn and btn-primary"
colorpanda
@colorpanda2011
Jun 19 2016 03:16
@NorthrupAnthony Record Collection
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:17
@colorpanda2011 I'll take a look
Binny Gandhi
@BinnyGandhi
Jun 19 2016 03:18
@colorpanda2011 I think problem is.. you are declaring collection[id].tracks=""; as a string.. but you have to declare it as an array
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:19
@colorpanda2011 I sent you a pm
CruftMaster
@CruftMaster
Jun 19 2016 03:19
nvm guy, the situation is under control
guys*
colorpanda
@colorpanda2011
Jun 19 2016 03:20
@NorthrupAnthony ?
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:20
@colorpanda2011 Go to "People" under the gitter chat lists.
@colorpanda2011 I meant "Private Message".
colorpanda
@colorpanda2011
Jun 19 2016 03:20
@BinnyGandhi so what I`m supposed to do with it?
@NorthrupAnthony how to read your message?
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:21
@colorpanda2011 Hover over my face and click private message. Should take you there
Binny Gandhi
@BinnyGandhi
Jun 19 2016 03:21
@colorpanda2011 .. I have done it like this.. else if(prop == "tracks" && value !== "") {
if(!collection[id].hasOwnProperty(prop)) {
collection[id][prop] = [];
}
collection[id][prop].push(value);
Luc Walsh
@Epic-Luc
Jun 19 2016 03:22
guys how do you create a class for an h1 elemnt
element*
Amilyn
@amilynamanilla
Jun 19 2016 03:23
@Epic-Luc <h1 class="yourClassName">
Binny Gandhi
@BinnyGandhi
Jun 19 2016 03:23
@Epic-Luc <h1 class="yourClass">
elektra8875
@elektra8875
Jun 19 2016 03:24
@OnomeSotu yes I do
Luc Walsh
@Epic-Luc
Jun 19 2016 03:25
how do i make that class pink ?
Binny Gandhi
@BinnyGandhi
Jun 19 2016 03:26
@Epic-Luc you have to declare <style> .yourClass{
elektra8875
@elektra8875
Jun 19 2016 03:26
Can someone help me with "use the bootstrap grid to put elements side by side
challenge
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:26
@Epic-Luc Inside your style element, define the new class pink-text:
.pink-text{
    // Whatever
}
@elektra8875 What do you need help with?
elektra8875
@elektra8875
Jun 19 2016 03:28
@NorthrupAnthony I need help with the "use the boostrap grid to put elements side by side" challenge
latifawudu
@latifawudu
Jun 19 2016 03:28
<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove("#target4");
    $("#target2").appendTo("#right-well");
    $("#target5").clone("#target5").appendTo("#left-well"); 

$("#target1").parent("#left-well").css("background-color","red")
  });
</script>

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

<body>
  <div class="container-fluid">
    <h3 class="text-primary text-center">jQuery Playground</h3>
    <div class="row">
      <div class="col-xs-6">
        <h4>#left-well</h4>
        <div class="well" id="left-well">
          <button class="btn btn-default target" id="target1">#target1</button>
          <button class="btn btn-default target" id="target2">#target2</button>
          <button class="btn btn-default target" id="target3">#target3</button>
        </div>
      </div>
      <div class="col-xs-6">
        <h4>#right-well</h4>
        <div class="well" id="right-well">
          <button class="btn btn-default target" id="target4">#target4</button>
          <button class="btn btn-default target" id="target5">#target5</button>
          <button class="btn btn-default target" id="target6">#target6</button>
        </div>
      </div>
    </div>
  </div>
</body>
Ethan
@ethanhun1
Jun 19 2016 03:28
I'm trying to create a form element
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:28
@elektra8875 Go through the little check marks at the bottom left. Which ones aren't working?
Ethan
@ethanhun1
Jun 19 2016 03:28
<form action="/submit-cat-photo"></form>
What is wrong with this form element- it saying i need to nest your text input elmenet within a form element
latifawudu
@latifawudu
Jun 19 2016 03:29
Please take a look at the above @NorthrupAnthony
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:30
@latifawudu You don't need to pass an argument to the .parent() function. Keep that out and it should work...
latifawudu
@latifawudu
Jun 19 2016 03:30
OK.
Amilyn
@amilynamanilla
Jun 19 2016 03:30
@ethanhun1 lol where is your text input element?
@ethanhun1 put it between the <form> </form>
Ethan
@ethanhun1
Jun 19 2016 03:31

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

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

Luc Walsh
@Epic-Luc
Jun 19 2016 03:31

.pink-text {
}

</style>

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

idk what i did wrong
ts not changing the text to pink
its*
elektra8875
@elektra8875
Jun 19 2016 03:31
that one that isn't working is @NorthrupAnthony "Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4"
Ethan
@ethanhun1
Jun 19 2016 03:31
@Epic-Luc you need .pink text { color:Pink;
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:32
@elektra8875 Okay. Each button should have <div class="col-xs-4"> THE BUTTON GOES HERE </div>. Each of them
Luc Walsh
@Epic-Luc
Jun 19 2016 03:32
thanks it worked !!!
latifawudu
@latifawudu
Jun 19 2016 03:33
Thank you so much @NorthrupAnthony. It worked. I just went completely dumb.
CamperBot
@camperbot
Jun 19 2016 03:33
latifawudu sends brownie points to @northrupanthony :sparkles: :thumbsup: :sparkles:
:cookie: 274 | @northrupanthony |http://www.freecodecamp.com/northrupanthony
Ethan
@ethanhun1
Jun 19 2016 03:34

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

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

It saying i need to nest your text input element with in a form element
i dont understand
Ravi Singh
@rvsingh011
Jun 19 2016 03:35
Hey I needed help on angular 2 , anyone there having knowledge of that
elektra8875
@elektra8875
Jun 19 2016 03:35

@NorthrupAnthony This is what I have so far <div class="row col-xs-4 btn btn-block btn-primary">Like</button></div>

<div class="row col-xs-4 btn btn-block btn-primary">Info</button></div>
<div class="row col-xs-4 btn btn-block btn-primary">Delete</button></div>

Amilyn
@amilynamanilla
Jun 19 2016 03:35
@ethanhun1 put the <input type....> between the <form> and </form>
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:35
@elektra8875 No no... Inside the div...
elektra8875
@elektra8875
Jun 19 2016 03:35
@NorthrupAnthony how
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:35
@elektra8875
<div class="col-xs-4">
<button class="btn btn-primary">Info</button>
</div>
Luc Walsh
@Epic-Luc
Jun 19 2016 03:36
do i need to use a comma when seperating different classes example class= class1, class 2
or is it not needed
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:37
@Epic-Luc No, when you specify multiple classes, just use a space class="class1 class2"
elektra8875
@elektra8875
Jun 19 2016 03:39
what about the div element with the class row? @NorthrupAnthony
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:39
@elektra8875 That will go around everything:
<div class="row">
   THE OTHER STUFF GOES IN HERE
</div>
@elektra8875 Since the row contains all the information, all the contents of a row will go inside that div element
@colorpanda2011 HIIIIIIIIIIIIIII :D
elektra8875
@elektra8875
Jun 19 2016 03:42
@NorthrupAnthony thanks this was very helpful. I figured it out
CamperBot
@camperbot
Jun 19 2016 03:42
elektra8875 sends brownie points to @northrupanthony :sparkles: :thumbsup: :sparkles:
:cookie: 275 | @northrupanthony |http://www.freecodecamp.com/northrupanthony
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:42
@elektra8875 Cool, hit me up with a PM if you need any other help
elektra8875
@elektra8875
Jun 19 2016 03:44
I'm sure I will have more questions @NorthrupAnthony thank you
CamperBot
@camperbot
Jun 19 2016 03:44
elektra8875 sends brownie points to @northrupanthony :sparkles: :thumbsup: :sparkles:
:warning: elektra8875 already gave northrupanthony points
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:44
@elektra8875 Haha, just let me know when :)
colorpanda
@colorpanda2011
Jun 19 2016 03:45
th @NorthrupAnthony thank you
CamperBot
@camperbot
Jun 19 2016 03:45
colorpanda2011 sends brownie points to @northrupanthony :sparkles: :thumbsup: :sparkles:
:cookie: 276 | @northrupanthony |http://www.freecodecamp.com/northrupanthony
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:46
:D @colorpanda2011 No problem dude
colorpanda
@colorpanda2011
Jun 19 2016 03:46
finally gotchu, lol
Monica Bryant
@goodmonica
Jun 19 2016 03:46
I need help with my div elements. I closed the tags, but the </form> element is left over and I don't know where it goes.
colorpanda
@colorpanda2011
Jun 19 2016 03:47
@BinnyGandhi thank you too
CamperBot
@camperbot
Jun 19 2016 03:47
colorpanda2011 sends brownie points to @binnygandhi :sparkles: :thumbsup: :sparkles:
:cookie: 15 | @binnygandhi |http://www.freecodecamp.com/binnygandhi
clintonjohn
@clintonjohn
Jun 19 2016 03:47
What does it mean to give a body element the color green? I can't remember how to do that
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:47
@goodmonica What challenge?
Monica Bryant
@goodmonica
Jun 19 2016 03:47
@NorthrupAnthony Line up form elements responsively with boostrap
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:48
@clintonjohn Just put it in the style tag. Something like
body {
   color: green;
}
Luc Walsh
@Epic-Luc
Jun 19 2016 03:48
guys
the text isnt changing to blue its still pink

.pink-text {
color: pink;
}

.blue-text {
color: blue;
}

</style>

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

Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:48
@Epic-Luc class="pink-text blue-text"
@Epic-Luc Don't put a separate pair of quotes around the other class name
Luc Walsh
@Epic-Luc
Jun 19 2016 03:49
lol thanks xD
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:49
@goodmonica What's it saying?
clintonjohn
@clintonjohn
Jun 19 2016 03:49
@NorthrupAnthony thx
CamperBot
@camperbot
Jun 19 2016 03:49
clintonjohn sends brownie points to @northrupanthony :sparkles: :thumbsup: :sparkles:
:cookie: 277 | @northrupanthony |http://www.freecodecamp.com/northrupanthony
Monica Bryant
@goodmonica
Jun 19 2016 03:49
<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>
<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>
</form>
</div>
</div>
omg, sorry about all that.
:P
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:50
@goodmonica Put the </form> after the two </div>'s at the end. Then it should be fine :D
Monica Bryant
@goodmonica
Jun 19 2016 03:50
Ok, I'll try that.
It didn't work. :(
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:51
@goodmonica Since the form is the "largest" element, it should open first and close last. Meaning <form> comes at the top, and </form> is at the very bottom.
@goodmonica You have an extra <div> right above the <div class="row">
Monica Bryant
@goodmonica
Jun 19 2016 03:52
Ok, I'll delete it.
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:52
It should work fine, just delete that one line
Monica Bryant
@goodmonica
Jun 19 2016 03:53
Hmm, that didn't do it either.
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:53
I'll PM you @goodmonica
Monica Bryant
@goodmonica
Jun 19 2016 03:53
ok
latifawudu
@latifawudu
Jun 19 2016 03:54
I need you again @NorthrupAnthony
<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove();
    $("#target2").appendTo("#right-well");
    $("#target5").clone("#target5").appendTo("#left-well");
    $("#target1").parent().css("background-color", "red");
    $("#right-well").children().css("color", "orange");

$(".target:nth-child(2)").addClass("bounce");
  });
</script>

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

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:55
@latifawudu I PM'd you.
@goodmonica I PM'd you
latifawudu
@latifawudu
Jun 19 2016 03:55
Am suppose to target the 2
Element in my target and make it bounce
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 03:57
@latifawudu You also need to have it be animated. Just add that inside: .addClass("animated bounce")
latifawudu
@latifawudu
Jun 19 2016 03:57
Now, what did I miss on that code please?
Wow. Thank you @NorthrupAnthony
CamperBot
@camperbot
Jun 19 2016 03:57
latifawudu sends brownie points to @northrupanthony :sparkles: :thumbsup: :sparkles:
:warning: latifawudu already gave northrupanthony points
Chris Cullen
@123xylem
Jun 19 2016 03:58
Quick QUESTION: Why is my push chgArr causing a infi loop at the bottom under the else???
function checkCashRegister(price, cash, cid) {
var val;
  var cost=arguments[0];
  var money=arguments[1];
var till= arguments[2];
  var count=0;
  var arr=[];
  var change= money-cost;

  if(change<0){
  change=Math.abs(change);}//this makes change positive if its negative value
else change=change;


  for(i=0; i<till.length;i++){
   count+=till[i][1];}
    if(change>count){
    return "Insufficient Funds";
// Make a count that totals till values. If change is more than till then say so

  }  else{
  var chgCount=0;
    var chgArr=[];
  for(j=till.length-1;j>0;j--){ //go through till from highest to lowest
    while(change>chgCount){//while change is more than 0

      chgCount+=till[j][1]; //add number to change from till
      chgArr.push(till[j][0]);//put that in an array THIS IS CAUSING A INFI LOOP FOR SOME REASON HOW DO I CHANGE THAT!?
      change-=till[j][1];//Take that number off change.
    }
  }return chgArr;


}
}

checkCashRegister(2.50, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:01
@123xylem I think it's actually the change -= that's causing the loop. Your while loop condition is based on the change being above something
Chris Cullen
@123xylem
Jun 19 2016 04:01
right
But change is defined as a number that goes down on each iteration
@NorthrupAnthony And chgCount should go up on each iteration
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:02
Is the till value actually positive though?
If the till value is negative you have a problem...
Or if it's zero, it won't ever change...
Chris Cullen
@123xylem
Jun 19 2016 04:02
Till is that array at the bottom
@NorthrupAnthony its the 1 value in each array
so in this example its always positive
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:03
Okay... Let me see.
@123xylem Mine returns successfully...
I just ran it in the chrome dev tools @123xylem
Chris Cullen
@123xylem
Jun 19 2016 04:04
hmm really
lemme try
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:06
It appears to not work correctly but it returns just fine...
Adonis
@Adonis19
Jun 19 2016 04:07
how do you know how long you have taken in one subject?
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:07
In what context @Adonis19
Chris Cullen
@123xylem
Jun 19 2016 04:07
@NorthrupAnthony nice it does return 100
I just have to change that code
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:07
@123xylem So it works?
Chris Cullen
@123xylem
Jun 19 2016 04:07
But it kills my github for some reaosn
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:08
Weird... "kills" in what way?
Chris Cullen
@123xylem
Jun 19 2016 04:09
@NorthrupAnthony well it stops my fcc working
crashes the page
Adonis
@Adonis19
Jun 19 2016 04:09
@NorthrupAnthony like some classes here say it should be done by 5 hours. but i like to code while listening to music and or having a drink,so i can take a little more time.
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:10
@123xylem Odd... That might be there tests more than anything. They might have some weird test cases?
Chris Cullen
@123xylem
Jun 19 2016 04:10
But I only run it for one case?
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:10
@Adonis19 You could use any timer. I'm sure there are chrome extensions you could use or something.
@123xylem True, but when they go to test out your code to see if it works don't they have multiple test cases?
@123xylem Yup, one of there test cases has a zero in there.
@123xylem You need to handle the zero's
Chris Cullen
@123xylem
Jun 19 2016 04:12
@NorthrupAnthony ah so it runs it many times
Adonis
@Adonis19
Jun 19 2016 04:12
@NorthrupAnthony i mean in freeCodeCamp it says that html5 and css should take 5 hours .
Chris Cullen
@123xylem
Jun 19 2016 04:12
gotya
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:12
@123xylem More like, since the value isn't positive the two values will never meet... You'll always be doing += 0 which doesn't do anything...
@Adonis19 Ohhhhh. That I'm not sure if it's a thing or not... I wish it was a feature to keep track of how long a section took.
@Adonis19 Could be something to recommend to them ? :D
Adonis
@Adonis19
Jun 19 2016 04:17
@NorthrupAnthony well it say it there in html5 and css, that it should take about 5 hrs. if you check it you see it, i think. but anyways i just concernd that i was doing bad by wasting my listening to music and doing othere thing while doing this
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:18
@Adonis19 I meant how long a section took you. Like keeping track of how long you did the section in.
@Adonis19 It's not a waste, if it keeps you focused on learning, it doesn't hurt :D
Chris Cullen
@123xylem
Jun 19 2016 04:19
@NorthrupAnthony

function checkCashRegister(price, cash, cid) {
var val;
  var cost=arguments[0];
  var money=arguments[1];
var till= arguments[2];
  var count=0;
  var arr=[];
  var change= money-cost;
      var tillCount=0;

  if(change<0){
  change=Math.abs(change);}//this makes change positive if its negative value
else change=change;

  for(var t=0;t<till.length;t++){
   tillCount+=till[t][1];// How much change in till? THIS IS A NEW VAR but Its the same as count isnt it???
 }

  for(i=0; i<till.length;i++){
   count+=till[i][1];}
    if(change>count&& change>tillCount){ // I ADD THE NEW VAR HERE
    return "Insufficient Funds";
// Make a count that totals till values. If change is more than till then say so

  }  else{
  var chgCount=0;
    var chgArr=[];
  for(i=till.length-1;i<till.length;i--){
    while(change>chgCount){

      chgCount+=till[i][1]; 
      chgArr.push(till[i]);
      change-=till[i][1];
    }
  }
  //NOW WE WANT TO GET A loop starting at highest val of till and going through it until enough change is given back like the roman numeral challenge. 


}
}

checkCashRegister(2000.50, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
I have added a var to stop 0 vals messing me up but Its the same as count isnt it?
tillCount
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:20
@123xylem What you're going to want to do is just change the condition on the while loop to something like while(till[i][1] > 0 && change>chgCount)
Adonis
@Adonis19
Jun 19 2016 04:20
@NorthrupAnthony i havent completed because i waste time listening to music or doing other thing, like haing a drink. so i was thinking that it give penalty if you take more than your are supposed to.
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:21
@Adonis19 No penalty, other than to your learning :P It doesn't keep track and it doesn't really matter how long it takes you, so long as you actually learned the material
Adonis
@Adonis19
Jun 19 2016 04:23
@NorthrupAnthony oh ok just my insecurity talking, that im taking a little long since i lke to waste some time in music
Jarred Arnold
@jarredarn
Jun 19 2016 04:23
Dead link?
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:24
@Adonis19 It's fine. I went through the stuff for a week or two then stopped. Now I'm going through it again almost like a year later :/
Adonis
@Adonis19
Jun 19 2016 04:25
@NorthrupAnthony ok
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:25
@Adonis19 Yeah, your pace is your pace. Nothing wrong with fast or slow, just enjoy learning :D
Adonis
@Adonis19
Jun 19 2016 04:27
ok cya later everyone, keep coding guys. :smile:
I'm trying to get glyphicon-ok class to add to the input element after 3 characters, I think I'm adding the class but the green checkbox is not appearing...
you can see the couple lines of jquery in the javascript area
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:29
@gibbymt Did you notice it says tru?
Jeff Gibson
@gibbymt
Jun 19 2016 04:29
Yea... But not sure why it doesn't update the input to have the checkbox....
shouldn't it update?
Chris Cullen
@123xylem
Jun 19 2016 04:30
@NorthrupAnthony

function checkCashRegister(price, cash, cid) {
var val;
  var cost=arguments[0];
  var money=arguments[1];
var till= arguments[2];
  var count=0;
  var arr=[];
  var change= money-cost;
 var tillCount=0;
  var chgCount=0;

  if(change<0){
  change=Math.abs(change);}//this makes change positive if its negative value
else change=change;



  for(i=0; i<till.length;i++){
   count+=till[i][1];}
    if(change>count){ 
    return "Insufficient Funds";
// Make a count that totals till values. If change is more than till then say so

  }  else{
    var chgArr=[];
  for(i=till.length-1;i<till.length;i--){
    while(change>chgCount&& till[i][1]>0 ){

   if( till[i][1]<change){ //HOW DO I MAKE THIS IF MOVE TO THE NEXT ELEMENT IF ITS MORE THAN CHANGE???
      chgCount+=till[i][1]; 
      chgArr.push(till[i][0]+till[i][1]);
      change-=till[i][1];
    }return chgArr;}
  }

}
}

checkCashRegister(2, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:30
Well, the actual symbol is probably not displayed on the input box. You should lookup how to put a symbol with a input box from bootstrap.
Chris Cullen
@123xylem
Jun 19 2016 04:30
ANy idea how to make the else say go to next element?
on the bottom if statement
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:31
@123xylem PM me
Jeff Gibson
@gibbymt
Jun 19 2016 04:32
@NorthrupAnthony It should be correct if you add glyphicon-ok to the class in the html it appears in the input form
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:34
@gibbymt Weird.
Jeff Gibson
@gibbymt
Jun 19 2016 04:34
Yea, if I add it in the html it appears, but if I add it in jquery it says that it's there but doesn't change the appearance
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:35
Oh...
@gibbymt $("#success-icon").addClass("glyphicon-ok")
@gibbymt Currently you are selecting the whole input. Not the actual span that needs the class
Jeff Gibson
@gibbymt
Jun 19 2016 04:37
omg, lol. Thanks
This message was deleted
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:38
If you says thanks I get brownie points :P
With an @
Jeff Gibson
@gibbymt
Jun 19 2016 04:38
thanks @NorthrupAnthony
CamperBot
@camperbot
Jun 19 2016 04:38
gibbymt sends brownie points to @northrupanthony :sparkles: :thumbsup: :sparkles:
:cookie: 281 | @northrupanthony |http://www.freecodecamp.com/northrupanthony
Jeff Gibson
@gibbymt
Jun 19 2016 04:38
I'm too used to hipchat I guess
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:38
:D
Haha, everyone has a preference
ryanjspark
@ryanjspark
Jun 19 2016 04:39
how can i paste a screenshot of my work and post it in the chat room? It doesn't seem to work for me
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:40
You could just put a link to your pen
It will do it automatically
ryanjspark
@ryanjspark
Jun 19 2016 04:41
blob
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:42
Oh, that works too...
ryanjspark
@ryanjspark
Jun 19 2016 04:42
can someone tell me what I'm missing here?
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:42
@ryanjspark There is no such thing as <p2>
Just reuse <p>.
ryanjspark
@ryanjspark
Jun 19 2016 04:43
ohh
thank you appreciate the help
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:44
If you put an @ to me with thanks I get brownie points :P
ryanjspark
@ryanjspark
Jun 19 2016 04:44
@NorthrupAnthony thanks?
CamperBot
@camperbot
Jun 19 2016 04:44
ryanjspark sends brownie points to @northrupanthony :sparkles: :thumbsup: :sparkles:
:cookie: 282 | @northrupanthony |http://www.freecodecamp.com/northrupanthony
ryanjspark
@ryanjspark
Jun 19 2016 04:44
meant to put a exclamation mark woops lol
Anthony Northrup
@NorthrupAnthony
Jun 19 2016 04:44
lol That works :D @ryanjspark
Haha, keyboards man....
G'night all :D Glad to help out
Luc Walsh
@Epic-Luc
Jun 19 2016 04:46
how do i put in an image ?
andreas2249
@andreas2249
Jun 19 2016 04:48
@Epic-Luc, <img src="`your url here`"> is the basic format. Here's a link to a short tutorial: http://www.w3schools.com/tags/tag_img.asp
Example: <img src="smiley.gif">
Luc Walsh
@Epic-Luc
Jun 19 2016 04:49
what do i write for the a href ?
andreas2249
@andreas2249
Jun 19 2016 04:51
@Epic-Luc, you might be thinking about the anchor tag ( <a>) which is used to link to a URL. Here's a short tutorial on anchor tags: http://www.w3schools.com/tags/tag_a.asp
See the difference?
Chris Cullen
@123xylem
Jun 19 2016 04:55
Quick Question: How do I make my whhile loop work for the last condition??

function checkCashRegister(price, cash, cid) {
var val;
  var cost=arguments[0];
  var money=arguments[1];
var till= arguments[2];
  var count=0;
  var arr=[];
  var change= money-cost;
 var tillCount=0;
  var chgCount=0;

  if(change<0){
  change=Math.abs(change);}//this makes change positive if its negative value
else change=change;



  for(i=0; i<till.length;i++){
   count+=till[i][1];}
    if(change>count){ 
    return "Insufficient Funds";
// Make a count that totals till values. If change is more than till then say so

  }  else{
    var chgArr=[];
  for(i=till.length-1;i>=0;i--){
    while(change>chgCount&& till[i][1]>0 && till[i][1]<=change){// HOW DO I MAKE till[i][1]<=change NOT FAIL on while loop? I can use if but not sure how to use an if here??

      chgCount+=till[i][1];  
      change-=till[i][1];
      chgArr.push(till[i][0]+till[i][1]);

    }
        return chgArr;}
  }


}

checkCashRegister(2, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
andreas2249
@andreas2249
Jun 19 2016 04:56

Good evening, Campers. Struggling to add padding ahead of a Bootstrap .well class. I have padding on my 'Portfolio' and 'About' links that works fine. This padding adds space between menu structure at top of page and the content.

When I use a .well class for the 'Contact' link, I can't get it to add the spacing. Here's my CodePen: http://codepen.io/andreas2249/pen/PzGNZm/

I'm trying to get it to look like this when the 'Contact' menu item is clicked: https://s32.postimg.org/4ei4h1k9x/space.png
Any thoughts, please?
(I'm thinking the issue is related to not correctly overriding Bootstrap's.wellclass. Thanks in advance. :)
it should give an empty array, but it still includes null
chibisan352
@chibisan352
Jun 19 2016 05:01
in html how do you write an img class?
I have it in my style but i'm not sure how to tag it properly
andreas2249
@andreas2249
Jun 19 2016 05:02

@chibisan352, <img src="www.foo.com" class="bar">

In CSS:

```
.bar {
do some stuff...

In CSS:
.bar {
   do some stuff...
}
Alexey Bakhtin-Bibikov
@Hawkite
Jun 19 2016 05:05
I may have found a bug on Falsy Bouncer challenge
andreas2249
@andreas2249
Jun 19 2016 05:06
( @chibisan352, I remember reading this format is more common: <img class="bar" src="www. etc."> )
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:06
@Hawkite something to do with my problem?
Alexey Bakhtin-Bibikov
@Hawkite
Jun 19 2016 05:07
@jorisboschmans My code returns what it asks for but the problems don't get checked off
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:07
@Hawkite oh, could you link? Maybe i can have look
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:09
@Hawkite your code doesn't work. You forgot the "0"
@Hawkite and the same problem as i'm having, with the null
Alexey Bakhtin-Bibikov
@Hawkite
Jun 19 2016 05:10
But on the tasks that don't have a 0 they also don't get checked off
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:10
@Hawkite Oh btw, for good practice sake. Don't use "value === NaN", instead use: "value.NaN"
@Hawkite i'll have a closer look
  • "value.isNaN"
Sarah Pezzulo
@stp6024
Jun 19 2016 05:12
Hello I am struggling with one problem
with the <p> to have the <a href > in the </p>
Alexey Bakhtin-Bibikov
@Hawkite
Jun 19 2016 05:12
@jorisboschmans but shouldn't the ["a","b","c"] problem be checked off?
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:13
@Hawkite yes, it should be, but i don't think you're using the filter function correctly, but it should still be checked off...
Binny Gandhi
@BinnyGandhi
Jun 19 2016 05:13
@stp6024 <p><a href="yourLink">yourText</a></p>
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:14
@Hawkite When you use filter, it will filter out the arr. You can simply return the arr
@Hawkite No need for the "a" array. No need to push either
Sarah Pezzulo
@stp6024
Jun 19 2016 05:14
Thank you @BinnyGandhi !
CamperBot
@camperbot
Jun 19 2016 05:14
stp6024 sends brownie points to @binnygandhi :sparkles: :thumbsup: :sparkles:
:cookie: 16 | @binnygandhi |http://www.freecodecamp.com/binnygandhi
Alexey Bakhtin-Bibikov
@Hawkite
Jun 19 2016 05:15
@jorisboschmans I see, I'll fix it, do you think that's messing with the task checker?
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:16
no idea, i'm trying some things..
it workes for the first two, but you're still return null... Same problem as i'm having
Sarah Pezzulo
@stp6024
Jun 19 2016 05:25
Im still struggline with the Nesting an Anchor Element within a paragraph
so far I have <p> View more < a href="http://www.freecatphotoapp.com"> cat photos </a> . </p>
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:25
@stp6024 cam you paste your code here
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:25
@stp6024 <p><a href="your url">text</a></p>
Sarah Pezzulo
@stp6024
Jun 19 2016 05:25
is there something im doing wrong?
@IshtmeetSingh <p> View more < a href="http://www.freecatphotoapp.com"> cat photos </a> . </p>
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:26
@stp6024 looks correct. Can you link?
Sarah Pezzulo
@stp6024
Jun 19 2016 05:26
sure
https://www.freecodecamp.com/challenges/nest-an-anchor-element-within-a-paragraph#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%0A%3C%5B%5D%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:26
@stp6024 remove the space between < and a
@stp6024 it will work after that, hope so.
Sarah Pezzulo
@stp6024
Jun 19 2016 05:27
yeah i removed it
Alexey Bakhtin-Bibikov
@Hawkite
Jun 19 2016 05:27
@jorisboschmans turns out if you do if( value ) it will return true if it's not a falsy statement.
Sarah Pezzulo
@stp6024
Jun 19 2016 05:27
@IshtmeetSingh it still doesn't work
i removed the space
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:28
@stp6024 one minute, pls.
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:28
@stp6024 i changed it, this should work https://www.freecodecamp.com/challenges/nest-an-anchor-element-within-a-paragraph#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3E%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%3C%2Fp%3E%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
@Hawkite oh man, are you kidding me? :D
Alexey Bakhtin-Bibikov
@Hawkite
Jun 19 2016 05:28
@jorisboschmans haha we did all that for nothing
Sarah Pezzulo
@stp6024
Jun 19 2016 05:28
@jorisboschmans do you know what i did wrong?
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:29
well, you added some kind of "<[]" where it shouldn't be
this is what i did <p><a href="http://www.freecatphotoapp.com">cat photos</a></p>
Sarah Pezzulo
@stp6024
Jun 19 2016 05:29
@jorisboschmans Thank you!!!! i see what i did wrong! thank you!
CamperBot
@camperbot
Jun 19 2016 05:29
stp6024 sends brownie points to @jorisboschmans :sparkles: :thumbsup: :sparkles:
:cookie: 258 | @jorisboschmans |http://www.freecodecamp.com/jorisboschmans
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:30
@Hawkite i didn't think it could be that simple :D
@stp6024 np ;)
Chris Cullen
@123xylem
Jun 19 2016 05:30

Quick Interesting QUEstion!!!:

checkCashRegister(2, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);

Im trying to convert the array into usable chuhnks that a count can accumulate with. EXAMPLE: in ["TEN", 20.00] there are 2 10s = 20.00... I need the array to say 10,10 so that count can use the values .
The challenge is Exact Change

Joris Boschmans
@jorisboschmans
Jun 19 2016 05:32
@123xylem go through all elements with for statement, use switch to change "TEN" to 10 eg....
Rizwan Khan
@rizTech
Jun 19 2016 05:33
need help to target three selectors with one class

Add the animated class to all elements with type button.

Add the shake class to all the buttons with class .btn.

Add the btn-primary class to the button with id #target1.

in jQuery
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:34
@123xylem better to create it in Object Notation.
Rizwan Khan
@rizTech
Jun 19 2016 05:34
code:
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("btn-primary");

});
</script>
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:35
@rizTech post your code pls
Rizwan Khan
@rizTech
Jun 19 2016 05:35
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("btn-primary");

});
</script>
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:36
@rizTech looks correct... maybe try to only add shake class to .btn
@rizTech you're already adding the class with the button selector
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:37
@rizTech code looks alright
Rizwan Khan
@rizTech
Jun 19 2016 05:37
but need to style all three selectors in one single class
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:37
$(".btn").addClass("shake");
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:38
@rizTech yes remove the class animated from .btn
Dan
@dcgoings
Jun 19 2016 05:38
is anyone here familiar with the forismatic api for the quote generator challenge?
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:39
@dcgoings its easy to just create an array full of quotes and use a for-in loop to get the quotes.
Dan
@dcgoings
Jun 19 2016 05:39
nah i know, but that sounds like the easy way out.
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:40
@dcgoings works great tho.
Dan
@dcgoings
Jun 19 2016 05:40
im sure, but it's too easy to do that lol
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:41
Using anAPI isn't that hard either
Dan
@dcgoings
Jun 19 2016 05:42
but i dont know how to do that yet. :) which is my goal for the quote challenge.
Ishtmeet Singh
@IshtmeetSingh
Jun 19 2016 05:42
@dcgoings Hmm are you familiar with APIs/ API calls?
Dan
@dcgoings
Jun 19 2016 05:43
not at all.
outside of the few challenges introducing them.
my only question is like.. using forismatic api, where are the quotes/text/authors stored? that's my only confusion.
Coy Sanders
@coymeetsworld
Jun 19 2016 05:44
api calls are not necessary for quotes
Dan
@dcgoings
Jun 19 2016 05:44
i.e. let's say i want specific quotes used.
understood.
but..
this is what i mean:
Coy Sanders
@coymeetsworld
Jun 19 2016 05:44
the zipline actually used to be in the beginner-level, but then they bumped it up probably because of the tweet button
SuhailG
@suhailgme
Jun 19 2016 05:46
@dcgoings forismatic can return a json object containing the quotes/texts/auuthors
Dan
@dcgoings
Jun 19 2016 05:47
hmm, okay.. so maybe im just asking this incorrectly and completely misunderstanding, but where is this information input?
for example, this codepen is using forismatic, right? http://codepen.io/dting/pen/PqrZgb/
but it all looks generic code.. nothing sticks out, but those quotes/etc are custom
that's my confusion
SuhailG
@suhailgme
Jun 19 2016 05:50
@dcgoings thats basically what this api does. It generates random quotes and then sends them to you so you do not have to manually make quotes
ghanshyam kucheriya
@kucheriyag
Jun 19 2016 05:50
how to go next step in cde camp
Dan
@dcgoings
Jun 19 2016 05:50
hmm..
SuhailG
@suhailgme
Jun 19 2016 05:51
@dcgoings the code in the pen is basically saying hey forismatic i want a jsonp container to hold a quote, also please give me a quote in english
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:51
@kucheriyag click "map" on the top
Baljeet Singh
@baljeet2bbb
Jun 19 2016 05:51
<script>
$(document).ready(function())
{}
</script>
ghanshyam kucheriya
@kucheriyag
Jun 19 2016 05:51
thks sir
Baljeet Singh
@baljeet2bbb
Jun 19 2016 05:51
error in this code?
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:52
np ;)
Baljeet Singh
@baljeet2bbb
Jun 19 2016 05:52
anyone can tell
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:52
@baljeet2bbb yes
Baljeet Singh
@baljeet2bbb
Jun 19 2016 05:52
plz
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:52
<script>
$(document).ready(function()
{});
</script>
the bracket
Dan
@dcgoings
Jun 19 2016 05:52
@suhailgme that makes much more sense now. i saw quite a few codepens using it and assumed the quotes were different and customized for whatever they wanted.
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:53
your entire function goes into the ready method
Dan
@dcgoings
Jun 19 2016 05:53
so if i wanted a specific person's quotes, i would NOT want to use forismatic then, correct?
Tarun sehgal
@FCCtarun
Jun 19 2016 05:54

Apply the blue-text class to your h1 element in addition to your pink-text class, and let's see which one wins.

Applying multiple class attributes to a HTML element is done with a space between them like this:

class="class1 class2"

Note: It doesn't matter which order the classes are listed in the HTML element.

However, the order of the class declarations in the <style> section are what is important. The second declaration will always take precedence over the first. Because .blue-text is declared second, it overrides the attributes of .pink-text

code:--

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

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

SuhailG
@suhailgme
Jun 19 2016 05:55
@dcgoings yup you should find a different api or make your own quotes by a specific author
Tarun sehgal
@FCCtarun
Jun 19 2016 05:55
in which I have placed blue first and then pink. then blue is printed.
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:55
@FCCtarun they mean in your css
Dan
@dcgoings
Jun 19 2016 05:55
thanks @suhailgme
CamperBot
@camperbot
Jun 19 2016 05:55
dcgoings sends brownie points to @suhailgme :sparkles: :thumbsup: :sparkles:
:cookie: 295 | @suhailgme |http://www.freecodecamp.com/suhailgme
SuhailG
@suhailgme
Jun 19 2016 05:55
@dcgoings anytime
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:56
@FCCtarun try to declare .blue-text before .pink-text in your style element
yc90
@yc90
Jun 19 2016 05:56
How do I change the size of image got from google in HTML5?
<style>
.larger-image {
width: 500px;
}
</style
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:56
@yc90 style="width=120px"
  • width:120px;
yc90
@yc90
Jun 19 2016 05:57
I have to create an image class? <img class = "smaller-image">
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:57
you can, but you don't have to
Tarun sehgal
@FCCtarun
Jun 19 2016 05:58
Done great @jorisboschmans
Joris Boschmans
@jorisboschmans
Jun 19 2016 05:58
@FCCtarun np ;)
SuhailG
@suhailgme
Jun 19 2016 06:00
@dcgoings its good practice to use the forismatic api for this project
Manish Giri
@Manish-Giri
Jun 19 2016 06:00
@yc90 create the smaller-image class, and set width to 100px
Thomas VanAllen
@RealTruth
Jun 19 2016 06:01
Can it become an issue later if i used <p2></p2> instead of just <p></p>? Currently in the kitty challenge.
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:01
@RealTruth p2 is not a correct tag for html. So don't use it
@RealTruth Even if it works, it's very bad practice
Thomas VanAllen
@RealTruth
Jun 19 2016 06:02
@jorisboschmans Ah thanks it worked so I was going to go with it but I wanted to make sure it wasn't bad practice.
CamperBot
@camperbot
Jun 19 2016 06:02
realtruth sends brownie points to @jorisboschmans :sparkles: :thumbsup: :sparkles:
:cookie: 261 | @jorisboschmans |http://www.freecodecamp.com/jorisboschmans
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:02
@RealTruth np ;)
gagandeeps543
@gagandeeps543
Jun 19 2016 06:03

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

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

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

Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
how do o complete this
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:04
@gagandeeps543
p{
font-size:16px;
}
when you're selecting a tag, not a class, simply write the name of the tag
gagandeeps543
@gagandeeps543
Jun 19 2016 06:05
but it is given :Do not add a class attribute to the second p element.
do
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:05
@gagandeeps543 that's why you're using a p selector, this will add the css to every p tag, without using a class
gagandeeps543
@gagandeeps543
Jun 19 2016 06:07
@jorisboschmans thank you for your help
CamperBot
@camperbot
Jun 19 2016 06:07
gagandeeps543 sends brownie points to @jorisboschmans :sparkles: :thumbsup: :sparkles:
:cookie: 262 | @jorisboschmans |http://www.freecodecamp.com/jorisboschmans
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:08
@gagandeeps543 np ;)
Thomas VanAllen
@RealTruth
Jun 19 2016 06:09

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

p{
font-size: 16px;
}

</style>

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

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

Chris Cullen
@123xylem
Jun 19 2016 06:10

@123xylem

   [ [ 'PENNY', 1.01, 0.01 ],   [ 'NICKEL', 2.05, 0.05 ],   [ 'DIME', 3.1, 0.1 ],   [ 'QUARTER', 4.25, 0.25 ],   [ 'ONE', 90, 1 ],   [ 'FIVE', 55, 5 ],   [ 'TEN', 20, 10 ],   [ 'TWENTY', 60, 20 ],   [ 'ONE HUNDRED', 100, 100 ] ]

In this array How can i make a var that looks at 2nd element and divides by 3rd element to get 1 number?
Eg var howManYcoins = array1/[2]
but for each array

Thomas VanAllen
@RealTruth
Jun 19 2016 06:10
It's showing that I have not set the font size, did I do it wrong?
not getting how to proceed for timestamp microservice backend project
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:11
@123xylem use a for loop? arrayi / array[i][2];
Shreya Sahu
@shreya22
Jun 19 2016 06:11
any help?
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:12
@RealTruth that's weird, could you link?
Thomas VanAllen
@RealTruth
Jun 19 2016 06:12
Do i just copy the url?
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:13
yes
Chris Cullen
@123xylem
Jun 19 2016 06:13
@jorisboschmans but how does the loop know which array its at? because it can do it for first array but then on the second array?
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:13
oh isee, you didn't close the bracket for tge .red-text
@123xylem well that's the i variable right?
Thomas VanAllen
@RealTruth
Jun 19 2016 06:14
@jorisboschmans Wow I feel stupid now, but very happy this chat exist. Thanks
CamperBot
@camperbot
Jun 19 2016 06:14
realtruth sends brownie points to @jorisboschmans :sparkles: :thumbsup: :sparkles:
:warning: realtruth already gave jorisboschmans points
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:14
@RealTruth The pros still make mistakes like this so don't feel stupid :D
Thomas VanAllen
@RealTruth
Jun 19 2016 06:15
@jorisboschmans Thanks nice to know everyone makes mistakes :smile:
CamperBot
@camperbot
Jun 19 2016 06:15
realtruth sends brownie points to @jorisboschmans :sparkles: :thumbsup: :sparkles:
:warning: realtruth already gave jorisboschmans points
Thomas VanAllen
@RealTruth
Jun 19 2016 06:16
p {
font-size: 16px;
font-family: Monospace;
}
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:16
@123xylem what do you want to do with the result?
Thomas VanAllen
@RealTruth
Jun 19 2016 06:16
Bad practice or no?
Iulian Crudu
@IulianCrudu
Jun 19 2016 06:16
Guys can somebody give me the link where i can find the scroll page with bootsrap code?
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:16
@RealTruth good practice :+1:
Chris Cullen
@123xylem
Jun 19 2016 06:17
@jorisboschmans Put it in as a 4th element
Im trying to work that out now
Thomas VanAllen
@RealTruth
Jun 19 2016 06:17
@jorisboschmans :sparkles:
Chris Cullen
@123xylem
Jun 19 2016 06:17
for(j=till.length-1;j>=0;j--){  
    var amountOfType=till[j][1]/till[j][2];
    till[j].push(amountOfType[j]);
Thats not reall working @jorisboschmans
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:18
amountOfType[j], remove the [j]
Chris Cullen
@123xylem
Jun 19 2016 06:18
Yep
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:18
it's a value not an array
did it work?
Chris Cullen
@123xylem
Jun 19 2016 06:19
But @jorisboschmans I did that but Its only working for the last half
maybe its something to do with the last half being less than 1
Baljeet Singh
@baljeet2bbb
Jun 19 2016 06:20
not getting the 102 thing
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:20
no idea... could you link? maybe i can find the problem that way?
Chris Cullen
@123xylem
Jun 19 2016 06:21
This message was deleted
This message was deleted
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:21
@123xylem i meant link the url. So i can run it for myself, to debug
Chris Cullen
@123xylem
Jun 19 2016 06:22
https://www.freecodecamp.com/challenges/exact-change#?solution=%0Afunction%20checkCashRegister(price%2C%20cash%2C%20cid)%20%7B%0Avar%20val%3B%0A%20%20var%20cost%3Darguments%5B0%5D%3B%0A%20%20var%20money%3Darguments%5B1%5D%3B%0Avar%20till%3D%20arguments%5B2%5D%3B%0A%20%20var%20count%3D0%3B%0A%20%20var%20arr%3D%5B%5D%3B%0A%20%20var%20change%3D%20money-cost%3B%0A%20var%20tillCount%3D0%3B%0A%20%20var%20chgCount%3D0%3B%0Avar%20convertedTill%3D%5B%5D%3B%0A%20%20%0A%20%20var%20denoms%20%3D%20%5B0.01%2C0.05%2C%200.1%2C%200.25%2C%201%2C%205%2C%2010%2C%2020%2C%20100%5D%3B%0Afor%20(var%20t%20%3D%200%3Bt%20%3C%20till.length%3B%20t%2B%2B)%20%7B%0A%20%20till%5Bt%5D.push(denoms%5Bt%5D)%3B%7D%0A%0A%20%20if(change%3C0)%7B%0A%20%20change%3DMath.abs(change)%3B%7D%2F%2Fthis%20makes%20change%20positive%20if%20its%20negative%20value%0Aelse%20change%3Dchange%3B%0A%20%20%0A%0A%20%20for(i%3D0%3B%20i%3Ctill.length%3Bi%2B%2B)%7B%0A%20%20%20count%2B%3Dtill%5Bi%5D%5B1%5D%3B%7D%0A%20%20%20%20if(change%3Ecount)%7B%20%0A%20%20%20%20return%20%22Insufficient%20Funds%22%3B%0A%2F%2F%20Make%20a%20count%20that%20totals%20till%20values.%20If%20change%20is%20more%20than%20till%20then%20say%20so%0A%20%0A%20%20%7D%20%20else%7B%0A%20%20%20%20var%20chgArr%3D%5B%5D%3B%0A%20%20for(j%3Dtill.length-1%3Bj%3E%3D0%3Bj--)%7B%20%20%0A%20%20%20%20var%20amountOfType%3Dtill%5Bj%5D%5B1%5D%2Ftill%5Bj%5D%5B2%5D%3B%0A%20%20%20%20till%5Bj%5D.push(amountOfType)%3B%0A%0A%20%20%20%20while(change%3EchgCount%26%26%20till%5Bj%5D%5B1%5D%3E0%20)%7B%2F%2F%20HOW%20DO%20I%20MAKE%20till%5Bi%5D%5B1%5D%3C%3Dchange%20NOT%20FAIL%20on%20while%20loop%3F%20I%20can%20use%20if%20but%20not%20sure%20how%20to%20use%20an%20if%20here%3F%3F%0A%20%20if(till%5Bj%5D%5B1%5D%3C%3Dchange)%7B%0A%20%20%20%20%20%20chgCount%2B%3Dtill%5Bj%5D%5B1%5D%3B%20%20%0A%20%20%20%20%20%20change-%3Dtill%5Bj%5D%5B1%5D%3B%0A%20%20%20%20%20%20chgArr.push(%22%22%2Btill%5Bj%5D%5B0%5D%2B%20%22%22%2B%22%2C%20%22%2B%22%22%2Btill%5Bj%5D%5B1%5D%2B%22%22)%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%7D%0A%20%20%20%20else%7Bj--%3B%7D%7D%0A%20%20%20%20%09return%20till%3B%7D%0A%20%20%7D%0A%7D%0AcheckCashRegister(2%2C%2020.00%2C%20%5B%5B%22PENNY%22%2C%201.01%5D%2C%20%5B%22NICKEL%22%2C%202.05%5D%2C%20%5B%22DIME%22%2C%203.10%5D%2C%20%5B%22QUARTER%22%2C%204.25%5D%2C%20%5B%22ONE%22%2C%2090.00%5D%2C%20%5B%22FIVE%22%2C%2055.00%5D%2C%20%5B%22TEN%22%2C%2020.00%5D%2C%20%5B%22TWENTY%22%2C%2060.00%5D%2C%20%5B%22ONE%20HUNDRED%22%2C%20100.00%5D%5D)%3B%0A
yup
it just pushes into last val only
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:25
you return till inside the for loop
so it will end there
return it just after the closing bracket of the forloop
Thomas VanAllen
@RealTruth
Jun 19 2016 06:27
}
.smaller-image {
width: 100px;
}
How do I apply this to <img src="">
Ok I got it, but I don't think this is good practice.
<img class="smaller-image"src="https://bit.ly/fcc-relaxing-cat">
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:30
that's it :D
Thomas VanAllen
@RealTruth
Jun 19 2016 06:31
Thanks
Baljeet Singh
@baljeet2bbb
Jun 19 2016 06:32
getting error in this
<script>
$(document).ready(function() {
$(".text-primary").addclass("animated shake");
});
</script>
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:32
addClass
capital C
Baljeet Singh
@baljeet2bbb
Jun 19 2016 06:33
no that's not an issue checked now
Joris Boschmans
@jorisboschmans
Jun 19 2016 06:33
then i don't know, you'll have to link it
Baljeet Singh
@baljeet2bbb
Jun 19 2016 06:33
ok
gagandeeps543
@gagandeeps543
Jun 19 2016 06:47
the image is not getting smaller

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

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

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

Joris Boschmans
@jorisboschmans
Jun 19 2016 06:47
@gagandeeps543 add the class to your img tag
not the div
gagandeeps543
@gagandeeps543
Jun 19 2016 06:52
ok
Iulian Crudu
@IulianCrudu
Jun 19 2016 06:56
Adrian Vrabie
@moldovean
Jun 19 2016 06:59
@IulianCrudu in my opinion, yes
Thomas
@TheCodyKnight
Jun 19 2016 07:06
https://codepen.io/TheCodyKnight/pen/rLerZp?editors=1010 can anyone tell me why I'm not recieving the (raw) json data from the twitter api into the message element? if i use .html("123test") the data is correctly inserted into the message element...
@TheCodyKnight you recieve an error...
@TheCodyKnight so the mistake is when calling the API. are you sure you don't have to send data along?
Thomas
@TheCodyKnight
Jun 19 2016 07:10
i actually don't know. but i already tried a different API, from openweather.org. complete with correct key. and it didn't work. i just want to get ANY api to work, because so far I couldn't :'(
can you provide me with an API you know is working for you, so I can test it with my function? that would help me a ton
i'm so frustrated right now
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:11
@TheCodyKnight i've not used it yet, but openweather is giving security issues... you should use forecast.io for that
Thomas
@TheCodyKnight
Jun 19 2016 07:11
i will try that
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:11
Ritvik Raj
@ritvikraj14
Jun 19 2016 07:12

I am doing geo-geolocation exercise in JSON API and AJAX. i have error in my code : Reference error , Navigation is not defined. Here is my code.

<script>
// Only change code below this line.

if(navigation.geolocation){
navigator.geolocation.getCurrentPosition(function(position){

  $("#data").html("latitude: "+position.coords.latitude+ "<br>longitude: " +position.coords.longitude);

});

}

// Only change code above this line.
</script>

<div id = "data">
<h4>You are here:</h4>

</div>

What is missing in my ? Please help
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:14
you wrote if(navigation istead of navigator
Ritvik Raj
@ritvikraj14
Jun 19 2016 07:15
Oops I just realised that. Silly misteke. Thanks @jorisboschmans
CamperBot
@camperbot
Jun 19 2016 07:15
ritvikraj14 sends brownie points to @jorisboschmans :sparkles: :thumbsup: :sparkles:
:cookie: 272 | @jorisboschmans |http://www.freecodecamp.com/jorisboschmans
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:15
@ritvikraj14 np ;)
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 07:15
@ritvikraj14 if(navigator.geolocation) not navigation.geolocation
Thomas
@TheCodyKnight
Jun 19 2016 07:16
@jorisboschmans i tried it now. https://api.forecast.io/forecast/63f75b99fce21c472f8130e199e50868/37.8267,-122.423 even displays the json data when clicked on correctly. but in my codepen, it doesn't do anything...
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:18
@TheCodyKnight weird...
Ritvik Raj
@ritvikraj14
Jun 19 2016 07:18
How can i put my projects which i did on codepen on github? I am new to all this.
RakeshNerkar
@Rakesh18754
Jun 19 2016 07:18

function(){
var dict = []; // creating a new array
var mapValue = JSON.parse(localStorage.getItem("ngStorage-Map"));
// fetching a value which i want to push
dict.push(mapValue); // this push is not appending the value its overridding the existing one
console.log(dict);
};

Any help how to append the value to an array at trhe newxt index position??

Thomas
@TheCodyKnight
Jun 19 2016 07:19
jquery is activated, obviously. as the same jquery function works with a string.
Jeff Gibson
@gibbymt
Jun 19 2016 07:19
@TheCodyKnight try using http://codepen.io (no https)
Prashant Sharma
@30Prashant
Jun 19 2016 07:19
Can anyone help me out through this?
https://www.freecodecamp.com/challenges/profile-lookup#?solution=%0A%2F%2FSetup%0Avar%20contacts%20%3D%20%5B%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22firstName%22%3A%20%22Akira%22%2C%0A%20%20%20%20%20%20%20%20%22lastName%22%3A%20%22Laine%22%2C%0A%20%20%20%20%20%20%20%20%22number%22%3A%20%220543236543%22%2C%0A%20%20%20%20%20%20%20%20%22likes%22%3A%20%5B%22Pizza%22%2C%20%22Coding%22%2C%20%22Brownie%20Points%22%5D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22firstName%22%3A%20%22Harry%22%2C%0A%20%20%20%20%20%20%20%20%22lastName%22%3A%20%22Potter%22%2C%0A%20%20%20%20%20%20%20%20%22number%22%3A%20%220994372684%22%2C%0A%20%20%20%20%20%20%20%20%22likes%22%3A%20%5B%22Hogwarts%22%2C%20%22Magic%22%2C%20%22Hagrid%22%5D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22firstName%22%3A%20%22Sherlock%22%2C%0A%20%20%20%20%20%20%20%20%22lastName%22%3A%20%22Holmes%22%2C%0A%20%20%20%20%20%20%20%20%22number%22%3A%20%220487345643%22%2C%0A%20%20%20%20%20%20%20%20%22likes%22%3A%20%5B%22Intriguing%20Cases%22%2C%20%22Violin%22%5D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%22firstName%22%3A%20%22Kristian%22%2C%0A%20%20%20%20%20%20%20%20%22lastName%22%3A%20%22Vos%22%2C%0A%20%20%20%20%20%20%20%20%22number%22%3A%20%22unknown%22%2C%0A%20%20%20%20%20%20%20%20%22likes%22%3A%20%5B%22Javascript%22%2C%20%22Gaming%22%2C%20%22Foxes%22%5D%0A%20%20%20%20%7D%0A%5D%3B%0A%0A%0Afunction%20lookUpProfile(firstName%2C%20prop)%7B%0A%2F%2F%20Only%20change%20code%20below%20this%20line%0A%20%20var%20obj%3B%0A%20%20for(var%20i%20%3D%200%3B%20i%20%3C%20contacts.length%3B%20i%2B%2B)%20%7B%0A%20%20%20%20obj%20%3D%20contacts%5Bi%5D%3B%0A%20%20%20%20if%20(obj.firstName%20%3D%3D%3D%20firstName%20%26%26%20obj%5Bprop%5D)%20%7B%0A%20%20%20%20%20%20return%20obj%5Bprop%5D%3B%0A%20%20%20%20%7D%20else%20if%20(!obj%5BfirstName%5D)%20%7B%0A%20%20%20%20%20%20return%20%22No%20such%20contact%22%3B%0A%20%20%20%20%7D%20else%20if%20(!obj%5Bprop%5D)%20%7B%0A%20%20%20%20%20%20return%20%22No%20such%20property%22%3B%0A%20%20%20%20%7D%20%0A%20%20%7D%0A%2F%2F%20Only%20change%20code%20above%20this%20line%0A%7D%0A%0A%2F%2F%20Change%20these%20values%20to%20test%20your%20function%0AlookUpProfile(%22kristian%22%2C%20%22lastName%22)%3B%0A
Jeff Gibson
@gibbymt
Jun 19 2016 07:20
there was a new release to chrome that messed with it I think, at least for me I found that
Thomas
@TheCodyKnight
Jun 19 2016 07:20
@gibbymt alright, i'll try it. although im on firefox
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:20
@TheCodyKnight no idea... :s
Thomas
@TheCodyKnight
Jun 19 2016 07:20
@jorisboschmans well thanks nonetheless...
CamperBot
@camperbot
Jun 19 2016 07:20
thecodyknight sends brownie points to @jorisboschmans :sparkles: :thumbsup: :sparkles:
:cookie: 273 | @jorisboschmans |http://www.freecodecamp.com/jorisboschmans
Thomas
@TheCodyKnight
Jun 19 2016 07:21
so http didn't do it for me, sadly
Jeff Gibson
@gibbymt
Jun 19 2016 07:22
@TheCodyKnight
$.get("https://api.forecast.io/forecast/63f75b99fce21c472f8130e199e50868/37.8267,-122.423", function(json) {
    $("#message").html(JSON.stringify(json));
}, "jsonp");
that will work
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:23
@30Prashant you should loop through all the contacts
Jeff Gibson
@gibbymt
Jun 19 2016 07:23
I'm not an expert but i ended up using .get during that challenge earlier this week and it worked well
Prashant Sharma
@30Prashant
Jun 19 2016 07:24
@jorisboschmans I'm looping through all contacts
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:25
@30Prashant well, how i did it was set a boolean to false in the beginning. and when you loop try to find a match for the firstname, if you do set it to true
that way you'll know if the contact exists
Prashant Sharma
@30Prashant
Jun 19 2016 07:26
@jorisboschmans okk, that's good
i'll try that
MrBurks
@mrburks
Jun 19 2016 07:26

WTF!!!!

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

Gagan Gill
@GGIll007
Jun 19 2016 07:27
Hi there so I'm stuck on the bootstrap grid, trying to put the elements side by side but it's not working.
<div class="row">
<div class="col-xs-4"><button class="btn btn-block btn-primary">Like</button>
<div class="col-xs-4"><button class="btn btn-block btn-info">Info</button>
<div class="col-xs=4"><button class="btn btn-block btn-danger">Delete</button>
</div>
That's what I did
What's wrong?
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:27
"col-xs=4" = should be -
Gagan Gill
@GGIll007
Jun 19 2016 07:28
Oh wow okay I fixed that but still doesn't work :(
MrBurks
@mrburks
Jun 19 2016 07:28
@GGIll007 yeah what @jorisboschmans said
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:29
oh i see, you used btn-block. That makes it use the entire space
try to remove it
MrBurks
@mrburks
Jun 19 2016 07:29
@GGIll007 You're trying to put 3 things side by side?
you have 4 things in your row
Gagan Gill
@GGIll007
Jun 19 2016 07:29
Yeahh
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:29
and you didn't close your divs
MrBurks
@mrburks
Jun 19 2016 07:29
move the button out of the row into a new row div
oh wait
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:30
@mrburks that would put it below
MrBurks
@mrburks
Jun 19 2016 07:30
I misread
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:31
@GGIll007 closing your divs and removing the btn-block should work
MrBurks
@mrburks
Jun 19 2016 07:31
@GGIll007 yeah what @jorisboschmans said
:)
Gagan Gill
@GGIll007
Jun 19 2016 07:32
Okay I'll try that. Thanks!!
Gagan Gill
@GGIll007
Jun 19 2016 07:42
Yay it worked! Thanks @jorisboschmans :)
CamperBot
@camperbot
Jun 19 2016 07:42
ggill007 sends brownie points to @jorisboschmans :sparkles: :thumbsup: :sparkles:
:cookie: 274 | @jorisboschmans |http://www.freecodecamp.com/jorisboschmans
Joris Boschmans
@jorisboschmans
Jun 19 2016 07:42
@GGIll007 np ;)
Lee-Quinn
@Lee-Quinn
Jun 19 2016 07:50
Add a submit button to your form element with type submit and "Submit" as its text. <form><button type="submit"this button submits the form> <action="submit"</button></form><input type="text" placeholder="cat photo URL"></input> could some on please tell me what i'm doing wrong
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 07:54
@Lee-Quinn you'll have to do it like <input type="submit" value="submit">
try checking this tutorial
Lee-Quinn
@Lee-Quinn
Jun 19 2016 07:56
thanks @Krish2704
CamperBot
@camperbot
Jun 19 2016 07:56
lee-quinn sends brownie points to @krish2704 :sparkles: :thumbsup: :sparkles:
:cookie: 352 | @krish2704 |http://www.freecodecamp.com/krish2704
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 07:58
@Lee-Quinn anytime
nonkey
@nonkey
Jun 19 2016 07:59
what is wrong with that ? please <style> h2 {color: blue <h2 CatPhotoApp</h2>;}
</style>
smokR
@smokR-spr
Jun 19 2016 08:03

2 things
write HTML out of CSS

so

<h2> should be out of <style> tag

and for <h2> you missed closing angle bracket

<style> 
h2 { 
  color: blue; 
}
</style>
<h2>CatPhotoApp</h2>
Mitch Wasson
@mitwas
Jun 19 2016 08:07

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

<body class= body>
<h1>Hello World</h1>
</body>

Why does it fail on "Give your body element the color property of green."
Many thx
nonkey
@nonkey
Jun 19 2016 08:09
oh yes thx a lot :)
clintonjohn
@clintonjohn
Jun 19 2016 08:11
@mitwas I had the same question earlier.
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:12
its not '.body. its just 'body'
@mitwas ' . ' should be given only for class. its not class here
Mitch Wasson
@mitwas
Jun 19 2016 08:12
@clintonjohn yep forth and last actions fail
clintonjohn
@clintonjohn
Jun 19 2016 08:14
@mitwas I believe you have to
body {
color: black;
}
@mitwas
In addition to the back
background color
That was the answer I remember working for me
Mitch Wasson
@mitwas
Jun 19 2016 08:19
It was "background-" causing the issue..thanks @clintonjohn
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:19
@clintonjohn if you want to chnange background color use 'background-color:' and for color of element use 'color:' @mitwas
clintonjohn
@clintonjohn
Jun 19 2016 08:20
@Krish2704 thanks
CamperBot
@camperbot
Jun 19 2016 08:20
clintonjohn sends brownie points to @krish2704 :sparkles: :thumbsup: :sparkles:
:cookie: 354 | @krish2704 |http://www.freecodecamp.com/krish2704
Mitch Wasson
@mitwas
Jun 19 2016 08:20
Awesome thx
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:22
@mitwas you probably tag the person's name when you thank them. BROWNIECURRENCY :p
CamperBot
@camperbot
Jun 19 2016 08:22
krish2704 sends brownie points to @mitwas :sparkles: :thumbsup: :sparkles:
:cookie: 55 | @mitwas |http://www.freecodecamp.com/mitwas
Carlos Ortega
@zorudeam
Jun 19 2016 08:22
hello? I need help with change-the-font-size-of-an-element
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:22
@zorudeam sure. tell me what?
Carlos Ortega
@zorudeam
Jun 19 2016 08:22
"Your p element should contain the first few words of the provided additional kitty ipsum text."
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:23
@zorudeam post your code here
Carlos Ortega
@zorudeam
Jun 19 2016 08:23

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

p {
font-size: 30px;
}
</style>

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

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

Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:24
@zorudeam what's the task?
Carlos Ortega
@zorudeam
Jun 19 2016 08:24
You need 2 p elements with Kitty Ipsum text.
Make sure each of your p elements has a closing tag.
Your p element should contain the first few words of the provided additional kitty ipsum text.
Do not add a class attribute to the second p element.
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:25
@zorudeam give font-size:16px inside the p of style tag
it's 30px there
Carlos Ortega
@zorudeam
Jun 19 2016 08:26
Fixed but I keep having the same problem
It says Your p element should contain the first few words of the provided additional kitty ipsum text.
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:27
@zorudeam you added the same text to the 2nd p element also. you sshould add the other text provided
Carlos Ortega
@zorudeam
Jun 19 2016 08:27
Also tried with kitty ipsum text and kitty ipsum, but doesn't work
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:29
@zorudeam did you get my point? you added the same text to the p elements
Carlos Ortega
@zorudeam
Jun 19 2016 08:29
No.. What does "provided additional kitty ipsum text" mean?
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:30
<p> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. </p>
this is the secong p element @zorudeam
Carlos Ortega
@zorudeam
Jun 19 2016 08:31
Oh.. Sorry. Thank you
michael dorsey
@mikedorsey1021
Jun 19 2016 08:32
hello everybody I was wondering if some one could please HELP!!! I've been looking at this code for an hour now and can't seem to figure out why the Bootstrap nav bar is adding about 10px to 15px of margin on the right side of my page. If somebody could take a look at this and give a solution. I also have already search the web for the answer and no luck fixing it. any help would greatly be appreciated. http://codepen.io/mikedorsey1021/pen/EyyrKq
also when the bootstrap .navbar-fixed-top is removed the problem no longer persist. but i need that class
miguel361
@miguel361
Jun 19 2016 08:34
so now I'm stuck, on "make images mobile responsive:
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:35
@miguel361 just add the class img-responsive to your image element
jatincoder
@jatincoder
Jun 19 2016 08:44
hey guys i wanna know how to use alignment in html 5
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:44
@jatincoder which alignment are you talking about?/
jatincoder
@jatincoder
Jun 19 2016 08:45
text and image
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:47
@jatincoder you'll have to add it in the required way in the css
jatincoder
@jatincoder
Jun 19 2016 08:49
@Krish2704 how??
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:49
@jatincoder whats your exact question?
you want to change the size?
jatincoder
@jatincoder
Jun 19 2016 08:50
i want to align the text without css
Baljeet Singh
@baljeet2bbb
Jun 19 2016 08:52
i have problem in this
https://www.freecodecamp.com/challenges/target-the-same-element-with-multiple-jquery-selectors#?solution=%0Afccss%0A%20%20%24%28document%29.ready%28function%28%29%20{%0A%20%20%20%20%24%28%22button%22%29.addclass%28%22animated%22%29%3B%0A%20%20%20%20%24%28%22.btn%22%29.addclass%28%22shake%22%29%3B%0A%20%20%20%20%24%28%22%23target1%22%29.addclass%28%22btn-primary%20animated%20shake%22%29%3B%0A%20%20%20%20%0A%20%20}%29%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:52
@jatincoder align the text as? align it to right,left or change the size/color?
@baljeet2bbb don't add animated-shake to your target id. add only btn-primary
Baljeet Singh
@baljeet2bbb
Jun 19 2016 08:56
then also not getting
https://www.freecodecamp.com/challenges/target-the-same-element-with-multiple-jquery-selectors#?solution=%0Afccss%0A%20%20%24%28document%29.ready%28function%28%29%20{%0A%20%20%20%20%24%28%22button%22%29.addclass%28%22animated%20%22%29%3B%0A%20%20%20%20%24%28%22.btn%22%29.addclass%28%22shake%22%29%3B%0A%20%20%20%20%24%28%22%23target1%22%29.addclass%28%22btn-primary%20%22%29%3B%0A%20%20%20%20%0A%20%20}%29%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
erick simich
@ericko5194
Jun 19 2016 08:56
Hey guys how do i uncomment
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 08:58
@ericko5194 in html/css?
erick simich
@ericko5194
Jun 19 2016 08:59
Baljeet Singh
@baljeet2bbb
Jun 19 2016 08:59
tell plz @Krish2704
jatincoder
@jatincoder
Jun 19 2016 08:59
Remove <!-- and --> from your code @ericko5194
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:00
@Krish2704 remove <!--> and -->
@ericko5194
erick simich
@ericko5194
Jun 19 2016 09:01
Thank
Baljeet Singh
@baljeet2bbb
Jun 19 2016 09:03
please tell
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:03
@ericko5194 thank after adding the full id. just click on the @krish2704 before you thank :p
CamperBot
@camperbot
Jun 19 2016 09:03
krish2704 sends brownie points to @ericko5194 :sparkles: :thumbsup: :sparkles:
:cookie: 8 | @ericko5194 |http://www.freecodecamp.com/ericko5194
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:03
@baljeet2bbb wait
@baljeet2bbb share your code here
Baljeet Singh
@baljeet2bbb
Jun 19 2016 09:04
https://www.freecodecamp.com/challenges/target-the-same-element-with-multiple-jquery-selectors#?solution=%0Afccss%0A%20%20%24%28document%29.ready%28function%28%29%20{%0A%20%20%20%20%24%28%22button%22%29.addclass%28%22animated%20%22%29%3B%0A%20%20%20%20%24%28%22.btn%22%29.addclass%28%22shake%22%29%3B%0A%20%20%20%20%24%28%22%23target1%22%29.addclass%28%22btn-primary%20%22%29%3B%0A%20%20%20%20%0A%20%20}%29%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:04
not the link post your code
Baljeet Singh
@baljeet2bbb
Jun 19 2016 09:05
ok
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:05
just type ``` and press enter and then paste your code
Baljeet Singh
@baljeet2bbb
Jun 19 2016 09:05

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

});
</script>

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

Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:06

<script>
  $(document).ready(function() {
    $("button").addClass("animated ");
    $(".btn").addClass("shake ");
    $("#target1").addClass("btn-primary ");
  });
</script>
Baljeet Singh
@baljeet2bbb
Jun 19 2016 09:07
i have also written the same code and it's not working
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:07
@baljeet2bbb addClass has c as capital letter, you gave it small letter
Baljeet Singh
@baljeet2bbb
Jun 19 2016 09:07
plz tell the correction
erick simich
@ericko5194
Jun 19 2016 09:07
Hey guys how do i uncomment
Baljeet Singh
@baljeet2bbb
Jun 19 2016 09:07
that doesn't matter freecodecamp compiler takes care of it
Rahul Moje
@Rahul-Moje
Jun 19 2016 09:09
```
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:10
@baljeet2bbb put c as capital letter in addclass and your code will work
@ericko5194 remove '<!--' and '-->' from your html
Baljeet Singh
@baljeet2bbb
Jun 19 2016 09:11
no it's not working dude
cannelflow
@cannelflow
Jun 19 2016 09:11
HTML5 says semantic elements such as header, nav, footer, etc should be used instead of Div.But Bootstrap most of them are using Div tag.So Which is the good approach Bootstrap Div tags or HTML5 Semantic Tags and Why and how can i use semantic element is bootstrap
Mayank-Kabra
@Mayank-Kabra
Jun 19 2016 09:11
"Give the text input in your form the class form-control." what does this mean?? can anybody help
cannelflow
@cannelflow
Jun 19 2016 09:12
@Mayank-Kabra <input type="text"> is your text input
Rob Tuck
@robtuck93
Jun 19 2016 09:12
```
Baljeet Singh
@baljeet2bbb
Jun 19 2016 09:12
'''
CamperBot
@camperbot
Jun 19 2016 09:12
:bulb: to format code use backticks! ``` more info
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:13
<script>
$(document).ready(function() {
$("button").addclass("animated ");
$(".btn").addclass("shake");
$("#target1").addclass("btn-primary ");

});
</script>
@baljeet2bbb try asting this in your code and tell me if it works
Mayank-Kabra
@Mayank-Kabra
Jun 19 2016 09:13
@cannelflow i already did that but its not working
Amilyn
@amilynamanilla
Jun 19 2016 09:14
help.. I complete do not understand how to do this
CamperBot
@camperbot
Jun 19 2016 09:14
no wiki entry for: i complete do not understand how to do this
Amilyn
@amilynamanilla
Jun 19 2016 09:14
blob
blob
blob
oops sorry for spamming
Mayank-Kabra
@Mayank-Kabra
Jun 19 2016 09:15
@cannelflow i figured it out...thanks
Chris Cullen
@123xylem
Jun 19 2016 09:15


function checkCashRegister(price, cash, cid) {
var val;
  var cost=arguments[0];
  var money=arguments[1];
var till= arguments[2];
  var count=0;
  var arr=[];
  var change= money-cost;
 var tillCount=0;
  var chgCount=0;
var convertedTill=[];

  var denoms = [0.01,0.05, 0.1, 0.25, 1, 5, 10, 20, 100];
for (var t = 0;t < till.length; t++) {
  till[t].push(denoms[t]);}

  if(change<0){
  change=Math.abs(change);}//this makes change positive if its negative value
else change=change;


  for(i=0; i<till.length;i++){
   count+=till[i][1];}
    if(change>count){ 
    return "Insufficient Funds";
// Make a count that totals till values. If change is more than till then say so

  }  else{
    var chgArr=[];
  for(j=till.length-1;j>=0;j--){  
    var amountOfType=till[j][1]/till[j][2];
    till[j].push(amountOfType);


    while(change>chgCount&& till[j][1]>0 &&change!==chgCount ){// HOW DO I MAKE till[i][1]<=change NOT FAIL on while loop? I can use if but not sure how to use an if here??
  if(till[j][1]<=change){
      chgCount+=till[j][2];  
      change-=till[j][2];
      chgArr.push(""+till[j][0]+ ""+", "+""+till[j][2]*[j]+"");//HERE I WANT TO RETURN eg 10 pennies as 0.10 rather than penny 0.1 10 times HOW??

    }
    else{j--;}}
        }return chgArr;
  }
}
checkCashRegister(15, 20.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
How can i make my chgarrpush Push the value once but multpilied the amount it needs to be?
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:16
@amilynamanilla what did you not understand>
Amilyn
@amilynamanilla
Jun 19 2016 09:19
@Krish2704 i tried to convert the switch/case to
var lookup = {
"alpha":"Adams",
"bravo":"Boston",
"charlie":"Chicago",
"delta":"Denver",
"echo": "Easy",
"foxtrot":"Frank"
};
@Krish2704 then call it using
result = lookup.charlie;
did i do it wrong?
i must have.. somewhere
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:20
@amilynamanilla your code is correct.
but what's asked to do there?
did you return the result?
is it mentioned to use the switch statement?
Amilyn
@amilynamanilla
Jun 19 2016 09:22
@Krish2704 yup result is returned.. that part of the code was automated and not supposed to be edited
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:22
@amilynamanilla what are you asked to do?
Amilyn
@amilynamanilla
Jun 19 2016 09:23
@Krish2704 here are the instructions, and the results i got after running the script..
blob
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:25
@amilynamanilla lookup is a function having parameter
so your syntax should be like var lookup = function(val){};
no wait
Nicholasontheroad
@Nicholasontheroad
Jun 19 2016 09:26
hi
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:26
share your complete code here
taneeshsr
@taneeshsr
Jun 19 2016 09:26
Plz help.
"Browser zoom should be at 100%."
Nicholasontheroad
@Nicholasontheroad
Jun 19 2016 09:26
is there anyone there that can help me?
llama-0
@llama-0
Jun 19 2016 09:26
Hi! How to make a dead link?
Rahul Moje
@Rahul-Moje
Jun 19 2016 09:26
@taneeshsr which browser are you using ?
Amilyn
@amilynamanilla
Jun 19 2016 09:26

```// Setup
function phoneticLookup(val) {
var result = "";

// Only change code below this line
var lookup = {
"alpha":"Adams",
"bravo":"Boston",
"charlie":"Chicago",
"delta":"Denver",
"echo": "Easy",
"foxtrot":"Frank"
};
result = lookup.charlie;

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

// Change this value to test
phoneticLookup("charlie");
```

taneeshsr
@taneeshsr
Jun 19 2016 09:27
@Rahul-Moje ..chrome.
Amilyn
@amilynamanilla
Jun 19 2016 09:27
@llama-0 replace the whole like with "#"
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:27
@amilynamanilla result = lookup[val];
@amilynamanilla you gave it a constant which is charlie so everytime it will return the same answer
Amilyn
@amilynamanilla
Jun 19 2016 09:28
@Krish2704 THANKS!!! my brain was just not thinking outside the box
CamperBot
@camperbot
Jun 19 2016 09:28
amilynamanilla sends brownie points to @krish2704 :sparkles: :thumbsup: :sparkles:
:cookie: 358 | @krish2704 |http://www.freecodecamp.com/krish2704
Amilyn
@amilynamanilla
Jun 19 2016 09:29
or the curly brackets. lol.
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:29
@amilynamanilla haha. happens :D
Joost
@joostvanheesbeen
Jun 19 2016 09:29
Hi all, I've been working on the Wikipedia viewer but the API call doesn't work even though I'm doing it exactly the same way as with my other Front End api projects.. can anyone have a look please? http://codepen.io/joostvanheesbeen/pen/RRPqja
Rahul Moje
@Rahul-Moje
Jun 19 2016 09:30
llama-0
@llama-0
Jun 19 2016 09:31
<a #href="http://www.ff.com">this is ff</a>.</p>
that's not working. When I do this <#a href="http://www.ff.com">this is ff</a#>.</p> the link looks dead, but compiler still tells me that task is not complited
Rahul Moje
@Rahul-Moje
Jun 19 2016 09:32
@llama-0 <a href="#" thats the syntax
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:32
@llama-0 don't add #
taneeshsr
@taneeshsr
Jun 19 2016 09:32
@Rahul-Moje , i m at 100%, but still getting the same error.
Amilyn
@amilynamanilla
Jun 19 2016 09:32
@Krish2704 though it's done, but im just curious, i tried result = lookup.val; and it didn't work. wondering how come it doesnt work using dot operator?
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:32
@llama-0 if you want a deadlink put <a href="#">something</a>
Prakrati Dangarh
@praksd
Jun 19 2016 09:32
what is the third option saying - https://www.freecodecamp.com/challenges/style-text-inputs-as-form-controls#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-8%22%3E%0A%20%20%20%20%20%20%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22img-responsive%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cimg%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%22%3E%3Ci%20class%3D%22fa%20fa-thumbs-up%22%3E%3C%2Fi%3E%20Like%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3E%3Ci%20class%3D%22fa%20fa-info-circle%22%3E%3C%2Fi%3E%20Info%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3E%3Ci%20class%3D%22fa%20fa-trash%22%3E%3C%2Fi%3E%20Delete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20%3Cspan%20class%3D%22text-danger%22%3Elove%3A%3C%2Fspan%3E%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20class%3D%22form-control%22%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20class%3D%22form-control%22%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20class%3D%22form-control%22%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20class%3D%22form-control%22%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20class%3D%22form-control%22%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-primary%22%20type%3D%22submit%22%3E%3Ci%20class%3D%22fa%20fa-paper-plane%22%3E%3C%2Fi%3ESubmit
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:32
@amilynamanilla yup. dot notation won't work. it works ony when you know the exact property and not by a variable
Amilyn
@amilynamanilla
Jun 19 2016 09:33
@Krish2704 ahh i see it now. thanks again! :)
CamperBot
@camperbot
Jun 19 2016 09:33
amilynamanilla sends brownie points to @krish2704 :sparkles: :thumbsup: :sparkles:
:warning: amilynamanilla already gave krish2704 points
llama-0
@llama-0
Jun 19 2016 09:33
Thanks for your help! I misunderstood the instructions!
Rahul Moje
@Rahul-Moje
Jun 19 2016 09:33
@taneeshsr even i cant help you then. maybe reloading or logging out and restarting chrome or stuffs something like these may work
Nicholasontheroad
@Nicholasontheroad
Jun 19 2016 09:34
<p> cat photos
<a href='http://freecatphotoapp.com'>
</a>
</p>
what is wrong with this code?
Rahul Moje
@Rahul-Moje
Jun 19 2016 09:34
@Nicholasontheroad link should be in " "
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:35
@Nicholasontheroad its fine. maybe you should add something between your a tags
Nicholasontheroad
@Nicholasontheroad
Jun 19 2016 09:35
I tired that, it didnt work
in the example its '
@Rahul-Moje @Nicholasontheroad
I tired that, it didnt work
in the example its '
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:36
@Nicholasontheroad single quotation is fine. you should add something between your a tages maybe?
Rahul Moje
@Rahul-Moje
Jun 19 2016 09:36
@Krish2704 we can give link in single quotes ?
Nicholasontheroad
@Nicholasontheroad
Jun 19 2016 09:37
@Krish2704 can you explain? I think I ran into a bug
Krishna Sai Gullapalli
@Krish2704
Jun 19 2016 09:38
@Rahul-Moje yup. it doesnt matter if you have it in single quotes or double
</