These are chat archives for FreeCodeCamp/Help

29th
Jun 2017
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:00
@zhay37 hi, whats on your mind?
ok?
Teodor
@zhay37
Jun 29 2017 00:04
@alexanderkopke thanks alexander! well I had some questions with th example tribute page, here , i'll paste de code im curious about
CamperBot
@camperbot
Jun 29 2017 00:04
zhay37 sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1579 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke

<div class="row">
<div class="col-xs-12">
<h1 class="text-center">Dr. Norman Borlaug</h1>
<h2 class="text-center"><em>The man who saved a billion lives</em></h2>

why is the class row used if the h1 and h2 are not on the same line, but one above the other?

and what is the col-xs-12 used for in this page? like, where has it been useful? I cant really see it, although I dont have a great understanding on bootstrap's grid system and i struggle to comprehend how it really works and how i should use it
also, how is the caption of the picture inside the outline box? (i think its the jumbotron) and how is the timeline centered in the middle? I cant really get mine to look as good without messing up..
@alexanderkopke
and also this: <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
I have no clue what that does..
i've looked through videos and different documentarion regarding the grid system and im still unsure
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:08
I will start with row and col-xs-12
these bootstrap classes create a grid system... col-xs-12 will use the entire width
since col-xs-12 is given to a div more than one element can be inside
Teodor
@zhay37
Jun 29 2017 00:09
but why is a grid system needed in this case? wouldnt you be able to just write your h1 and then h2 right under and give them the text-center class?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:11
@zhay37 technically you may be right, I guess it is just a decision the coder made. One moment. I will try it out
Teodor
@zhay37
Jun 29 2017 00:11
okay! thanks for taking the time to explain all of this by the way :)
i just feel really lost
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:13
@zhay37 you are right. there doesn't seem to be any difference. I moved the h1 and h2 out of it the row and no difference https://codepen.io/alexanderkopke/pen/ZyvjOL
Teodor
@zhay37
Jun 29 2017 00:14
ahh, makes sense
and, in what occasions do you think the grid system would be necessary?
and what exactly does it do in <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:15
<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> this one handles different screen sizes xs being the smallest, then sm, md... there is also lg and xl I think but wasn't used here
Teodor
@zhay37
Jun 29 2017 00:16
so.. it makes it so you can see it on all screens?
wouldnt you be able to get the same result without that?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:17
so teh grid is 12 across. You can chop it up in parts.. if you want the content to be pushed to the side, you can use offset... so you have col-sm-10 and col-sm-offset-1 is set on each side makes 12 in total
bootstrap usually is responsive but you can decide how it should look on the screen by these commands/classes
if you don't want it took take all the widht you make it offset by 1 or 2 for example
Teodor
@zhay37
Jun 29 2017 00:19
i dont think i've learnt what the offset is, what does it do?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:19
usually you have two column or col with 6 parts each.. but on mobile you want it to take all the width and so you can control it with those screen classes
offset pushes the content in
Teodor
@zhay37
Jun 29 2017 00:20
what's different on mobile? do they not have 6 columns each too?
sorry for all the questions im just really lost and i've been like this for a while now
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:22
@zhay37 yes they can have 6 but since the screen is smaller...
say you have two pictures side by side. that you can see on your desktop nicely
Teodor
@zhay37
Jun 29 2017 00:22
okay
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:23
but on a smaller screen you only want to see one picture at a time
instead of side by side
Teodor
@zhay37
Jun 29 2017 00:24
you would set one of the pictures under a col-xs-6 and the other on another col-xs-6?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:27
@zhay37 you'll have col-md-6 two times.. with the pictures in but you'll also give the them col-xs-12 so when the screen is a mobile then it will show the pictures full width
Teodor
@zhay37
Jun 29 2017 00:28
wait..
why medium? and wouldnt the col-xs-12 be for the desktop?
because it would occupy all the width?
whats the difference between xs md and lg and when do I use each one?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:31
xs means extra small it means usually meant for mobile phones
there are some specific pixels setttings for each value, xs, sm, md, lg...
Teodor
@zhay37
Jun 29 2017 00:32
so should I set a class for each size on my website so it can be seen on all devices?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:33
usually if you use bootstrap classes it will make it responsive for you so you don't have to worry about it
Teodor
@zhay37
Jun 29 2017 00:33
so classes like text-center and center-block?
actually i'll stop being annoying with this lol
just one last question if you dont mind?
how is the caption under the pic included nicely in that white box? I cant get mine to do that, even when i nest it in the div jumbotron
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:37
https://codepen.io/alexanderkopke/pen/RgxBKv You can see the effect I was talkign about here. I have given the images two bootstrap classes. Then try grabbing the edge of the browser and make its width smaller. You should be able to see its responsiveness
so first they are side by side and then they are on top of each other
@zhay37 right under the image you create a div with the classes caption text-center and then inside the div you add the text
Teodor
@zhay37
Jun 29 2017 00:40
ahhh i see what you mean now!!
but why do you write second at the end?
what is that for?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:40
but both the image and the div with caption and text-center must be inside a div with class thumbnail
Teodor
@zhay37
Jun 29 2017 00:40
hmm maybe thats why it wasnt working for me
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:41
I was trying something else first so I created a second class but didn't use it
Teodor
@zhay37
Jun 29 2017 00:41
ohh okay
what\s the difference between container-fluid and container? the fluid one just makes everything adapt to mobile devices too right?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:42
<div class="thumbnail">
<img src="..">
<div class="caption text-center">
text
</div>
</div>
container and container-fluid have different width settings
@zhay37 I have changed it ti container, so you can see its width is more narrow: https://codepen.io/alexanderkopke/pen/RgxBKv
Teodor
@zhay37
Jun 29 2017 00:45
ahh i see
wow man, thanks for all the help, i really appreciate it!
no one has ever taken this much time to explain things to me
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:46
no problem :)
Teodor
@zhay37
Jun 29 2017 00:46
no one's had the patience to do it either haha
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:46
I had the time so why not :)
Teodor
@zhay37
Jun 29 2017 00:46
mind if i ask, how did you get along with all these things when you first started out, did you pick up on things swiftly and with ease or were you sort of stuck like me?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:47
no, i was exactly like you.
Teodor
@zhay37
Jun 29 2017 00:47
I worry im not understanding the things i learn clearly, i've heard of people complelting this page in just a couple of hours but ive been stuck here for quite a lot longer than that
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:47
I was so confused my head was spinning
Teodor
@zhay37
Jun 29 2017 00:47
and where did you get all your help from?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:48
I found tutorials, read stuff, watched youtube videos, experimented
Teodor
@zhay37
Jun 29 2017 00:49
oh woah i just saw your profile :o how long have you been coding for?
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:49
about 2 years
Allen
@allensoberano
Jun 29 2017 00:49
Where should I start for the Random quote generator? I tried starting with just connecting with same code from FCC json and replacing the url to another api. but when button is clicked, nothing happens. How can I check if I'm getting the json data
I think going through ajax / json on treehouse is a good class to take before tackling Random Quote Generator. I could copy and paste a lot of code to figure it out but still would feel lost I think. Anyone else have that feeling when starting the random quote generator?
Melissa S.
@mmsusc78
Jun 29 2017 00:53
Bare with me.... just started coding 2 days ago and am stuck... Says I need to ensure all "button tags" have a closing tag.... what am I missing here?
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">
<button class="well">
<button class="well">
<button class="well">


</div>
</div>
<div class="col-xs-6">
<div class="well">
<button class="well">
<button class="well">
<button class="well">



</div>
</div>
</div>
</div>
Alexander Køpke
@alexanderkopke
Jun 29 2017 00:54
@allensoberano oh yeah I felt so lost! I couldn't believe FCC would be so cruel to me.
Allen
@allensoberano
Jun 29 2017 00:54
@mmsusc78 </div> is a div closing tag
so if you need a button closing tag.....
@alexanderkopke That's totally how I feel.
Teodor
@zhay37
Jun 29 2017 00:56
@mmsusc78 if an element has a closing tag, it is always the same tag but with a / before it, like <p> </p> <h1> </h1> etc. apply this logic to find your button closing tag :)
Kyle Holm
@thekholm80
Jun 29 2017 00:56
it took me a while to get the hang of apis
Amit Patel
@AmitP88
Jun 29 2017 00:58
@mmsusc78
Melissa S.
@mmsusc78
Jun 29 2017 00:58
@zhay37 wow.. i feel dumb... I was only adding one </button> tag instead of the 6... thanks!
CamperBot
@camperbot
Jun 29 2017 00:58
mmsusc78 sends brownie points to @zhay37 :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @zhay37 |http://www.freecodecamp.com/zhay37
Amit Patel
@AmitP88
Jun 29 2017 00:58
solution.png
Teodor
@zhay37
Jun 29 2017 00:59
@mmsusc78 :P good luck melissa!
Melissa S.
@mmsusc78
Jun 29 2017 01:00
@zhay37 ha thanks so much! forgive my newness to this! good luck to you in whatever phase you are in!
CamperBot
@camperbot
Jun 29 2017 01:00
mmsusc78 sends brownie points to @zhay37 :sparkles: :thumbsup: :sparkles:
:warning: mmsusc78 already gave zhay37 points
Amit Patel
@AmitP88
Jun 29 2017 01:01
@mmsusc78 I recommend spacing out your code similar to how I did in the image. makes keeping track of your tags much much easier
@mmsusc78 do you use Sublime Text?
Melissa S.
@mmsusc78
Jun 29 2017 01:01
@AmitP88 No I have not yet! Thanks for your help!
CamperBot
@camperbot
Jun 29 2017 01:01
:cookie: 298 | @amitp88 |http://www.freecodecamp.com/amitp88
mmsusc78 sends brownie points to @amitp88 :sparkles: :thumbsup: :sparkles:
Amit Patel
@AmitP88
Jun 29 2017 01:02
@mmsusc78 they have a plugin to where if you enter in the name of your tag (ex. div tag) and hit Tab, it'll automatically generate both the opening and closing tags
Teodor
@zhay37
Jun 29 2017 01:02
anyone know why the historical achievements dont have the jumbotron class background color?
Amit Patel
@AmitP88
Jun 29 2017 01:02
@mmsusc78 I think Codepen has it too but not sure
Teodor
@zhay37
Jun 29 2017 01:03
codepen has it too just realised :o
soo.. anyone know why that happens?
Manish Giri
@Manish-Giri
Jun 29 2017 01:06
@zhay37 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
Allen
@allensoberano
Jun 29 2017 01:06
@alexanderkopke how long did you work on the Random quote generator?
Manish Giri
@Manish-Giri
Jun 29 2017 01:06
where's the <div class="row">
Teodor
@zhay37
Jun 29 2017 01:08
@Manish-Giri ahh just added it! works now thank
CamperBot
@camperbot
Jun 29 2017 01:08
zhay37 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6143 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jun 29 2017 01:11
@thekholm80 x
daynebritt
@daynebritt
Jun 29 2017 01:11
hey guys, I'm having trouble assigning my div with the silver back-round. I have the property set in the style, but can't figure out how to assign it
Kyle Holm
@thekholm80
Jun 29 2017 01:11
lol
Manish Giri
@Manish-Giri
Jun 29 2017 01:11
@daynebritt
  1. find the div element
  2. give it the class silver-background
any idea why my h3 is at the side and not at the bottom?
daynebritt
@daynebritt
Jun 29 2017 01:14
<div>
class="silver-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
Teodor
@zhay37
Jun 29 2017 01:15
nvm just figured it out!
Ravi Kishore Thella
@ravikishorethella
Jun 29 2017 01:16
@daynebritt class should be inside the <div>
Teodor
@zhay37
Jun 29 2017 01:16
@daynebritt you add classed to elements before the closing tag, for example: for h1 its <h1 class = "name-of-your-class"> your text here</h1>
classes*
daynebritt
@daynebritt
Jun 29 2017 01:18
you are the man!
thank you
Teodor
@zhay37
Jun 29 2017 01:25
would anyone like to have a look at my finished tribute site and give me feedback on how to improve it? would be greatly appreciated
Vincent
@vincenzostudio
Jun 29 2017 01:26
Hi Teodor
I have one advice about the <b> tag, some reading for you :) https://www.w3schools.com/tags/tag_b.asp
and also about the <i> tag, https://www.w3schools.com/tags/tag_i.asp
it is better to use <strong> and <em>
Teodor
@zhay37
Jun 29 2017 01:30
thanks @vincenzostudio ! I'll check them out now
CamperBot
@camperbot
Jun 29 2017 01:30
zhay37 sends brownie points to @vincenzostudio :sparkles: :thumbsup: :sparkles:
:cookie: 99 | @vincenzostudio |http://www.freecodecamp.com/vincenzostudio
Vincent
@vincenzostudio
Jun 29 2017 01:30
but the best would be to style it with your css
Teodor
@zhay37
Jun 29 2017 01:31
ahh, I heard it's not really recommend it, I'll get into the habit of working with <em> and <strong>!
Vincent
@vincenzostudio
Jun 29 2017 01:31
you don't need a strong tag in heading tag
Teodor
@zhay37
Jun 29 2017 01:31
There's one part of the code that I dont really understand and was hoping someone could explain it to me, as I just stripped it from the example template so that my other elements would work the way I want them to
<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
Vincent
@vincenzostudio
Jun 29 2017 01:32
you are welcome ;)
thank you for the cookie
Teodor
@zhay37
Jun 29 2017 01:32
I understand bootstrap's grid system (more or less) but this just kinda makes my head spin, would you mind explaining it to me?
no probs :p, what are they used for anyway?
Vincent
@vincenzostudio
Jun 29 2017 01:33
about the cookies I don't know I am new here
Teodor
@zhay37
Jun 29 2017 01:34
ohh alright
Vincent
@vincenzostudio
Jun 29 2017 01:34
the classes it is for bootstrap
what is the thing you don't understand?
Teodor
@zhay37
Jun 29 2017 01:35

<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">

this line right here, im not entirely sure what it does

daynebritt
@daynebritt
Jun 29 2017 01:35

}

.silver-background {
background-color: silver;

#cat-photo-form {
  background-color:green;
}

</style>

Teodor
@zhay37
Jun 29 2017 01:35
i experimented a little bit and i found out that it makes it so that my code is written in the middle of the screen and not in the side
daynebritt
@daynebritt
Jun 29 2017 01:35
can't seem to set my form's background to green?
Teodor
@zhay37
Jun 29 2017 01:36
would you mind sharing all your code so I can take a look? @daynebritt
from a first glance, I don't think you're making the class the right way, you make them with a . at the beginning (.cat-photo-form)
Vincent
@vincenzostudio
Jun 29 2017 01:36
it means, on extra small screen you want 12 columns, 10 on small, and you want one offest of one column (it means it push the content of 1 column), and on medium screen 8 columns and push the content of 2 columns
Teodor
@zhay37
Jun 29 2017 01:37
not sure if it also works with #, dont think so
daynebritt
@daynebritt
Jun 29 2017 01:37

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

.silver-background {
background-color: silver;

#cat-photo-form {
background-color:green;
}

</style>

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

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

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

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

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

Teodor
@zhay37
Jun 29 2017 01:37
@vincenzostudio what do you mean by push?
@daynebritt you haven't assigned the class you just made to your form!
@daynebritt Do you remember how to do that?
daynebritt
@daynebritt
Jun 29 2017 01:39
no lol
Teodor
@zhay37
Jun 29 2017 01:40
xD okay look
you can add classes to your elements by doing this:

lets take a h1 element for example, to assign a class to it we would do this:

<h1 class = "name-of-your-class-here"> some random text </h1>

daynebritt
@daynebritt
Jun 29 2017 01:41
actually it's telling me not to add class or style attributes to my form
Teodor
@zhay37
Jun 29 2017 01:41
oh
lol
what does it want you to do then?
daynebritt
@daynebritt
Jun 29 2017 01:41
wants me to use # in the style
Vincent
@vincenzostudio
Jun 29 2017 01:41
@zhay37 Offsets are used for spacing elements in the responsive grid.
Teodor
@zhay37
Jun 29 2017 01:42
@vincenzostudio do you have some useful resources about the responsive grid system I could have a look at or maybe some videos?
Vincent
@vincenzostudio
Jun 29 2017 01:43
@zhay37 you don't need the spaces <div class = "row"> ---> <div class="row">
daynebritt
@daynebritt
Jun 29 2017 01:43
use an ID attribute to style an element
Teodor
@zhay37
Jun 29 2017 01:44
@vincenzostudio i just like having my code spaced out :D
Teodor
@zhay37
Jun 29 2017 01:45
its kinda the same thing i think @daynebritt, if i remember correctly, you have to assign an ID to your form and then in the <style> </style section (CSS) you need to make a class and set the background-color to green
Teodor
@zhay37
Jun 29 2017 01:45
thanks @vincenzostudio i'll read it tomorrow, its like 4 am here and i wanna get some sleep
CamperBot
@camperbot
Jun 29 2017 01:45
zhay37 sends brownie points to @vincenzostudio :sparkles: :thumbsup: :sparkles:
:warning: zhay37 already gave vincenzostudio points
Teodor
@zhay37
Jun 29 2017 01:46
thanks! i'll saved them and read through it tomorrow!
good night guys! and good luck @daynebritt
Vincent
@vincenzostudio
Jun 29 2017 01:46
no problem ;) good night
good luck
AJ
@ShinobiDatCodes
Jun 29 2017 01:50
Who here is really good at responsive design?
Kyle Holm
@thekholm80
Jun 29 2017 01:50
define 'really good'
AJ
@ShinobiDatCodes
Jun 29 2017 01:52
@thekholm80 HA! Hey Kyle. Alright, this is a bit embarrassing but I am trying to figure out if I can make text content collapse as I shrink the window. The problem I see is that I am setting them using the row property and setting them as 3 columns using class="col-xs-4" for each block of text.
Manish Giri
@Manish-Giri
Jun 29 2017 01:53

Who here is really good at responsive design?

Kyle Holm

Kyle Holm
@thekholm80
Jun 29 2017 01:54
@ShinobiDatCodes oh man sorry i don't really use bootstrap
@Manish-Giri haha thanks
Benny
@bentenballer
Jun 29 2017 01:56
Can someone help? Idk what's wrong with my code here :C

function palindrome(str) {
// Good luck!
var strReplace = str.replace(/[\W_]/g,"");
var strPal = strReplace.split("").toLowerCase("").revese().join("");
if (strPal===strReplace){
return false;
}
else if (strPal!==strReplace) {
return false;
}
}

palindrome("eye");

Manish Giri
@Manish-Giri
Jun 29 2017 01:56
lol
such editing
AJ
@ShinobiDatCodes
Jun 29 2017 01:57
@thekholm80 Alright that's fine. I am trying to find options. How would you deal with the problem? If you had 3 sets of text on your webpage and you would like them to rearrange vertically after the screen shrinks past a certain point?
Manish Giri
@Manish-Giri
Jun 29 2017 01:57
media queries
@ShinobiDatCodes
AJ
@ShinobiDatCodes
Jun 29 2017 01:57
@Manish-Giri using @media?
Manish Giri
@Manish-Giri
Jun 29 2017 01:57
yup
@ShinobiDatCodes
Kyle Holm
@thekholm80
Jun 29 2017 01:58
personally i'd use media queries and flexbox, because that's what I know. bootstrap can do the same thing but i'm too lazy to read the docs
actually with flexbox you don't really even need the media queries
AJ
@ShinobiDatCodes
Jun 29 2017 01:59
Alright, let me see what material I can find on media queries. I read some docs using it, but I am still getting familiar.
Thanks guys @thekholm80 @Manish-Giri
CamperBot
@camperbot
Jun 29 2017 01:59
shinobidatcodes sends brownie points to @thekholm80 and @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1209 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:star2: 6144 | @manish-giri |http://www.freecodecamp.com/manish-giri
Kyle Holm
@thekholm80
Jun 29 2017 01:59
@ShinobiDatCodes there's a great post on FCC's medium about proper media breakpoints, highly recommend
Kyle Holm
@thekholm80
Jun 29 2017 02:02
@anthonygallina1 that's the one, thanks
CamperBot
@camperbot
Jun 29 2017 02:02
thekholm80 sends brownie points to @anthonygallina1 :sparkles: :thumbsup: :sparkles:
:star2: 5629 | @anthonygallina1 |http://www.freecodecamp.com/anthonygallina1
anthonygallina1
@anthonygallina1
Jun 29 2017 02:03
@thekholm80 Thank you :)
CamperBot
@camperbot
Jun 29 2017 02:03
anthonygallina1 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1210 | @thekholm80 |http://www.freecodecamp.com/thekholm80
VELINSKIY
@VELINSKIY
Jun 29 2017 02:04
Heya everyone, i need help with "Testing Objects for Properties", someone up to take a look please?
Kyle Holm
@thekholm80
Jun 29 2017 02:04
sure
VELINSKIY
@VELINSKIY
Jun 29 2017 02:05

// Setup
var myObj = {
gift: "pony",
pet: "kitten",
bed: "sleigh"
};

function checkObj(checkProp) {
// Your Code Here

myObj.hasOwnProperty();

if (myObj.hasOwnProperty() === true) {
return checkProp;
} else { return "Not Found";
}
}
// Test your code by modifying these values
checkObj("gift");

-> Modify the function checkObj to test myObj for checkProp. If the property is found, return that property's value. If not, return "Not Found".
Benny
@bentenballer
Jun 29 2017 02:06

HELP Can't pass these two :C

palindrome("A man, a plan, a canal. Panama") should return true.
palindrome("My age is 0, 0 si ega ym.") should return true.

function palindrome(str) {
// Good luck!
var strReplace = str.replace(/[\W_]/g,"");
var strPal = strReplace.toLowerCase("").split("").reverse().join("");
if (strPal===strReplace){
return true;
}
else {
return false;
}
}

palindrome("eye");

Kyle Holm
@thekholm80
Jun 29 2017 02:06
@VELINSKIY the way .hasOwnProperty() works is you have to put a value inside it to check for
Object.hasOwnProperty(value)
then it returns true / false
VELINSKIY
@VELINSKIY
Jun 29 2017 02:07
will try
how to return the value?
Kyle Holm
@thekholm80
Jun 29 2017 02:07
@bentenballer .toLowerCase("") what are the quotes doing here?
@VELINSKIY which value?
VELINSKIY
@VELINSKIY
Jun 29 2017 02:08
myObj.hasOwnProperty(gift); -> myObj.hasOwnProperty(gift);
its name so i dont put it into " or ' ... still doesnt recognize it
Kyle Holm
@thekholm80
Jun 29 2017 02:09
@VELINSKIY the value you should be checking for is the argument checkProp passed into your function
VELINSKIY
@VELINSKIY
Jun 29 2017 02:10
@thekholm80 ... how to return value like: check for gift -> true -> return "ponny" ? :)
Kyle Holm
@thekholm80
Jun 29 2017 02:10
to access properties in an object using a variable you have to use [] ... so return Object.[variable]
VELINSKIY
@VELINSKIY
Jun 29 2017 02:11
ok
@thekholm80
return myObj.[checkProp]; :D doesnt work
AJ
@ShinobiDatCodes
Jun 29 2017 02:13
@thekholm80 Thanks kyle, I'll try to find the post.
CamperBot
@camperbot
Jun 29 2017 02:13
shinobidatcodes sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: shinobidatcodes already gave thekholm80 points
VELINSKIY
@VELINSKIY
Jun 29 2017 02:13
also myObj.hasOwnProperty(value) seems like doesnt work :(
Kyle Holm
@thekholm80
Jun 29 2017 02:14
@ShinobiDatCodes :point_up: June 28, 2017 8:02 PM
@VELINSKIY well, yeah, you need to put your variable where value is. i didn't give you a solution to copy/paste in
Benny
@bentenballer
Jun 29 2017 02:14
@thekholm80 I used it to change the characters to lower case
VELINSKIY
@VELINSKIY
Jun 29 2017 02:14

// Setup
var myObj = {
gift: "pony",
pet: "kitten",
bed: "sleigh"
};

function checkObj(checkProp) {
// Your Code Here

myObj.hasOwnProperty(gift);
myObj.hasOwnProperty(pet);
myObj.hasOwnProperty(bed);

if (myObj.hasOwnProperty() === true) {
return myObj.[];
} else { return "Not Found";
}
}
// Test your code by modifying these values
checkObj("gift");

maybe im stupid but i cant make it working :D
Manish Giri
@Manish-Giri
Jun 29 2017 02:15
...
Kyle Holm
@thekholm80
Jun 29 2017 02:15
@Manish-Giri tag you're it
Manish Giri
@Manish-Giri
Jun 29 2017 02:15
no I'm learning redux pls
VELINSKIY
@VELINSKIY
Jun 29 2017 02:15
@thekholm80 i did
return doesn't accept [ token...
Kyle Holm
@thekholm80
Jun 29 2017 02:16
dispatch actions to reducers to update state @Manish-Giri there you know redux now you're it lol
VELINSKIY
@VELINSKIY
Jun 29 2017 02:16
i tried to write value inside
Manish Giri
@Manish-Giri
Jun 29 2017 02:16
:unamused:
:running:
Kyle Holm
@thekholm80
Jun 29 2017 02:16
@VELINSKIY i'm afraid i'm not good at explaining this
VELINSKIY
@VELINSKIY
Jun 29 2017 02:19
@thekholm80 sorry
Kyle Holm
@thekholm80
Jun 29 2017 02:19
var myObject = {
  car: blue,
  house: red
}
var checkProp = 'car';
console.log(myObject.hasOwnProperty(checkProp));  // this logs true, because myObject has a property that matches the value stored in checkProp
Manish Giri
@Manish-Giri
Jun 29 2017 02:20
a friend I know got a round trip ticket to SFO, for $103
Kyle Holm
@thekholm80
Jun 29 2017 02:20
gtfo
Manish Giri
@Manish-Giri
Jun 29 2017 02:20
why don't these things happen with me
frontier
Kyle Holm
@thekholm80
Jun 29 2017 02:20
from where?
Manish Giri
@Manish-Giri
Jun 29 2017 02:20
cinci
Kyle Holm
@thekholm80
Jun 29 2017 02:20
oh yeah that's the frontier hub
i hate frontier
Manish Giri
@Manish-Giri
Jun 29 2017 02:21
but still, $103
Kyle Holm
@thekholm80
Jun 29 2017 02:21
yeah, but then it's another $30 for a seatbelt, $25 to go to the bathroom, $18 to get off the plane, etc
Manish Giri
@Manish-Giri
Jun 29 2017 02:21
frontier doesn't allow cabin bags for free, I think?
lol
Kyle Holm
@thekholm80
Jun 29 2017 02:21
nothing is free on frontier.
they count how many breaths you take of their air and bill you
Manish Giri
@Manish-Giri
Jun 29 2017 02:22
rofl
sounds right
kishore
@kishoremani98
Jun 29 2017 02:22

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

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

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

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

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

Kyle Holm
@thekholm80
Jun 29 2017 02:22
still, at least they don't beat you like united
AJ
@ShinobiDatCodes
Jun 29 2017 02:23
@thekholm80 got it. Thanks for sharing @anthonygallina1
CamperBot
@camperbot
Jun 29 2017 02:23
shinobidatcodes sends brownie points to @thekholm80 and @anthonygallina1 :sparkles: :thumbsup: :sparkles:
:warning: shinobidatcodes already gave thekholm80 points
kishore
@kishoremani98
Jun 29 2017 02:23
Your new image should have a src of https://bit.ly/fcc-running-cats.
Manish Giri
@Manish-Giri
Jun 29 2017 02:23
lol
CamperBot
@camperbot
Jun 29 2017 02:23
:star2: 5630 | @anthonygallina1 |http://www.freecodecamp.com/anthonygallina1
Trevor C
@tc-ham
Jun 29 2017 02:23
var myStr="\\FirstLine\\\nSecondLine\rThirdLine";// Change this line
How do I know what order to put the escape sequences in?
kishore
@kishoremani98
Jun 29 2017 02:23
help
Kyle Holm
@thekholm80
Jun 29 2017 02:23
@kishoremani98 where's your new image?
<img class=img-responsive> oh there it is
Manish Giri
@Manish-Giri
Jun 29 2017 02:24
@tc-ham the order is mentioned on the left
Kyle Holm
@thekholm80
Jun 29 2017 02:24
@kishoremani98 look at your other image tag for a reference of what your new one should look like
Trevor C
@tc-ham
Jun 29 2017 02:24
@Manish-Giri According to the table it is in the correct order
kishore
@kishoremani98
Jun 29 2017 02:25
@thekholm80 i will see
Manish Giri
@Manish-Giri
Jun 29 2017 02:25
@tc-ham I don't think so
georgebatton
@georgebatton
Jun 29 2017 02:26
I'm using text edit in mac and I'm copying my code word for word that works in code camp. It works and shows the correct items. However, If I go to change a color or font size it just reverts back to default black or standard size before I added the class. Does anyone know why this is?
Trevor C
@tc-ham
Jun 29 2017 02:26
@Manish-Giri I got it it wasn't the table it was a line in the directions
Manish Giri
@Manish-Giri
Jun 29 2017 02:26
FirstLinenewlinebackslashSecondLinebackslashcarriage-returnThirdLine
Kyle Holm
@thekholm80
Jun 29 2017 02:27
@georgebatton not quite sure what you mean
VELINSKIY
@VELINSKIY
Jun 29 2017 02:28
@thekholm80 thank you, i got it, made it work :)
CamperBot
@camperbot
Jun 29 2017 02:28
velinskiy sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1211 | @thekholm80 |http://www.freecodecamp.com/thekholm80
georgebatton
@georgebatton
Jun 29 2017 02:29
For instance if I copy the code class=“red-text" into an H1 element in text/edit on my MAC it works and the text ends up blue. If I change it to say class=“blue-text" , it reverts back to black default.
Kyle Holm
@thekholm80
Jun 29 2017 02:29
@VELINSKIY good job!
georgebatton
@georgebatton
Jun 29 2017 02:29
sorry I mean it shows as red
but if I try to change to blue it doesn't work
Kyle Holm
@thekholm80
Jun 29 2017 02:30
@georgebatton and you have the classes defined in your style section?
georgebatton
@georgebatton
Jun 29 2017 02:30
yes.
Kyle Holm
@thekholm80
Jun 29 2017 02:30
screen shot?
VELINSKIY
@VELINSKIY
Jun 29 2017 02:33
@thekholm80 thanks. p.s. why doesnt it send you cookies?
CamperBot
@camperbot
Jun 29 2017 02:33
velinskiy sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: velinskiy already gave thekholm80 points
VELINSKIY
@VELINSKIY
Jun 29 2017 02:33
finaly :D
Kyle Holm
@thekholm80
Jun 29 2017 02:33
@VELINSKIY haha
cbot is lazy
CamperBot
@camperbot
Jun 29 2017 02:33
you called?
georgebatton
@georgebatton
Jun 29 2017 02:35
kyle how do I copy and past a prnt screen on a mac?
VELINSKIY
@VELINSKIY
Jun 29 2017 02:35
@thekholm80 maybe :D lol he replied you :)
georgebatton
@georgebatton
Jun 29 2017 02:35
image.png
Kyle Holm
@thekholm80
Jun 29 2017 02:35
@georgebatton mac? you don't have a computer?
georgebatton
@georgebatton
Jun 29 2017 02:36
nevermind
VELINSKIY
@VELINSKIY
Jun 29 2017 02:36
@camperbot nothing, keep doing your stuff :D
georgebatton
@georgebatton
Jun 29 2017 02:36
image.png
I changed the text for my own purposes and it works but the font and colors default back
Kyle Holm
@thekholm80
Jun 29 2017 02:37
that's strange
have you tried inspecting your page?
oh you might try
<head>
  <style>
    /* all your style stuff */
  </style>
</head>
then wrap your html in <body></body> tags
FCC does a lot of stuff for you behind the scenes
georgebatton
@georgebatton
Jun 29 2017 02:39
so add htlm and body around the whole thing?
Tricia
@patricia07
Jun 29 2017 02:39
hey can u help me

// Setup
var lastName = "Lovelace";

// Only change code below this line
var secondToLastLetterOfLastName = lastName[lastName.length -6];

Kyle Holm
@thekholm80
Jun 29 2017 02:40
the full formed html page would be
<html>
  <head>
  </head>
  <body>
  </body>
</html>
@patricia07 why -6?
Tricia
@patricia07
Jun 29 2017 02:41
subtract 1?
@thekholm80
Kyle Holm
@thekholm80
Jun 29 2017 02:42
you want the second to last letter?
Tricia
@patricia07
Jun 29 2017 02:42
yep
georgebatton
@georgebatton
Jun 29 2017 02:43
image.png
Can you check this and see if I did this correctly?
Kyle Holm
@thekholm80
Jun 29 2017 02:44
if lastName = 'Lovelace' then lastName.length will be 8. 8 - 6 in a zero-indexed array puts you at the letter v
@georgebatton closer. don't put anything in <head> that you want displayed on the page
georgebatton
@georgebatton
Jun 29 2017 02:45
ok
Tricia
@patricia07
Jun 29 2017 02:46
@thekholm80 oh okay thanks
CamperBot
@camperbot
Jun 29 2017 02:46
patricia07 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1212 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Benny
@bentenballer
Jun 29 2017 02:46

function palindrome(str) {
// Good luck!

var strReplace = str.replace(/[\W_,]/g,"");
var strLower = strReplace.toLowerCase("");
if (strLower.split("").reverse().join("")===strReplace)
{
return true;
}
else {
return false;
}
}

palindrome("eye");

still can't pass T_T

georgebatton
@georgebatton
Jun 29 2017 02:46
image.png
like this?
Benny
@bentenballer
Jun 29 2017 02:46
nvm

function palindrome(str) {
// Good luck!

var strReplace = str.replace(/[\W_,]/g,"");
var strLower = strReplace.toLowerCase("");
if (strLower.split("").reverse().join("")===strLower)
{
return true;
}
else {
return false;
}
}

palindrome("eye");

i got it C:
Kyle Holm
@thekholm80
Jun 29 2017 02:47
@georgebatton well the <style></style> goes in the head
georgebatton
@georgebatton
Jun 29 2017 02:47
ok
Kyle Holm
@thekholm80
Jun 29 2017 02:48
@bentenballer good job! want to see something cool?
georgebatton
@georgebatton
Jun 29 2017 02:49
image.png
Benny
@bentenballer
Jun 29 2017 02:50
@thekholm80 yes senpai
Kyle Holm
@thekholm80
Jun 29 2017 02:51
@georgebatton there you go. i guess that didn't fix it though. can you paste your code into the html box http://jsbin.com/?html,output and then click the share button and give me the link?
@bentenballer if (strLower.split("").reverse().join("")===strLower) this is a true/false check, right?
you're returning true or false
so you can just return strLower.split("").reverse().join("")===strLower; and save a lot of code
Manish Giri
@Manish-Giri
Jun 29 2017 02:52
oooh a mac
Benny
@bentenballer
Jun 29 2017 02:53
@thekholm80 :oooo oo snap! thank you!!!
CamperBot
@camperbot
Jun 29 2017 02:53
bentenballer sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1213 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
Jun 29 2017 02:53
@bentenballer :+1:
georgebatton
@georgebatton
Jun 29 2017 02:54
kyle one I click on share how do I share it with you?
Manish Giri
@Manish-Giri
Jun 29 2017 02:55
@georgebatton did you take off the html, body tags?
georgebatton
@georgebatton
Jun 29 2017 02:55
manish I tried it both ways
Kyle Holm
@thekholm80
Jun 29 2017 02:55
image.png
copy this link and paste it in the chat
Can anyone see this link?
Kyle Holm
@thekholm80
Jun 29 2017 03:00
@georgebatton it's your quotes for some reason
really weird
i deleted your quotes around your classes in the html and put them back and it all worked
georgebatton
@georgebatton
Jun 29 2017 03:00
Quotes as in ""?
Kyle Holm
@thekholm80
Jun 29 2017 03:00
yeah
maybe that's just one of the dangers of copy/paste code?
georgebatton
@georgebatton
Jun 29 2017 03:03
What a pian
pain
Kyle Holm
@thekholm80
Jun 29 2017 03:03
lol
Ross Scarborough
@SourceHorse
Jun 29 2017 03:03
Do people here prefer to use CSS, Bootstrap, or something else to make navbars?
georgebatton
@georgebatton
Jun 29 2017 03:03
so you can't copy paste in coding?
Manish Giri
@Manish-Giri
Jun 29 2017 03:04
@georgebatton make sure you've got the head, body tags
Kyle Holm
@thekholm80
Jun 29 2017 03:04
I'd suggest typing all your code, you'll remember it better if you do
Manish Giri
@Manish-Giri
Jun 29 2017 03:04
and the doctype
here's the thing at my end
same code as yours, on safari
Screenshot 2017-06-28 23.03.58.png
Kyle Holm
@thekholm80
Jun 29 2017 03:04
@SourceHorse i think the bootstrap navbar is much easier than making your own from scratch
Manish Giri
@Manish-Giri
Jun 29 2017 03:05
damn sublime, here's the code
Kyle Holm
@thekholm80
Jun 29 2017 03:05
but, you'll learn more making your own
Manish Giri
@Manish-Giri
Jun 29 2017 03:05
Screenshot 2017-06-28 23.05.04.png
georgebatton
@georgebatton
Jun 29 2017 03:05
before HTML don't I need something on line 1?
Kyle Holm
@thekholm80
Jun 29 2017 03:05
yeah, <DOCTYPE html>
Richard Andreasen
@Richand83
Jun 29 2017 03:06
Hey everyone Looking for a little help with this challenge Syntax i think it killing me Im not understanding how to use square brackets on the challenge "Accessing Objects Properties with Bracket Notation"

var testObj = {
"an entree": "hamburger",
"my side": "veggies",
"the drink": "water"
};

// Only change code below this line

var entreeValue = "hamburger"; // Change this line
var drinkValue = "water"; // Change this line

i am not sure where to use the square brackets in this
Ross Scarborough
@SourceHorse
Jun 29 2017 03:07
@thekholm80 Thanks. It seems CSS allows for much more styling, is anyone in the industry against using CSS?
CamperBot
@camperbot
Jun 29 2017 03:07
sourcehorse sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1214 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Richard Andreasen
@Richand83
Jun 29 2017 03:07
i pass everything but using two square brackets
Claudio Restifo
@Marmiz
Jun 29 2017 03:07

is anyone in the industry against using CSS

yes: 1992 browsers

Uriel Guzmán
@Burinson
Jun 29 2017 03:07
why can't i access the chat from the website?
it just says " get a hint"
Manish Giri
@Manish-Giri
Jun 29 2017 03:07
it's gone
Uriel Guzmán
@Burinson
Jun 29 2017 03:08
Why?
Manish Giri
@Manish-Giri
Jun 29 2017 03:08
coz they thought they were making people sign up for too many things
Uriel Guzmán
@Burinson
Jun 29 2017 03:08
when did this happen? lol
Dario
@destrabao89
Jun 29 2017 03:09
Feels like the last day or two
Is there a reason <img class="image-center" src="http://i.imgur.com/LKDKD1o.jpg" alt="Lt. Colonel Percy Fawcett, 1911"> isn't displaying the picture?
Uriel Guzmán
@Burinson
Jun 29 2017 03:09
Oh, well, anyway, I wanted help with the Celsius to Farenheit challenge from JS
Ross Scarborough
@SourceHorse
Jun 29 2017 03:09
@Marmiz So, I can just go crazy with CSS?
Kyle Holm
@thekholm80
Jun 29 2017 03:09
@destrabao89 in codepen?
Dario
@destrabao89
Jun 29 2017 03:10
Yes
Kyle Holm
@thekholm80
Jun 29 2017 03:10
imgur and codepen don't play nice
Dario
@destrabao89
Jun 29 2017 03:10
Trying to do the tribute page project
Manish Giri
@Manish-Giri
Jun 29 2017 03:10
also, it's http
codepen doesn't do http anymore, that might be a reason
Dario
@destrabao89
Jun 29 2017 03:10
Ahhh, any recommendations on image hosting sites that work well with codepen?
Kyle Holm
@thekholm80
Jun 29 2017 03:10
yeah
pexels i use often
Adam Bohannon
@abohannon
Jun 29 2017 03:10
does anyone have tips on combining multiple repos into on on github? E.g. I have all my FCC projects as individual repos but want to put them into a single repo called "Freecodecamp Projects"
Ross Scarborough
@SourceHorse
Jun 29 2017 03:11
photobucket works.. but sooo many adds
Kyle Holm
@thekholm80
Jun 29 2017 03:11
@abohannon that's a very good question
i wish i had an answer
Manish Giri
@Manish-Giri
Jun 29 2017 03:11
does anyone have tips on combining multiple repos into on on github? E.g. I have all my FCC projects as individual repos but want to put them into a single repo called "Freecodecamp Projects"
I do that
Claudio Restifo
@Marmiz
Jun 29 2017 03:11
@SourceHorse people nowaday makes animations and full drowing with CSS in webpages.
Many 404 are CSS only :)
Manish Giri
@Manish-Giri
Jun 29 2017 03:11
but it's not pretty
Adam Bohannon
@abohannon
Jun 29 2017 03:11
@Manish-Giri haha oh no
Dario
@destrabao89
Jun 29 2017 03:11
Great, thanks @Manish-Giri @thekholm80 @SourceHorse
CamperBot
@camperbot
Jun 29 2017 03:11
destrabao89 sends brownie points to @manish-giri and @thekholm80 and @sourcehorse :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @sourcehorse |http://www.freecodecamp.com/sourcehorse
:star2: 1215 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:star2: 6145 | @manish-giri |http://www.freecodecamp.com/manish-giri
Ross Scarborough
@SourceHorse
Jun 29 2017 03:12
thanks @Marmiz . Going to make a sexy navbar
CamperBot
@camperbot
Jun 29 2017 03:12
sourcehorse sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 972 | @marmiz |http://www.freecodecamp.com/marmiz
Manish Giri
@Manish-Giri
Jun 29 2017 03:13
@destrabao89 like if you want your projects to be served from github pages, you need to have the full pathname, which doesn't look pretty at all
username.github.io/Root-Folder/Data-Vis/React/2-Leaderboard/index.html
Kyle Holm
@thekholm80
Jun 29 2017 03:13
not bad, 12 hours at the pc and I've written 2 lines of code. #winning
Manish Giri
@Manish-Giri
Jun 29 2017 03:13
me - no lines
gotta get back
Uriel Guzmán
@Burinson
Jun 29 2017 03:13
Why does it say "only change code beneath this line" and you have to change the Farenheit variable ABOVE the line specified? Wtf
Kyle Holm
@thekholm80
Jun 29 2017 03:13
wha? you finished your scatterplot today didn't you?
Claudio Restifo
@Marmiz
Jun 29 2017 03:14
@Burinson you don't have to change the variable at all
you have to assing it a formula
Manish Giri
@Manish-Giri
Jun 29 2017 03:14

wha? you finished your scatterplot today didn't you?

I did, but that's barely any productive code :sob:

Dario
@destrabao89
Jun 29 2017 03:14
hahah I've been doing this for a few hours and my page still looks way worse than when I used to make Geocities sites as a kid
Kyle Holm
@thekholm80
Jun 29 2017 03:14
lol
Uriel Guzmán
@Burinson
Jun 29 2017 03:14
@Marmiz but it's misleading, I'm adding something above the specified line
Claudio Restifo
@Marmiz
Jun 29 2017 03:14
@Burinson like?
Richard Andreasen
@Richand83
Jun 29 2017 03:15
@destrabao89 it took me days to do my tribute page
Uriel Guzmán
@Burinson
Jun 29 2017 03:15
@Marmiz = (celsius * (9/5)) + 32;
Kyle Holm
@thekholm80
Jun 29 2017 03:15
@Manish-Giri i think i'm going to set a record for express middleware usage
Richard Andreasen
@Richand83
Jun 29 2017 03:15
lol you'll get a hang of it CSS can be difficult
Manish Giri
@Manish-Giri
Jun 29 2017 03:15
:smile:
I can imagine
@thekholm80
and then I know whom I can turn to for questions
Dario
@destrabao89
Jun 29 2017 03:15
Thank god I wrote everything down in a notebook that I can flip back and forth to
Richard Andreasen
@Richand83
Jun 29 2017 03:16
I had to keep flipping back and forth to the different lessons
Claudio Restifo
@Marmiz
Jun 29 2017 03:16

@Burinson there should be a:

//only change code below

//only change code above
return fahrenheit

something like that

you insert your declaration and don't touch the return statement
Kyle Holm
@thekholm80
Jun 29 2017 03:17
like that?
Uriel Guzmán
@Burinson
Jun 29 2017 03:17
image.png
@Marmiz Isn't that misleading?
Richard Andreasen
@Richand83
Jun 29 2017 03:18
lol
Claudio Restifo
@Marmiz
Jun 29 2017 03:18
@Burinson there's a " only change code below as well.
why you changed the variable
it's used for testing
Uriel Guzmán
@Burinson
Jun 29 2017 03:18
Didn't mean to post the entire ss, lol
Claudio Restifo
@Marmiz
Jun 29 2017 03:19
they are asking you to work in a specific portion of your code
since some stuff are necessary to test your entries
if you have a better idea you're welcome to submit a PR and change that :)
Uriel Guzmán
@Burinson
Jun 29 2017 03:20
@Marmiz So I was supposed to put a duplicate of var fahrenheit = (celsius * (9/5)) + 32; in the lines specified?
Claudio Restifo
@Marmiz
Jun 29 2017 03:21
@Burinson not declare it again:
var something: // initialized variable

something = something-else //assigned an expression

return something // return new value
Manish Giri
@Manish-Giri
Jun 29 2017 03:21
no
georgebatton
@georgebatton
Jun 29 2017 03:21
I typed everything word for word without any copying and pasting in text edit in plaintext and it still won't change the colors or font size
Manish Giri
@Manish-Giri
Jun 29 2017 03:22
@Burinson this is how it started off
Screenshot 2017-06-28 23.21.48.png
the variable was declared on line 3
your code goes AFTER line 4
Claudio Restifo
@Marmiz
Jun 29 2017 03:23
Unfortunately the variable declaration and return are necessary to test your code in a standard matter. @Burinson
You can't be too loose :/
Kyle Holm
@thekholm80
Jun 29 2017 03:23
@georgebatton do you have apple care? maybe you got a bad apple?
Manish Giri
@Manish-Giri
Jun 29 2017 03:23
lol
georgebatton
@georgebatton
Jun 29 2017 03:23
it's a macbok air
book
Uriel Guzmán
@Burinson
Jun 29 2017 03:24
@Manish-Giri Okay, I think I understand
Kyle Holm
@thekholm80
Jun 29 2017 03:24
@Manish-Giri loves apple maybe he can help you get it sorted out
Manish Giri
@Manish-Giri
Jun 29 2017 03:24
:heart: :apple:
georgebatton
@georgebatton
Jun 29 2017 03:25
Ok
Uriel Guzmán
@Burinson
Jun 29 2017 03:25
@Marmiz The challenge was accepted in my ss, that's why I thought I did it correctly
haha
Manish Giri
@Manish-Giri
Jun 29 2017 03:26
@georgebatton are you opening the right file?
Uriel Guzmán
@Burinson
Jun 29 2017 03:26
By the way, how do I post a picture of just the code like you guys did?
Claudio Restifo
@Marmiz
Jun 29 2017 03:26
@Burinson it is correct. It's just that for the purpose of testing and learning you shouldn't touch stuff you are not supposed to.
But when you work on your project you can do as you please
Uriel Guzmán
@Burinson
Jun 29 2017 03:26
With the black background and everything
georgebatton
@georgebatton
Jun 29 2017 03:27
image.png
here's what I have so far
Manish Giri
@Manish-Giri
Jun 29 2017 03:27
where's the ! before DOCTYPE
georgebatton
@georgebatton
Jun 29 2017 03:28
I saved it to my desktop
Manish Giri
@Manish-Giri
Jun 29 2017 03:28
where's the html tags?
georgebatton
@georgebatton
Jun 29 2017 03:28
is that an explanation mark?
Claudio Restifo
@Marmiz
Jun 29 2017 03:28
@Burinson link
Uriel Guzmán
@Burinson
Jun 29 2017 03:28

@Marmiz function convertToF(celsius) {
var fahrenheit
// Only change code below this line
= (celsius * (9/5)) + 32;

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

// Change the inputs below to test your code
convertToF(30);

Manish Giri
@Manish-Giri
Jun 29 2017 03:28
where's the blue-text class?
Uriel Guzmán
@Burinson
Jun 29 2017 03:28
So that's how it should look for the purpose of learning?
Coy Sanders
@coymeetsworld
Jun 29 2017 03:29
does that work?
Uriel Guzmán
@Burinson
Jun 29 2017 03:29
Yeah
Claudio Restifo
@Marmiz
Jun 29 2017 03:29

@Burinson

= (celsius * (9/5)) + 32;

is saying: "nothing" is equal to ....

it works only if you are Ulysses (maybe)

Coy Sanders
@coymeetsworld
Jun 29 2017 03:29
variable at top doesn't have semi-colon
but there's a comment between that...
Uriel Guzmán
@Burinson
Jun 29 2017 03:30
Dangit, it got accepted again
Coy Sanders
@coymeetsworld
Jun 29 2017 03:30
you should have the variable to the left and on the same line @Burinson
georgebatton
@georgebatton
Jun 29 2017 03:30
image.png
Coy Sanders
@coymeetsworld
Jun 29 2017 03:30
var fahrenheit;
// Only change code below this line
fahrenheit = (celsius * (9/5)) + 32;
// Only change code above this line
return fahrenheit;
georgebatton
@georgebatton
Jun 29 2017 03:30
I think I fixed it
Coy Sanders
@coymeetsworld
Jun 29 2017 03:31
also you don't need the outer parenthesis for celcius*9/5
Manish Giri
@Manish-Giri
Jun 29 2017 03:31
@georgebatton did you save the file as test.html?
georgebatton
@georgebatton
Jun 29 2017 03:31
yes
CallMeOrange
@EgnaroDev
Jun 29 2017 03:31
@georgebatton Is it your first time using mac?
Uriel Guzmán
@Burinson
Jun 29 2017 03:31
@coymeetsworld Okay, I finally understand now, thanks
CamperBot
@camperbot
Jun 29 2017 03:31
burinson sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2921 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Uriel Guzmán
@Burinson
Jun 29 2017 03:32
@Marmiz Thank you too
CamperBot
@camperbot
Jun 29 2017 03:32
burinson sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 973 | @marmiz |http://www.freecodecamp.com/marmiz
Uriel Guzmán
@Burinson
Jun 29 2017 03:32
@Manish-Giri And you, thanks
CamperBot
@camperbot
Jun 29 2017 03:32
burinson sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6146 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jun 29 2017 03:32
:+1:
Dario
@destrabao89
Jun 29 2017 03:32
Okay, couple of more questions lol

Tried to turn the img into a link but it's causing h3 to be a link as well

<a href="https://en.wikipedia.org/wiki/Percy_Fawcett"> <img class="green-border center-block" src="http://i350.photobucket.com/albums/q421/destrabao89/22504221-6a5a-4cf7-aea2-625f5e0cce0f_zpszafcpt8n.jpg" alt="Lt. Colonel Percy Fawcett, 1911">
<h3 class="text-center">Timeline of Lt. Col. Percy Fawcett's Life</h3>

georgebatton
@georgebatton
Jun 29 2017 03:33
@MCTwoDigitZero I'm not a mac expert
Claudio Restifo
@Marmiz
Jun 29 2017 03:33

@Burinson you found an "incosistency" of JS.

if I have:

var s   // s is undefined

= 'something'

// the JS compiler 'understeand' that you meant 'something' for `s`

but cannot work in:

var s  // undefined
var t  // undefined

= 'something'

// what is something? s or t ???
in general you don't want random variable around for this same reason
Uriel Guzmán
@Burinson
Jun 29 2017 03:36
@Marmiz Oh, okay, so I was supposed to specify ''fahrenhet'' before assigning it a value, right?
georgebatton
@georgebatton
Jun 29 2017 03:36
@Manish-Giri Do you see any problem with the way I revised it?
Uriel Guzmán
@Burinson
Jun 29 2017 03:36
@Burinson Fahrenheit*
Dario
@destrabao89
Jun 29 2017 03:37
oh nm realized I didn't close the anchor
Manish Giri
@Manish-Giri
Jun 29 2017 03:37
@georgebatton open up your terminal, do cd Desktop then do ls
and post the screenshot
Claudio Restifo
@Marmiz
Jun 29 2017 03:38
@Burinson yep, so the compiler "knows" that the formula was meant for him. And not "guess" so
Uriel Guzmán
@Burinson
Jun 29 2017 03:38
@Marmiz Alright, clear enough. Thanks, pretty helpful people in this community
CamperBot
@camperbot
Jun 29 2017 03:38
burinson sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:warning: burinson already gave marmiz points
Uriel Guzmán
@Burinson
Jun 29 2017 03:38
I'm off for dinner
Dario
@destrabao89
Jun 29 2017 03:39
Also I wanted my headings to have a singular color as I plan to have the main timeline text be different later. However, h1 has gone back to black while h2 and h3 are still the right color
Claudio Restifo
@Marmiz
Jun 29 2017 03:39
@georgebatton wild guess but try to change from:
class = "red-text"
to:
class="red-text"
(no space after = )
Dario
@destrabao89
Jun 29 2017 03:40
h1 {
color:#6C7A3E;
font-size: 50px;
}
h2 {
color:#6C7A3E;
font-size:40px;
}
h3 {
color:#6C7A3E;
font-size:30px;
}
georgebatton
@georgebatton
Jun 29 2017 03:42
image.png
I think that was what you wanted
Ross Scarborough
@SourceHorse
Jun 29 2017 04:19
Any idea how to get the other elements in my menu bar to sit in the center instead of float near the top?
Richard Andreasen
@Richand83
Jun 29 2017 04:30
@SourceHorse change the height of .navbar-list
add the property and fiddle with it
i used 3em and it looks good
Uriel Guzmán
@Burinson
Jun 29 2017 04:31
@SourceHorse <ul id="navbar" class="menu-title"> Or you can add the class "menu-title" to your <ul> instead of individual <li> elements, then change the font in the CSS
Let me know if it works
Ross Scarborough
@SourceHorse
Jun 29 2017 04:33
thanks @Richand83 and @Burinson I'll give those suggestions a try
CamperBot
@camperbot
Jun 29 2017 04:33
sourcehorse sends brownie points to @richand83 and @burinson :sparkles: :thumbsup: :sparkles:
:cookie: 216 | @richand83 |http://www.freecodecamp.com/richand83
:cookie: 151 | @burinson |http://www.freecodecamp.com/burinson
Uriel Guzmán
@Burinson
Jun 29 2017 04:33
image.png
Richard Andreasen
@Richand83
Jun 29 2017 04:33
i did notice that it cut the SourceHorse letters by changing the measurment though so not sure how you want it
Uriel Guzmán
@Burinson
Jun 29 2017 04:34
@SourceHorse Is that how you wanted it to look?
Richard Andreasen
@Richand83
Jun 29 2017 04:34
you could put padding on the .menu-title to fix it
Ross Scarborough
@SourceHorse
Jun 29 2017 04:34
well it isnt the final design, but i just wanted to see if there was a way to get the smaller items to center on the bar
padding might do it
Richard Andreasen
@Richand83
Jun 29 2017 04:36
i can't help but think there's a better way
i know padding would but if i remember right you can use inline block instead of fixed position but i forget the syntax
then you can float it center and it'd work i believe let me look
Ross Scarborough
@SourceHorse
Jun 29 2017 04:37
what about <div>s instead of a list?
Uriel Guzmán
@Burinson
Jun 29 2017 04:38
@SourceHorse I think the problem is that, since you have the class "menu-title" assigned only to the SourceHorse letters, the font size is only being applied to the SourceHorse letters but the other ones are not, thus expanding the lower padding
Richard Andreasen
@Richand83
Jun 29 2017 04:38
you'd just nest the li in the div that wouldn't matter really
it would help structure the classes easier though
@Burinson is right on that part
Ross Scarborough
@SourceHorse
Jun 29 2017 04:39
yeah
Level32
@BENticLabs
Jun 29 2017 04:41
$(function(){
  var url = "https://api.twitch.tv/kraken/users/freecodecamp";
  var clientid = "140lhdo2d409r0e0owt4xqt8yazlry";
    $.getJSON(url + '?client_id=' + clientid).done(function(data){
console.log(data);
  })
})
I need help with the Twitch TV project. I can't access the API using my client ID. Console.log(data) logs nothing to the console. Can anyone tell me what I'm doing wrong?
Richard Andreasen
@Richand83
Jun 29 2017 04:44
@BENticLabs wish i could i'm not that far yet
Saif Ur Rahman
@saifsmailbox98
Jun 29 2017 05:13
@BENticLabs try this
(function(){
  var url = "https://api.twitch.tv/kraken/users/freecodecamp";
  var clientid = "140lhdo2d409r0e0owt4xqt8yazlry";
    $.getJSON(url + '?client_id=' + clientid).done(function(data){
console.log(data);
  });
})();
OUTPUT
Object { display_name: "FreeCodeCamp", _id: 79776140, name: "freecodecamp", type: "user", bio: "We help you learn to code, then pra…", created_at: "2015-01-14T03:36:47Z", updated_at: "2017-06-29T05:02:04Z", logo: "https://static-cdn.jtvnw.net/jtv_us…", _links: Object }
Anyone know why my container is going over my navbar?
Level32
@BENticLabs
Jun 29 2017 05:17
@saifsmailbox98 Thank you
CamperBot
@camperbot
Jun 29 2017 05:17
benticlabs sends brownie points to @saifsmailbox98 :sparkles: :thumbsup: :sparkles:
:cookie: 660 | @saifsmailbox98 |http://www.freecodecamp.com/saifsmailbox98
Saif Ur Rahman
@saifsmailbox98
Jun 29 2017 05:18
@SourceHorse position: sticky-top; for navbar
Jill Lee
@jill-lee
Jun 29 2017 05:19

Hi, I'm trying to move span to the center but its not letting me pls help

<div class="bgimg-1">
<div class="caption">
<span class="border">Jill Lee</span> </div>

.caption span.border {
background-color: #000000;
color: #fff;
padding: 18px;
font-size: 30px;
letter-spacing: 10px;
position: absolute;
text-align: center;
top: 30%;
width: auto;

}

Ross Scarborough
@SourceHorse
Jun 29 2017 05:19
@saifsmailbox98 that brings it to the front, but it doesn't stay when i scroll now
ManOfUnknownNationality
@nhavar
Jun 29 2017 05:21
@phoenix-burn are you wanting to center the span or the text inside the span?
Coy Sanders
@coymeetsworld
Jun 29 2017 05:23
@phoenix-burn you need to use a block level element to center, inline won't work
i.e. don't use span, try h1
Saif Ur Rahman
@saifsmailbox98
Jun 29 2017 05:25
madhuri soni
@sonimadhuri
Jun 29 2017 05:26
@SourceHorse remove the container class from the second div.and if you want your text to have the container class then close the first div element after text and not before it
pacbac
@pacbac
Jun 29 2017 05:28
Hi, just started on the JS CodePen calculator project and I'm confused as to why, in CSS, my max-width is overriding min-width, but all the results that popped up on google/stack overflow say that min-width overrides max-width? Code is here: https://codepen.io/freeCodeCamp/full/rLJZrA
Oops wrong link https://codepen.io/pacbac/pen/qjpQYM this one
Ross Scarborough
@SourceHorse
Jun 29 2017 05:32
z-index: 1; fixes my issue
just incase someone has the same issue
@sonimadhuri @saifsmailbox98 thanks for helping
CamperBot
@camperbot
Jun 29 2017 05:33
:cookie: 293 | @sonimadhuri |http://www.freecodecamp.com/sonimadhuri
sourcehorse sends brownie points to @sonimadhuri and @saifsmailbox98 :sparkles: :thumbsup: :sparkles:
:cookie: 661 | @saifsmailbox98 |http://www.freecodecamp.com/saifsmailbox98
Momozor
@momozor
Jun 29 2017 05:37
urm, for stockmarket exercise, where can i get the realtime stock market data provider?
wnghero
@wnghero
Jun 29 2017 05:39
I made a group project to build a webstore anyone is welcome to join
Manish Giri
@Manish-Giri
Jun 29 2017 05:39
@wnghero are there any prerequisites?
wnghero
@wnghero
Jun 29 2017 05:40
nope, great for beginners
Jill Lee
@jill-lee
Jun 29 2017 05:45
@nhavar @coymeetsworld I'm trying to center the span in the center of the page pls.
Coy Sanders
@coymeetsworld
Jun 29 2017 05:46
@phoenix-burn why not use h1? Thats a more appropriate element for a header no?
you could try maybe setting margin:auto for a span element maybe
madhuri soni
@sonimadhuri
Jun 29 2017 05:47
\
Coy Sanders
@coymeetsworld
Jun 29 2017 05:47
/
FrozenCalamity
@FrozenCalamity
Jun 29 2017 05:51

I need help with targeting my parent classes. ```<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#left-well").parent().css("background-color", "red");

});
</script>```I'm not able to clear these 2 objectives: (1) Your left-well element should have a red background. (3) The .parent() method should be called on the #target1 element.

Jill Lee
@jill-lee
Jun 29 2017 05:51
@coymeetsworld margin doesnt work. I want to look like this
https://s.codepen.io/phoenix-burn/debug/bRRaEO/dGMXWXNxwWPk
Coy Sanders
@coymeetsworld
Jun 29 2017 05:54
@phoenix-burn but is there a reason you want to use span instead of h1?
Jill Lee
@jill-lee
Jun 29 2017 05:55
I can use h1 so you're saying there is no way to center a span?
@coymeetsworld thanks
CamperBot
@camperbot
Jun 29 2017 05:57
phoenix-burn sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2922 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jun 29 2017 05:57
you could, but would take more CSS and you're kind of hacking it
could center the .caption class, and set display to inline-block on the span.border part
Jill Lee
@jill-lee
Jun 29 2017 05:58
I'll try that
Coy Sanders
@coymeetsworld
Jun 29 2017 05:58
something like
.caption { 
  text-align:center;
}
.caption span.border {
  display: inline-block;
}
but now you're turning an inline element to an inline block element, idk
daredevil-kohai
@daredevil-kohai
Jun 29 2017 05:58
@FrozenCalamity
$("#target1").parent().css("background-color","red");
});
Hope this helps!!
Coy Sanders
@coymeetsworld
Jun 29 2017 05:59
just think it would be easier to use a header, the content looks like a header but whatever you decide
Jill Lee
@jill-lee
Jun 29 2017 05:59
@coymeetsworld ok thank I'll try it
CamperBot
@camperbot
Jun 29 2017 05:59
phoenix-burn sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: phoenix-burn already gave coymeetsworld points
Coy Sanders
@coymeetsworld
Jun 29 2017 05:59
@daredevil-kohai when helping please don't provide answers
Jean
@altoch257
Jun 29 2017 05:59
@phoenix-burn your pen looks awesome!
daredevil-kohai
@daredevil-kohai
Jun 29 2017 06:00
@coymeetsworld okay.. iam sorry!!
Coy Sanders
@coymeetsworld
Jun 29 2017 06:00
no worries
Jill Lee
@jill-lee
Jun 29 2017 06:00
@altoch257 thanks
CamperBot
@camperbot
Jun 29 2017 06:00
phoenix-burn sends brownie points to @altoch257 :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @altoch257 |http://www.freecodecamp.com/altoch257
FrozenCalamity
@FrozenCalamity
Jun 29 2017 06:01
@daredevil-kohai just wondering how #target1 is the parent of left-well
Coy Sanders
@coymeetsworld
Jun 29 2017 06:02
its not @FrozenCalamity, parent() gets the parent of the element you're selecting
daredevil-kohai
@daredevil-kohai
Jun 29 2017 06:02
@FrozenCalamity #target1 is not the parent of the left-well.. the reverse is true
Coy Sanders
@coymeetsworld
Jun 29 2017 06:02
the parent of the element with id target1 is the left well
FrozenCalamity
@FrozenCalamity
Jun 29 2017 06:04
ok thanks guys @daredevil-kohai @coymeetsworld
CamperBot
@camperbot
Jun 29 2017 06:04
frozencalamity sends brownie points to @daredevil-kohai and @coymeetsworld :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @daredevil-kohai |http://www.freecodecamp.com/daredevil-kohai
:star2: 2923 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jun 29 2017 06:05
np @FrozenCalamity
iso
@iso1048
Jun 29 2017 06:06
I keep getting this message: "This Project has no index.html. If you're the owner of this project, you'll need to add an index.html file at the root of the project, before seeing the project here" even though I do have an index.html file. does anyone have any ideas as to why i cannot go full page view? (i am using codepen projects).
Coy Sanders
@coymeetsworld
Jun 29 2017 06:07
probably need to do what it says @gothamknight, add a index.html file :)
idk about CP projects, but on websites thats where you're redirected to if a specific resource is not specified
madhuri soni
@sonimadhuri
Jun 29 2017 06:10
hey @coymeetsworld when i save this webpage as pdf the colors dont show up.Is there anything that i should add to the print stylesheet??
https://kids-school.000webhostapp.com/sample3/sample3.html
Coy Sanders
@coymeetsworld
Jun 29 2017 06:11
no clue @sonimadhuri
iso
@iso1048
Jun 29 2017 06:11
@coymeetsworld i already have an index.html file, which is why i am stumped. Any other suggestions?
Coy Sanders
@coymeetsworld
Jun 29 2017 06:11
is it at the root of the project?
i.e. not in a subdirectory?
madhuri soni
@sonimadhuri
Jun 29 2017 06:12
@coymeetsworld anyone on fcc you know who could help me ??
Coy Sanders
@coymeetsworld
Jun 29 2017 06:12
no one on the top of my head no, you could always ask
but since its not related to FCC or programming not likely
should probably check where you got the file and inquire from there
madhuri soni
@sonimadhuri
Jun 29 2017 06:13
@coymeetsworld no i created it
was stuck at this
daredevil-kohai
@daredevil-kohai
Jun 29 2017 06:14
@sonimadhuri why dont you google it?
Coy Sanders
@coymeetsworld
Jun 29 2017 06:14
yeah thats probably your best option'
search how to convert html to pdf. Maybe specify color issue in your query
madhuri soni
@sonimadhuri
Jun 29 2017 06:15
@coymeetsworld @daredevil-kohai tried it but people mostly have problem with only background-image and colors.Anyway will google more
iso
@iso1048
Jun 29 2017 06:17
@coymeetsworld no it was not. thank you. Any suggestions as to where to read about how to access files in directories and directory structure?
CamperBot
@camperbot
Jun 29 2017 06:17
gothamknight sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2924 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Owais Ahmed
@owaisehmed
Jun 29 2017 06:20
im not getting the help button in my codecamp
any idea?
Coy Sanders
@coymeetsworld
Jun 29 2017 06:20
can you link your project @gothamknight ?
Manish Giri
@Manish-Giri
Jun 29 2017 06:21
@owaisehmed help button has been removed.
iso
@iso1048
Jun 29 2017 06:22
@coymeetsworld i managed to figure it out. Thanks!
CamperBot
@camperbot
Jun 29 2017 06:22
gothamknight sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: gothamknight already gave coymeetsworld points
Coy Sanders
@coymeetsworld
Jun 29 2017 06:22
what was the issue @gothamknight ?
iso
@iso1048
Jun 29 2017 06:23
@coymeetsworld i made the index.html file at the root of the project, then was having trouble setting href values to link to index.html, but i figured it out.
Coy Sanders
@coymeetsworld
Jun 29 2017 06:24
ok
nice work figuring it out on your own
John Carlo Gabuya
@caloyness
Jun 29 2017 06:24
hey guys, would like to ask quick question.
i read the chat and so far i cant find related questions
Coy Sanders
@coymeetsworld
Jun 29 2017 06:25
chat will only show the most recent questions, you're not likely to find a relevant topic without asking @caloyness
Charan kumar
@CharanKumarReddy16
Jun 29 2017 06:25
HI
John Carlo Gabuya
@caloyness
Jun 29 2017 06:25
got it @coymeetsworld
iso
@iso1048
Jun 29 2017 06:26
@coymeetsworld thanks
CamperBot
@camperbot
Jun 29 2017 06:26
gothamknight sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: gothamknight already gave coymeetsworld points
John Carlo Gabuya
@caloyness
Jun 29 2017 06:26
im using coinbase, but they wont accept mining deposit there.
any suggestion from miners here?
Ross Scarborough
@SourceHorse
Jun 29 2017 06:26
Coy Sanders
@coymeetsworld
Jun 29 2017 06:27
@caloyness this is a help chat for freecodecamp, not coinbase
Ross Scarborough
@SourceHorse
Jun 29 2017 06:27
was going for a gitter effect
Viktor Tiutiun
@vittorioVT
Jun 29 2017 06:30
@SourceHorse you should connect bootstrap in section JS and you can to use this navbar https://hackerthemes.com/bootstrap-cheatsheet/#navbar
John Carlo Gabuya
@caloyness
Jun 29 2017 06:30
@coymeetsworld really sorry, wrong group
Athanasopoulos Kostas
@Athanasopoulos1
Jun 29 2017 06:40
can i ask something simple? having an animation playing only when the user is at the animation's space (div) can only happen with JS/
?
Jill Lee
@jill-lee
Jun 29 2017 06:40
@coymeetsworld I was able to move it to he center by removing absolute position but it was moved way over the top of the page and i cant get it down? Any ideas?

.caption {
text-align: center;
top: 30%;
}

.caption span.border {
background-color: #000000;
color: #fff;
padding: 18px;
font-size: 30px;
letter-spacing: 10px;
display: inline block;
width: auto;
margin: 0 auto;

}

Vivek Ranjan
@vivekranjan92
Jun 29 2017 06:42
@phoenix-burn challenge name?
Viktor Tiutiun
@vittorioVT
Jun 29 2017 06:44
@Athanasopoulos1 and with pure CSS
Coy Sanders
@coymeetsworld
Jun 29 2017 06:44
@phoenix-burn set padding-top,
probably remove top:30% on .caption
Viktor Tiutiun
@vittorioVT
Jun 29 2017 06:44
Jill Lee
@jill-lee
Jun 29 2017 06:45
@vivekranjan92 It's not a challenge. I'm working on my portfolio. Thanks
CamperBot
@camperbot
Jun 29 2017 06:45
phoenix-burn sends brownie points to @vivekranjan92 :sparkles: :thumbsup: :sparkles:
:cookie: 290 | @vivekranjan92 |http://www.freecodecamp.com/vivekranjan92
Owais Ahmed
@owaisehmed
Jun 29 2017 06:45
@Manish-Giri ok dude
Athanasopoulos Kostas
@Athanasopoulos1
Jun 29 2017 06:45
@vittorioVT thanks for the assistance
CamperBot
@camperbot
Jun 29 2017 06:45
athanasopoulos1 sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 748 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
Jill Lee
@jill-lee
Jun 29 2017 06:46
@coymeetsworld It works thanks
CamperBot
@camperbot
Jun 29 2017 06:46
phoenix-burn sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: phoenix-burn already gave coymeetsworld points
Viktor Tiutiun
@vittorioVT
Jun 29 2017 06:46
@phoenix-burn you are missing defis here display: inline-block;
Coy Sanders
@coymeetsworld
Jun 29 2017 06:46
np @phoenix-burn
Jill Lee
@jill-lee
Jun 29 2017 06:46
@vittorioVT It's in CSS
Viktor Tiutiun
@vittorioVT
Jun 29 2017 06:46
@Athanasopoulos1 you're welcome
CamperBot
@camperbot
Jun 29 2017 06:46
phoenix-burn sends brownie points to @vivekranjan92 :sparkles: :thumbsup: :sparkles:
:warning: phoenix-burn already gave vivekranjan92 points
Vivek Ranjan
@vivekranjan92
Jun 29 2017 06:47
@phoenix-burn ok np :)
Viktor Tiutiun
@vittorioVT
Jun 29 2017 06:47
@phoenix-burn yes, inline-block don't inline block
Athanasopoulos Kostas
@Athanasopoulos1
Jun 29 2017 06:49
@vittorioVT if i am to select a specific div from the page?
Jill Lee
@jill-lee
Jun 29 2017 06:50
@vittorioVT ok but i'm also aiming for it to be responsive. So when I try to make the screen width smaller the span goes up.
Viktor Tiutiun
@vittorioVT
Jun 29 2017 06:51
@Athanasopoulos1 you can to use jQuerry also . It's just and easy
Athanasopoulos Kostas
@Athanasopoulos1
Jun 29 2017 06:52
@vittorioVT im still learning the ropes :D
Coy Sanders
@coymeetsworld
Jun 29 2017 06:54
@phoenix-burn you could use media queries for that
Jill Lee
@jill-lee
Jun 29 2017 06:59
@coymeetsworld ok thanks
CamperBot
@camperbot
Jun 29 2017 06:59
phoenix-burn sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2925 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
muhammad usman
@usmanmalik78614
Jun 29 2017 07:00
hey guys,,I want to know how to assign a background-color class to div element in this code

<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;
 }
  .silver-background {
  background-color: silver;
} 
</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>

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

<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:01
@usmanmalik78614 just create a new css having background-color as what ever you want and then impliment that into the div you want to
you have already created a css for background color just use that in to your div
muhammad usman
@usmanmalik78614
Jun 29 2017 07:04
@vivekranjan92 bro I already created css class but i want to know how implement that into div
Darren
@DarrenfJ
Jun 29 2017 07:04
evening fCC
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:04
have you ever used any css for image or anything else @usmanmalik78614
@DarrenfJ morning
muhammad usman
@usmanmalik78614
Jun 29 2017 07:05
@DarrenfJ morning ;)
ManOfUnknownNationality
@nhavar
Jun 29 2017 07:05
@usmanmalik78614 similar to the h2 you have <div class="classNameHere">
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:06
@usmanmalik78614 exactly as @nhavar said
muhammad usman
@usmanmalik78614
Jun 29 2017 07:06
@vivekranjan92 thanks let me try
CamperBot
@camperbot
Jun 29 2017 07:06
usmanmalik78614 sends brownie points to @vivekranjan92 :sparkles: :thumbsup: :sparkles:
:cookie: 292 | @vivekranjan92 |http://www.freecodecamp.com/vivekranjan92
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:06
@usmanmalik78614 np :)
muhammad usman
@usmanmalik78614
Jun 29 2017 07:06
@nhavar thanks bro let me try
CamperBot
@camperbot
Jun 29 2017 07:06
usmanmalik78614 sends brownie points to @nhavar :sparkles: :thumbsup: :sparkles:
:cookie: 45 | @nhavar |http://www.freecodecamp.com/nhavar
Yonatan
@Yonatan1
Jun 29 2017 07:06

I've been trying for 3 days to get my tab in the header to link to my sections on the page... if someone can help me out it would be much appreciated!!

https://codepen.io/YonatanG/pen/XgMOxQ

Darren
@DarrenfJ
Jun 29 2017 07:07
thanks guys for volunteering and helping out in the helproom @nhavar @vivekranjan92
CamperBot
@camperbot
Jun 29 2017 07:07
:cookie: 293 | @vivekranjan92 |http://www.freecodecamp.com/vivekranjan92
:cookie: 46 | @nhavar |http://www.freecodecamp.com/nhavar
darrenfj sends brownie points to @nhavar and @vivekranjan92 :sparkles: :thumbsup: :sparkles:
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:08
@DarrenfJ np
ManOfUnknownNationality
@nhavar
Jun 29 2017 07:08
happy to help
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:08
@Yonatan1 which tab do you want in header?
Yonatan
@Yonatan1
Jun 29 2017 07:12
@vivekranjan92 I want the "about, portfolio, and contact" pills on the top right to link to the corresponding section on the page when clicked.
Darren
@DarrenfJ
Jun 29 2017 07:15
@Yonatan1 i used thehref="#thang" then where it linked to the name="thang" that I got from here: http://help.typepad.com/anchor-tags.html not sure what you are doing.. looks likehref="#.." above and href="...." below
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:18
@Yonatan1 create a div and inside that dive put all three things and use display inline block inside
Yonatan
@Yonatan1
Jun 29 2017 07:20
@DarrenfJ I'm really not sure what you mean by that. I have a href="#portfolio" in my navbar and a href="portfolio" in my section2
ManOfUnknownNationality
@nhavar
Jun 29 2017 07:23
@Yonatan1 href="#portfolio" links to a named or id'd element in the page. It looks like you have both the href="#portfolio" and the div id="portfolio" correctly. I'm guessing it's somewhere else in the bootstrap capability that's not marked up properly, but I'm still looking
Yonatan
@Yonatan1
Jun 29 2017 07:23

@vivekranjan92 Like this

<div display inline block>
about
portfolio
contact
</div>

Darren
@DarrenfJ
Jun 29 2017 07:23
@Yonatan1 I'm not sure what else you got going on that page but all the classic reading I did on it suggests it's href="#placeYouGoto" then where you want to be do name="placeYouGoto" but i forked your and treid it and it's not happening for you http://www.echoecho.com/htmllinks08.htm
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:23
@Yonatan1 no
Darren
@DarrenfJ
Jun 29 2017 07:23
or you can do id.. but href="#place" then href="place" isn;t done as far as the junk i've read
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:24
you have to create a css in which there will be display in line block and then you have to use that css in you div
@Yonatan1
ManOfUnknownNationality
@nhavar
Jun 29 2017 07:25
@Yonatan1 the ones that are <a href="portfolio"> you can make that <a name="portfolio"> or <a id="portfolio">`
Yonatan
@Yonatan1
Jun 29 2017 07:25
@DarrenfJ href="#placeYouGoto" in the navbar or in the section?
Darren
@DarrenfJ
Jun 29 2017 07:25
@Yonatan1 navbar
small ting but your submit button has a typo
you put it as sumbit
@Yonatan1 i like the layout and style of it
the whole thing i mean
Yonatan
@Yonatan1
Jun 29 2017 07:26
@nhavar tried that didnt work
@DarrenfJ thanks
CamperBot
@camperbot
Jun 29 2017 07:26
yonatan1 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1863 | @darrenfj |http://www.freecodecamp.com/darrenfj
ManOfUnknownNationality
@nhavar
Jun 29 2017 07:27
@Yonatan1 yeah it's not the fix, I'm just letting you know it's not marked up correctly
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:27

@Yonatan1

.abc{
  display: inline;
}

<div class="abc">
  <div>about</div>
  <div>portfolio</div>
  <div>contact</div>
</div>

something like this

Darren
@DarrenfJ
Jun 29 2017 07:27
@Yonatan1 yah like @nhavar mentioned.. i forked it and it's not wrking so it's something else you added in there as well
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:28
also use float right/left as per your requirement @Yonatan1
in the same css preperty
Yonatan
@Yonatan1
Jun 29 2017 07:29
@DarrenfJ lol I cant seem to figure it out its been 3 days!
@vivekranjan92 what is that css code supposed to do again?
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:29
sorry what? @Yonatan1
ManOfUnknownNationality
@nhavar
Jun 29 2017 07:31
@Yonatan1 one thing I notice is that you have multiple elements with the same id (about, portfolio, contact) that likely confuses things. Id's should be unique.
Yonatan
@Yonatan1
Jun 29 2017 07:31
@vivekranjan92 the dispay inline and the div class its supposed to fix the problem?
@nhavar when should i use them and when should i not?
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:32
yeah it should @Yonatan1
Yonatan
@Yonatan1
Jun 29 2017 07:32
@nhavar Do i need id's in the class="tab-content"?
@vivekranjan92 didnt work :(
ManOfUnknownNationality
@nhavar
Jun 29 2017 07:35
@Yonatan1 delete the data-toggle="pills" off of your <li> then delete the <div class="tab-content"> section
Vivek Ranjan
@vivekranjan92
Jun 29 2017 07:35
oops :( @Yonatan1
ManOfUnknownNationality
@nhavar
Jun 29 2017 07:36
you won't need that section since you have your actual display outside of that
Yonatan
@Yonatan1
Jun 29 2017 07:41
@nhavar 1. what does that tab-content do?
@nhavar 2. that actually worked!!
@nhavar but now the pills dont toggle which doesnt look good :/
Darren
@DarrenfJ
Jun 29 2017 07:48
i'm not sure it's the pills part... still playing around with it
Yonatan
@Yonatan1
Jun 29 2017 07:51
@DarrenfJ It works tho... the only problem is it doesnt toggle the pills so it looks like that page isnt selected in the header...
Manish Giri
@Manish-Giri
Jun 29 2017 07:53
@Preeetrockz hello ma'am!
Darren
@DarrenfJ
Jun 29 2017 07:54
I take it back.. looks like i can get it to work but i pull the whole navbar apart
bah!
Manish Giri
@Manish-Giri
Jun 29 2017 07:54
@DarrenfJ :wave:
Darren
@DarrenfJ
Jun 29 2017 07:54
@Manish-Giri buddy!
@Yonatan1 thanks for the challenge
CamperBot
@camperbot
Jun 29 2017 07:54
darrenfj sends brownie points to @yonatan1 :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @yonatan1 |http://www.freecodecamp.com/yonatan1
Charan kumar
@CharanKumarReddy16
Jun 29 2017 07:55
@camperbot Link to External Pages with Anchor Elements
Yonatan
@Yonatan1
Jun 29 2017 07:58
So basically, data-toggle="pill" is messing with the link to the section... not sure why, it's like I have to choose between having the pill link to the section or having it toggle to be selected... thats sucks.. ;(
Darren
@DarrenfJ
Jun 29 2017 07:59
@Yonatan1 where's this button hiding? can't seem to find what toggles the collapse of the navbar <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> (near the top of the navbar code)
Yonatan
@Yonatan1
Jun 29 2017 08:00
@DarrenfJ If you make your screen smaller youll see it
Darren
@DarrenfJ
Jun 29 2017 08:00
@Yonatan1 ignore.. found it...
yah.. nice feature
Anon
@MikeyZee
Jun 29 2017 08:02
Heyy all ! I have a little bit of a problem. I need to write some pseudocode for a project which I have already coded in Python. Whenever I attempt to write pseudocode for it, I seem to be basically rewriting my python code. I'm not sure how I am meant to do it and I suck at pseudocode, any tips??
Thanks :grinning: If you would like I can link you to my code its about 60 lines if you wanted to have a quick look at it, its pretty simple.
anilsingh123
@anilsingh123
Jun 29 2017 08:02
Hiii

// Declarations
var studlyCapvar;
var properCamelCase;
var titleCaseOver;

// Assignments
studlyCapVar = 10;
properCamelCase = "A String";
titleCaseOver = 9000;

This code is not acceptable

// Declarations
var studlyCapVaR;
var properCamelCase;
var titleCaseOver;

// Assignments
studlyCapVaR = 10;
properCamelCase = "A String";
titleCaseOver = 9000;

What's wrong in it
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:04
challenge name?? @anilsingh123
anilsingh123
@anilsingh123
Jun 29 2017 08:04
yes
javascript
Understanding Case Sensitivity in Variables
vrai777
@vrai777
Jun 29 2017 08:05
hello
anilsingh123
@anilsingh123
Jun 29 2017 08:05
Hii
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:05
@vrai777 hi
anilsingh123
@anilsingh123
Jun 29 2017 08:05
Hii @vrai777
Can anyone explain me what's wrong
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:05
try to reload your page and then submit it
anilsingh123
@anilsingh123
Jun 29 2017 08:06

This code is not acceptable
// Declarations
var studlyCapVaR;
var properCamelCase;
var titleCaseOver;

// Assignments
studlyCapVaR = 10;
properCamelCase = "A String";
titleCaseOver = 9000;

Okay
vrai777
@vrai777
Jun 29 2017 08:06
' @anilsingh123 hello
anilsingh123
@anilsingh123
Jun 29 2017 08:06
I did
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:06
@vrai777 need help?
anilsingh123
@anilsingh123
Jun 29 2017 08:06
yes @vrai777
vrai777
@vrai777
Jun 29 2017 08:06
yesl
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:06
@anilsingh123 which test case is failing?
@vrai777 ask
vrai777
@vrai777
Jun 29 2017 08:06

"//
// Finds one label for the first time someone sent you an email
// Returns name, e-mail address (extracted from the "From" field) and message time
//
function GetAddresses ()
{
// Get the active spreadsheet
var ss = SpreadsheetApp.getActiveSpreadsheet();

// Label to search
var userInputSheet = ss.getSheets()[0];

var labelName = userInputSheet.getRange("B2").getValue();

// Create / empty the target sheet
var sheetName = "Label: " + labelName;
var sheet = ss.getSheetByName (sheetName) || ss.insertSheet (sheetName, ss.getSheets().length);
sheet.clear();

// Get all messages in a nested array (threads -> messages)
var addressesOnly = [];
var messageData = [];

var startIndex = 0;
var pageSize = 100;
while (1)
{
// Search in pages of 100
var threads = GmailApp.search ("label:" + labelName, startIndex, pageSize);
if (threads.length == 0)
break;
else
startIndex += pageSize;

// Get all messages for the current batch of threads
var messages = GmailApp.getMessagesForThreads (threads);

// Loop over all messages
for (var i = 0; i < messages.length ; i++)
{
  // Loop over all messages in this thread
  for (var j = 0; j < messages[i].length; j++)
  {
    var mailFrom = messages[i][j].getFrom ();
    var mailTo = messages[i][j].getTo ();
    var mailDate = messages[i][j].getDate ();

    // mailFrom format may be either one of these:
    // name@domain.com
    // any text <name@domain.com>
    // "any text" <name@domain.com>

    var name = "";
    var email = "";
    var matches = mailFrom.match (/\s*"?([^"]*)"?\s+<(.+)>/);
    var name = "";
    var email= "";
    var matches= mailTo.match (/\s*"?([^"]*)"?\s+<(.+)>/);
    if (matches)
    {
      name = matches[1];
      email = matches[2];
      name1 = matches[3];
      email = matches[4];
    }
    else
    {
      email = mailFrom;
      email1 = mailTo;
    }
    // Check if (and where) we have this already
    var index = addressesOnly.indexOf (mailFrom);
    if (index = -1)
   {
      // We already have this address -> remove it (so that the result is ordered by data from new to old)
      addressesOnly.splice(index, 1);
      messageData.splice(index, 1);
    }
    var index = addressesOnly.indexOf (mailTo);
    if (index = -1)
    {
      // We already have this address -> remove it (so that the result is ordered by data from new to old)
      addressesOnly.splice(index, 3);
      messageData.splice(index, 3);
    }
    // Add the data
    addressesOnly.push (mailFrom);
    addressesOnly.push (mailTo);
    messageData.push ([name, email,name, email, mailDate]);
  }
}

}

// Add data to corresponding sheet
sheet.getRange (1, 1, messageData.length, 5).setValues (messageData);
}

//
// Adds a menu to easily call the script
//
function onOpen ()
{
var sheet = SpreadsheetApp.getActiveSpreadsheet ();

var menu = [
{name: "Extract email addresses",functionName: "GetAddresses"}
];

sheet.addMenu ("Scripts", menu);
}
"

ManOfUnknownNationality
@nhavar
Jun 29 2017 08:06
@Yonatan1 take a look at this example in comparison to yours and see if it gets you any further. https://blackrockdigital.github.io/startbootstrap-scrolling-nav/ I think there may need to be some additional js work for it to be fully functional, but it looks similar in concept to what I think you want to do.
anilsingh123
@anilsingh123
Jun 29 2017 08:07
studlyCapVar is defined and has a value of 10
studlyCapVar should use camelCase in both declaration and assignment sections.
these are failed test cases
Yonatan
@Yonatan1
Jun 29 2017 08:08
@nhavar pshhh thats exactly what I want thanks
CamperBot
@camperbot
Jun 29 2017 08:08
yonatan1 sends brownie points to @nhavar :sparkles: :thumbsup: :sparkles:
:cookie: 47 | @nhavar |http://www.freecodecamp.com/nhavar
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:08
@anilsingh123 try to reload it again coz your code is right
anilsingh123
@anilsingh123
Jun 29 2017 08:08
I already reload and tried @vivekranjan92
Manish Giri
@Manish-Giri
Jun 29 2017 08:09
@anilsingh123 your code is wrong
your variables aren't camelCased
Darren
@DarrenfJ
Jun 29 2017 08:09
@Yonatan1 ok gonna fork yer pen and work on it later.. gotta sleep
anilsingh123
@anilsingh123
Jun 29 2017 08:09
can you tell me correct camelCased code @Manish-Giri
Manish Giri
@Manish-Giri
Jun 29 2017 08:09
like var studlyCapVaR; - for example
should be var studlyCapVar; - camelCase
@anilsingh123
anilsingh123
@anilsingh123
Jun 29 2017 08:10
thanks @Manish-Giri it worked
CamperBot
@camperbot
Jun 29 2017 08:10
anilsingh123 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6147 | @manish-giri |http://www.freecodecamp.com/manish-giri
anilsingh123
@anilsingh123
Jun 29 2017 08:10
silly mistake ;)
Claudio Restifo
@Marmiz
Jun 29 2017 08:10
:camel: :left_luggage:
vrai777
@vrai777
Jun 29 2017 08:11
:)
Yonatan
@Yonatan1
Jun 29 2017 08:11
@DarrenfJ thanks
CamperBot
@camperbot
Jun 29 2017 08:11
yonatan1 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:warning: yonatan1 already gave darrenfj points
vrai777
@vrai777
Jun 29 2017 08:11
any one familiar with JS and GS?
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:11
how can i miss that mistake?? @anilsingh123 @Manish-Giri
anilsingh123
@anilsingh123
Jun 29 2017 08:12
just like i missed @vivekranjan92
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:12
@anilsingh123 haha
mayank kumar
@mayvik333
Jun 29 2017 08:12

@mayvik333
Combine the two if statements into one statement which returns "Outside" if val is not between 10 and 20, inclusive. Otherwise, return "Inside".

function testLogicalOr(val) {
// Only change code below this line

if (val<=20||val>=10) {
return "Inside";
}

else{
return "Outside";}
}

// Change this value to test
testLogicalOr(25);

the code returns inside
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:14
i think you should make it 11 instead of 10 @mayvik333
Darren
@DarrenfJ
Jun 29 2017 08:14
@Yonatan1 i can always seem to get it to work if i remove the data pill stuff but i agree with you it looks nice
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:15
@mayvik333 tell me the challenge name and also tell me if the value is inclusive or exclusive?
Claudio Restifo
@Marmiz
Jun 29 2017 08:15

@mayvik333 need to think better about your condition:

if (val<=20||val>=10)

means is the value is less than 20 OR is bigger than 10.
But If I pass 1 is indeed less than 20 so it gets executed

Anon
@MikeyZee
Jun 29 2017 08:15
Heyy all ! I have a little bit of a problem. I need to write some pseudocode for a project which I have already coded in Python. Whenever I attempt to write pseudocode for it, I seem to be basically rewriting my python code. I'm not sure how I am meant to do it and I suck at pseudocode, any tips??
Thanks :grinning: If you would like I can link you to my code its about 60 lines if you wanted to have a quick look at it, its pretty simple.
Manish Giri
@Manish-Giri
Jun 29 2017 08:16
@MikeyZee use english
don't use any code
like
for i in range(1, 100) becomes
// loop a hundred times
mayank kumar
@mayvik333
Jun 29 2017 08:16
@Marmiz pass 1 is true||false=False
Claudio Restifo
@Marmiz
Jun 29 2017 08:17
@mayvik333 that's not how the OR operation works
Anon
@MikeyZee
Jun 29 2017 08:17
why is that so difficult though? I use lists and dictionaries do I need to introduce thme in the pseudocode or no? @Manish-Giri
Amit Patel
@AmitP88
Jun 29 2017 08:17
hey guys, has anyone here ever read the book Eloquent JavaScript? I'm reading about local and global variables and I'm having trouble understanding their example and explanation (maybe they made an error?): It defines and calls two functions
that both assign a value to the variable x. The first one declares the
variable as local and thus changes only the local variable. The second
does not declare x locally, so references to x inside of it refer to the global
variable x defined at the top of the example.
var x = " o u t s i d e ";
var f1 = f u n c t i o n () {
var x = " i n s i d e f1 ";
};
f1 () ;
c o n s o l e . log ( x ) ;
// ! o u t s i d e
var f2 = f u n c t i o n () {
x = " i n s i d e f2 ";
};
f2 () ;
c o n s o l e . log ( x ) ;
// ! i n s i d e f2
Manish Giri
@Manish-Giri
Jun 29 2017 08:18
@MikeyZee depends on what you're asked to do, but you can write the words list or dictionaries in pseudocode, no need of code
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:18
You need an a element that links to http://freecatphotoapp.com
@MikeyZee
help me
@Manish-Giri
Manish Giri
@Manish-Giri
Jun 29 2017 08:19

@AmitP88 this code here

var x = " o u t s i d e ";
var f1 = f u n c t i o n () {
var x = " i n s i d e f1 ";
};
f1 () ;

the function f1() has a local variable x, so it doesn't change the global var x in any way.

Anon
@MikeyZee
Jun 29 2017 08:19
This is just talking about the scope of variables @AmitP88. Basically, if you create a variable and assign a value to it within a function, that variable will not exist outside of that function.
Manish Giri
@Manish-Giri
Jun 29 2017 08:19
the second function refers to the global variable x, so it's value changes
var f2 = f u n c t i o n () {
x = " i n s i d e f2 ";
};
f2 () ;
c o n s o l e . log ( x ) ;
// ! i n s i d e f2
@AmitP88
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:20
4 @Manish-Giri
Anon
@MikeyZee
Jun 29 2017 08:20
so if you try to use that same variable, for example x, it simply wont exist
mayank kumar
@mayvik333
Jun 29 2017 08:20
@Marmiz i got it thanks
CamperBot
@camperbot
Jun 29 2017 08:20
mayvik333 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 974 | @marmiz |http://www.freecodecamp.com/marmiz
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:20
\
Claudio Restifo
@Marmiz
Jun 29 2017 08:20
@mayvik333 :+1:
Manish Giri
@Manish-Giri
Jun 29 2017 08:20
@CharanKumarReddy16 what's the problem
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:20
@camperbot
i'm learning css @Manish-Giri
Anon
@MikeyZee
Jun 29 2017 08:20
you need to link to a photo @CharanKumarReddy16
Manish Giri
@Manish-Giri
Jun 29 2017 08:21
@CharanKumarReddy16 I meant what's the problem with your code
Claudio Restifo
@Marmiz
Jun 29 2017 08:21
@AmitP88 with the second function is taking the global x and giving it a new value.
everything seems correct
Manish Giri
@Manish-Giri
Jun 29 2017 08:21
post it here
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:22
how post image
@Manish-Giri
Manish Giri
@Manish-Giri
Jun 29 2017 08:22
@CharanKumarReddy16 drag and drop
Anon
@MikeyZee
Jun 29 2017 08:23
Screen Shot 2017-06-29 at 4.47.48 pm.png
Hey thats cool, I didn't know you could send images hahaha
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:24
k
Screenshot from 2017-06-29 13-55-57.png
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:24
@CharanKumarReddy16 just take the screenshot and then drag it here or just copy the image and paste it here
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:24
@vivekranjan92 yes
@Manish-Giri
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:24
@CharanKumarReddy16 what is the issue?
Manish Giri
@Manish-Giri
Jun 29 2017 08:24
the link should be http://freecatphotoapp.com
@CharanKumarReddy16
exactly
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:25
You need an a element that links to http://freecatphotoapp.com
all are done sir
but itis not done
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:25
see what is said to be assigned and what you are assigning in the href
Manish Giri
@Manish-Giri
Jun 29 2017 08:25
you have a www in the link
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:25
@CharanKumarReddy16
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:25
yes
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:26
@CharanKumarReddy16 challenge name?
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:26
Link to External Pages with Anchor Elements
@vivekranjan92
Amit Patel
@AmitP88
Jun 29 2017 08:27
@Manish-Giri hmmm, I'm looking at both examples again, and I'm not seeing how the second function is referring to the global x variable. Is it simply because the first function's x variable was declared using var that made that variable local?
Charan kumar
@CharanKumarReddy16
Jun 29 2017 08:27
@vivekranjan92
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:27
wait i m checking
Amit Patel
@AmitP88
Jun 29 2017 08:27
@MikeyZee oh yeah, I understand the concept, it's just the example and the text explanation is confusing me lol
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:28
@CharanKumarReddy16 there should not be www part in the code
Manish Giri
@Manish-Giri
Jun 29 2017 08:28
@AmitP88 yup
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:28
just this link is enough in href to work
Manish Giri
@Manish-Giri
Jun 29 2017 08:28
declaring a variable with var makes it local to the scope/block
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:28
@CharanKumarReddy16
Manish Giri
@Manish-Giri
Jun 29 2017 08:28
without var, the variable becomes global
@AmitP88
Amit Patel
@AmitP88
Jun 29 2017 08:29
@Manish-Giri ahhh I see now. I had a feeling that might be it
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:29
@CharanKumarReddy16 you got it now?
Amit Patel
@AmitP88
Jun 29 2017 08:29
@Manish-Giri so new variables always have to be declared with var
Manish Giri
@Manish-Giri
Jun 29 2017 08:29
yup
@AmitP88
Amit Patel
@AmitP88
Jun 29 2017 08:30
@Manish-Giri I see. I think I was confused because I saw a tutorial where it explained that as long as you declare the first variable with var, then the subsequent variables don't have to use the word var. That might be what messed up my understanding of it
Ayush Mahajan
@ay2306
Jun 29 2017 08:31
can someone help me tackle the unwanted space between numbers and operators here
https://codepen.io/ayush2306/pen/pwRRoX
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:33
@ay2306 I am not getting any extra space between numbers and operator
Amit Patel
@AmitP88
Jun 29 2017 08:34
@Manish-Giri so in the second function, since it's variable was declared without using var, it changed the original global variable's value?
Manish Giri
@Manish-Giri
Jun 29 2017 08:36
@AmitP88 yes
Claudio Restifo
@Marmiz
Jun 29 2017 08:36
@AmitP88 every time you type var you are asking the program to " take a bit of space, save this thing inside it and call it this way in case I need it later".
AmirHamzaTanvir
@AmirHamzaTanvir
Jun 29 2017 08:36

function abTest(a, b) {
// Only change code below this line
if (a < 0 || b < 0);{
return undefined;
}
// Only change code above this line

return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

not returning the second return when numbers are positive
Manish Giri
@Manish-Giri
Jun 29 2017 08:37
@AmirHamzaTanvir if (a < 0 || b < 0);{
remove ;
Amit Patel
@AmitP88
Jun 29 2017 08:37
@Marmiz @Manish-Giri I understand now, thanks guys :) I just wanted to be sure since I'm making notes in my Eloquent JavaScript book. wanna make sure it's correct lol
CamperBot
@camperbot
Jun 29 2017 08:37
amitp88 sends brownie points to @marmiz and @manish-giri :sparkles: :thumbsup: :sparkles:
:cookie: 975 | @marmiz |http://www.freecodecamp.com/marmiz
:star2: 6148 | @manish-giri |http://www.freecodecamp.com/manish-giri
AmirHamzaTanvir
@AmirHamzaTanvir
Jun 29 2017 08:37
@Manish-Giri thanks
Ayush Mahajan
@ay2306
Jun 29 2017 08:38
@vivekranjan92 I want no space between them...
@vivekranjan92 anyspace is extra space here
Ghost
@ghost~593024a8d73408ce4f63eac0
Jun 29 2017 08:38
In java script, does x = 9/5 * y
mean x = 9/(5*y) or x = (9/5)*y
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:38
@ay2306 i got it but i am running your code and i am not getting any extra space there
Ayush Mahajan
@ay2306
Jun 29 2017 08:39
@vivekranjan92 can you send a screenshot please
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:39
yeah @ay2306
sumit choubey
@sumit12301
Jun 29 2017 08:40
Hey guys, My jQuery code is running fine when I try to run it in console but whenever I am trying to use it with separate javaScript file or in Script tags, It is not working
here are the codes,
$("li").click(function(){
alert("connected");
});
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:40
blob
@ay2306
see here when i am clicking on any of the operator it is not appearing in the window
Ayush Mahajan
@ay2306
Jun 29 2017 08:41
@vivekranjan92 you see space between operator buttons and number buttons. I am talking about that..
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:41
@ay2306 ohh now i got it
wait let me see your code now
Claudio Restifo
@Marmiz
Jun 29 2017 08:43
@KshitijaaJaglan it's not JS... it's basic math.
in math divide take precedence over multiply :)
Ghost
@ghost~593024a8d73408ce4f63eac0
Jun 29 2017 08:44
I was asking when there are no brackets or space in between the numerals
Claudio Restifo
@Marmiz
Jun 29 2017 08:45
But in general when dealing with formulas and computer better be specific:
9/5*y  // meh code
(9/5) * y // better practice
9 / (5*y) //better practice
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:45
@ay2306 since you are using grid bootstrap that is why there is space between both of these two
Claudio Restifo
@Marmiz
Jun 29 2017 08:45
@KshitijaaJaglan it's treated as a math expression
Ayush Mahajan
@ay2306
Jun 29 2017 08:45
@vivekranjan92 But I allotted complete space and didnot leave any space..
Ghost
@ghost~593024a8d73408ce4f63eac0
Jun 29 2017 08:46
oh tnx. @Marmiz
CamperBot
@camperbot
Jun 29 2017 08:46
kshitijaajaglan sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 976 | @marmiz |http://www.freecodecamp.com/marmiz
Owais Ahmed
@owaisehmed
Jun 29 2017 08:47

function caseInSwitch(val) {
var answer = "";
// Only change code below this line
switch(val){
case 1:
console.log("alpha");
break;
case 2:
console.log("beta");
break;
case 3:
console.log("gamma");
break;
case 4:
console.log("delta");
break;
}

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

// Change this value to test
caseInSwitch(2);

Need help with the switch statement
Vivek Ranjan
@vivekranjan92
Jun 29 2017 08:47
@ay2306 both your grib should be inside one div only
you are making seperate div for them
*grid
Amit Patel
@AmitP88
Jun 29 2017 08:48
hey @Manish-Giri sorry but one more question. In the example I gave, with the first function f1, when calling the function do global variables take precedence over local variables? Since the f1 console.log result was the value of the global variable rather than the declared local variable within the function
Ayush Mahajan
@ay2306
Jun 29 2017 08:49
@vivekranjan92 they are
<div class="container-fluid">
      <div id="left-side" class="col-xs-9">
        <div id="left-side-numbers">
        </div>
      </div>
      <div id="right-side" class="col-xs-3">
        <div id="right-side-operaters">
        </div>
      </div>
    </div>
Owais Ahmed
@owaisehmed
Jun 29 2017 08:54
Help needed with switch statement

function caseInSwitch(val) {
var answer = "";
// Only change code below this line
switch(val){
case 1:
console.log("alpha");
break;
case 2:
console.log("beta");
break;
case 3:
console.log("gamma");
break;
case 4:
console.log("delta");
break;
}

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

// Change this value to test
caseInSwitch(2);

madhuri soni
@sonimadhuri
Jun 29 2017 08:54
@owaisehmed what are you asked to do in the challenge?the switch is fine
Owais Ahmed
@owaisehmed
Jun 29 2017 08:55
@sonimadhuri
Write a switch statement which tests val and sets answer for the following conditions:
1 - "alpha"
2 - "beta"
3 - "gamma"
4 - "delta"
Not able to implement it properly i guess
madhuri soni
@sonimadhuri
Jun 29 2017 08:56
@owaisehmed instead of console.log() you have to assign answer variable the values alpha,beta,..
like this answer="alpha";
Owais Ahmed
@owaisehmed
Jun 29 2017 08:57
:|
how dumb could i be
lol
Thanks @sonimadhuri
CamperBot
@camperbot
Jun 29 2017 08:57
owaisehmed sends brownie points to @sonimadhuri :sparkles: :thumbsup: :sparkles:
:cookie: 294 | @sonimadhuri |http://www.freecodecamp.com/sonimadhuri
madhuri soni
@sonimadhuri
Jun 29 2017 08:58
@owaisehmed atleast you tried something logical !! keep it up!
sandy02
@sandy02
Jun 29 2017 09:10
guys I have completed basic alog scripting challenges, but how can I make sure that my solutions are good or best from all the solutions available to solve the problm..Any suggestions?
CraZy biRd
@Preeetrockz
Jun 29 2017 09:18
@Manish-Giri HELLO
kishore
@kishoremani98
Jun 29 2017 09:25
a small doubt
<div class="col-xs-4"> <div class="col-xs-4">
in this wat is the check box
sandy02
@sandy02
Jun 29 2017 09:27
@kishoremani98 no you are just giving class to ur div element..
kishore
@kishoremani98
Jun 29 2017 09:28
Nest each of your checkboxes inside its own div with the class col-xs-4
@sandy02 can u give an eg for checbox
Cormac O'Brien
@Cormac0102
Jun 29 2017 09:31
 q
kishore
@kishoremani98
Jun 29 2017 09:32
@Cormac0102 this is for me?
sandy02
@sandy02
Jun 29 2017 09:32
<div class="row">
      <div class="col-xs-6">
 <label><input type="checkbox" name="personality"> Crazy</label>
    </div>
<div class="col-xs-6">
 <label><input type="checkbox" name="personality"> Crazy</label>
    </div>
</div>
@kishoremani98 see above
kishore
@kishoremani98
Jun 29 2017 09:34
@sandy02 in this what r check box?
sandy02
@sandy02
Jun 29 2017 09:34
@kishoremani98 yes
Jill Lee
@jill-lee
Jun 29 2017 09:37

How to apply media queries on span-text on top of parallax?

<div class="bgimg-1">
<div class="caption">
<span class="border">Jill Lee</span></div>

.caption {
text-align: center;
padding-top: 20%;

}

.caption span.border {
background-color: #000000;
color: #fff;
padding: 18px;
font-size: 30px;
letter-spacing: 10px;
display: inline block;
width: auto;
margin: 0 auto;

}

AmirHamzaTanvir
@AmirHamzaTanvir
Jun 29 2017 09:42

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

{
"artist" : "Kanye West",

"title": "Power",
"release_year":2010,
"formats":[
"LP",
"Exp"],
"platinum": true
}
];

how do i add another album
Dhaval
@Dhavalc2012
Jun 29 2017 09:48
myMusic = [{//a1},{//a2},{//a3} ]
a1 = album1
a2 = album2
a3 = album3
Joshua
@Loo15
Jun 29 2017 09:48
To create a dead link do I literally delete "href" and in put a "#"?
heroiczero
@heroiczero
Jun 29 2017 09:49
@AmirHamzaTanvir add another object to the array myMusic similar to how they did it
{
"artist": "Billy Joel",
"title": "Piano Man",
"release_year": 1973,
"formats": [
"CS",
"8T",
"LP" ],
"gold": true
}
AmirHamzaTanvir
@AmirHamzaTanvir
Jun 29 2017 09:49
ohhh
using push?
@heroiczero thanks
CamperBot
@camperbot
Jun 29 2017 09:50
amirhamzatanvir sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1435 | @heroiczero |http://www.freecodecamp.com/heroiczero
madhuri soni
@sonimadhuri
Jun 29 2017 09:51
@Loo15 u have to delete the link in href(not href itself) and repace it with a "#"
Joshua
@Loo15
Jun 29 2017 09:52
THank you very much.
Sourabh
@hace123
Jun 29 2017 09:53
hello, i have some issues with the weather app should i paste the code in this room or should i paste it in helpjavascript?
its regarding javascript
heroiczero
@heroiczero
Jun 29 2017 09:54
@AmirHamzaTanvir you do not have to use push. Just tag it on at the end of the array.
Alexander Køpke
@alexanderkopke
Jun 29 2017 09:56
@allensoberano it's over a year ago since I've worked on the random quote generator it so I honestly don't remember. However, I do remember that I chose to not use an api. I just created an array with quotes, then a function that randomly picked one of the quotes. However, today I'd go with an api because the result is much more fun. And usually quote apis aren't that hard to figure out. If you're using codepen to create your code, the api has to be secure http aka https. The same goes with other external sources like images and other files. Here is a list of quote apis. To find the secure ones have a look at the ones submitted after 2016. They usually have https as their endpoint. https://www.programmableweb.com/category/all/apis?keyword=quotes
AmirHamzaTanvir
@AmirHamzaTanvir
Jun 29 2017 09:58

var myStorage = {
"car": {
"inside": {
"glove box": "maps",
"passenger seat": "crumbs"
},
"outside": {
"trunk": "jack"
}
}
};

// Only change code below this line

var gloveBoxContents = myStorage.car["glove box"]; // Change this line

glove box is not assigned
nvm
Blessed Koranteng Ofori
@blessedghana
Jun 29 2017 10:23
ello world
Loris Hanck
@Pouletcoq
Jun 29 2017 10:23
Hello How do i make the h1 center in the circle pls ? :D https://codepen.io/pen
Blessed Koranteng Ofori
@blessedghana
Jun 29 2017 10:24
am creating fom element but it not working, i need help
heroiczero
@heroiczero
Jun 29 2017 10:25
@Pouletcoq maybe this might help https://www.w3.org/Style/Examples/007/center.en.html
Loris Hanck
@Pouletcoq
Jun 29 2017 10:25
Thx @heroiczero :smile:
CamperBot
@camperbot
Jun 29 2017 10:25
pouletcoq sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1436 | @heroiczero |http://www.freecodecamp.com/heroiczero
heroiczero
@heroiczero
Jun 29 2017 10:26
@blessedghana lets see your code. What exercise are you on?
lianxushuai
@lianxushuai
Jun 29 2017 10:27
@Pouletcoq exciting!
Loris Hanck
@Pouletcoq
Jun 29 2017 10:27
@lianxushuai :P
Blessed Koranteng Ofori
@blessedghana
Jun 29 2017 10:28
blob
heroiczero
@heroiczero
Jun 29 2017 10:28
@blessedghana misspelled action=
Blessed Koranteng Ofori
@blessedghana
Jun 29 2017 10:28
@heroiczero the highligted one
heroiczero
@heroiczero
Jun 29 2017 10:29
@blessedghana you typed actiom=; it is action=
wonder
@wonder2991
Jun 29 2017 10:29
yep
B.Oussama
@0usssama
Jun 29 2017 10:49
hi, where can i find victor images (for banners, separators) apart from google ?
Greta Piliponytė
@gpiliponyte
Jun 29 2017 10:53
HELPS PLS weather app buttons don't work due to asynchronic function use and I don't know how to fix it .....
Pethaf
@Pethaf
Jun 29 2017 10:54
@gpiliponyte Are you getting a cors error?
Greta Piliponytė
@gpiliponyte
Jun 29 2017 10:55
@Pethaf no
Greta Piliponytė
@gpiliponyte
Jun 29 2017 10:57
it's just that I use global variables like var temperature and assign value to them in the getjson function (I know it's bad practise) and then try to use these variable in $(document).ready function
I know the problem but now how to fix it...
@Pethaf
Pethaf
@Pethaf
Jun 29 2017 11:00
@gpiliponyte If I understand you right, you are accessing global variables before they are initialized by the json request?
Greta Piliponytė
@gpiliponyte
Jun 29 2017 11:00
yes
@Pethaf
Pethaf
@Pethaf
Jun 29 2017 11:00
One way to resolve that is to have the json request call a success function with the received data. And have the success function update the variables and the page.
Greta Piliponytė
@gpiliponyte
Jun 29 2017 11:03
okay, but what do I do with these kind of functions ... $("#celcius").on("click", function(){
$("#temperature").html(tempSI);
}); ... do they go in the success function too
@gpiliponyte like the not static parts of the page
Pranav Shahi Bisen
@pranavshahibisen
Jun 29 2017 11:04
var myStr = "FirstLine\n\SecondLine\rThirdLine"; how to do it ?
it's not working
Pethaf
@Pethaf
Jun 29 2017 11:05
@gpiliponyte No, they don't go into the success function.
The success function should only be concerned with the data that comes from the weather app.
B.Oussama
@0usssama
Jun 29 2017 11:05
@sonimadhuri thnx
CamperBot
@camperbot
Jun 29 2017 11:05
0usssama sends brownie points to @sonimadhuri :sparkles: :thumbsup: :sparkles:
:cookie: 295 | @sonimadhuri |http://www.freecodecamp.com/sonimadhuri
Greta Piliponytė
@gpiliponyte
Jun 29 2017 11:06
@Pethaf I used to have a normal success function but I still had a asynch problem
Pethaf
@Pethaf
Jun 29 2017 11:07
What event handler are you using to render the page?
ready? DomContentLoaded?
Greta Piliponytė
@gpiliponyte
Jun 29 2017 11:07
@gpiliponyte I would call the function in my $(document).ready, assign json fields to global vars...
Pranav Shahi Bisen
@pranavshahibisen
Jun 29 2017 11:07
var myStr = "FirstLine\n\SecondLine\rThirdLine"; how to do it ? help
Greta Piliponytė
@gpiliponyte
Jun 29 2017 11:08
but the global vars would still be undefined in the $(document).ready
so yeah...
@Pethaf
Pethaf
@Pethaf
Jun 29 2017 11:09
I am not sure I understand what you are doing. If the variables are global, then they should be declared as soon as the DOM is loaded.
Or do you mean that they haven't been assigned the correct values yes?
Greta Piliponytė
@gpiliponyte
Jun 29 2017 11:10
@Pethaf they are with the correct values
just undefined in the .ready function
Dusan Sacha
@DusanSacha
Jun 29 2017 11:10
@pranavshahibisen Hi, could you send the link to the challenge?
Pethaf
@Pethaf
Jun 29 2017 11:10
If they are global, then the ready function should be able to access them.
Greta Piliponytė
@gpiliponyte
Jun 29 2017 11:11
that's not why...
B.Oussama
@0usssama
Jun 29 2017 11:14
hi where can i find the separators like in the "portforlio" challenge ? plz
Dusan Sacha
@DusanSacha
Jun 29 2017 11:15
@pranavshahibisen You are almost right. Just add the 'backslash' to your string. The right characters for the backslash you can find in the description. Exactly there where you found \n \r
@0usssama Not sure what do you mean.. Could you send the link to the portfolio challenge?
the ===</>
@DusanSacha or its just fonts ?
tao
@Azerop
Jun 29 2017 11:22
https://codepen.io/Azerop/pen/vZpNzo i finished this challenge. i am very happy to do that.
Altin Rrahmani
@DevKosov
Jun 29 2017 11:23
@0usssama <hr class="star-bright"/>
use this
Dusan Sacha
@DusanSacha
Jun 29 2017 11:23
@0usssama In this case, it has been done with <hr> tag
@0usssama you can check the coding of the portfolio in developer console
Altin Rrahmani
@DevKosov
Jun 29 2017 11:25
@Azerop make your anchor so when you click it it redicts you to an other window bar use target="_blank"
B.Oussama
@0usssama
Jun 29 2017 11:25
@DusanSacha but it like artistic, it was done by css ?
tao
@Azerop
Jun 29 2017 11:26
@DevKosov thanks, i will add it.
CamperBot
@camperbot
Jun 29 2017 11:26
azerop sends brownie points to @devkosov :sparkles: :thumbsup: :sparkles:
:cookie: 268 | @devkosov |http://www.freecodecamp.com/devkosov