get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
never mind i found the missing part
@Rogers187 sometimes it is easier to use "Reset" button and start from the scratch.
I looked at your code and couldn't find a bug.
I looked at your code and couldn't find a bug.
true
i forgot} symbol
@Rogers187 oh after
.gray-backgroundCSS class definition :-)
yep
@KevinStaufy
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>Like</button>
</div>
better that way
instead of repeating "fa fa-thumbs-up" twice
I just finished HTML and CSS after 2 days- I know it is not much compared to how far all of you amazing FCC coders are but I am very excited right now :sparkles: :smile:
you actually only need it in your
i
This message was deleted
*tag
HI guys,
jQuery,
If I am calling multiple functions, can I make the next one wait until the previous one has finihsed?
@cragsify I think you can use
setTimeOut()
@Manish-Giri That's just a timer though, there's no guarantee that the first function will be finished.
This message was deleted
:bulb: to format code use backticks! ``` more info
oops
function where(collection, source) {
var arr = [];
// What's in a name?
// loop over collection of objects checking to see if any objects contain key: value pairs
// in source object
var sourceKeys = Object.keys(source);
for (var i = 0; i < collection.length; i++) {
if (Object.keys(collection[i]).length >= sourceKeys.length) {
for (var key in source) {
if (collection[i].hasOwnProperty(key)) {
if (collection[i][key] === source[key]) {
arr.push(collection[i]);
}
}
}
}
}
return arr;
}
for this test case
console.log(where([{ "a": 1, "b": 2 }, { "a": 1 }, { "a": 1, "b": 2, "c": 2 }], { "a": 1, "b": 2 }));
I keept getting this out put
[ { a: 1, b: 2 },
{ a: 1, b: 2 },
{ a: 1, b: 2, c: 2 },
{ a: 1, b: 2, c: 2 } ]
It's pushing the current object into the array i want to return twice instead of once because it's checking to see if target object contains source key, it does. push it in. then it goes to next property which passes test again so it pushes it again. I don't know how to break out of it? I know with a regular loop I can use
break or continue...how might i achieve this with a for in loop? Any help?
This is for the Where Art Thou algorithm I'm looking for some assistance with.
hello everyone. I just started a couple days ago and I'm confused as to how to resize images using CSS. can anyone see whats wrong with the code?
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.smaller-image {
width: 100px;
}
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.smaller-image {
width: 100px;
}
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
thanks!
@mcgratcj You don't give you img element the class .smaller-image.
@mcgratcj <img class="smaller-image" src="">
how did you grab the screenshot of the code as well?
@cragsify I copy and pasted you code and then used this...
help format
:point_right: code formatting [wiki]
Inline code
This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.
Code Block
```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
or you can put style on the omg attribute <img width=“100” src=“">
@wpfpizicai A better way to do this using css would be <img style="width:100px" src="">
yes
you are right
@mcgratcj Let us know if that fixes the problem.
ok giving it a shot
anybody here solved Where Art Thou algorithm challenge yet ?
holla at me if you have
@cragsify the tips worked, thanks
mcgratcj sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 292 | @cragsify | http://www.freecodecamp.com/cragsify
working on the Basic Front End Development Projects that got moved up earlier on the map.
Still on building a tribute page.
What's difficult about it for me is figuring out what bootstrap classes I should be using for things.
Especially since the tutorial stressed that they didn't use any custom CSS except for adding a margin to the top
I probably spent about an hour and a half trying to use .well to style the grey div, only realize just now that it is likely supposed to be a .jumbotron
Is there anything that can make figuring out the correct bootstrap classes easier?
what am i doing wrong? cant get the body element color green, or Your h1 element should inherit the color green from your body element. This is what i have so far. <style>
body {
background-color: green;
font-family: Monospace;
}
</style>
<h1 class="background-color">Hello World</h1>
@mca62511 You can right-click on the example webpage and click "inspect element" to see the markup.
body {
background-color: green;
font-family: Monospace;
}
</style>
<h1 class="background-color">Hello World</h1>
@Rogers187 remove the class from h1 and wrap it in <body></body>
@Rogers187 also it should be color: not background-color:
The rules specifically tell you not to look at the source.
@mca62511 Apart from that there is not a really good way. Only other suggestion I have is wading through the bootstrap docs.
Could anyone help me with some HTML/CSS?
@AustinThornley Sure, what's up?
@cragsify I have this codepen. Just kinda messing around, I was just wondering, the picture of the mountains, how can I get it to be 100% of the heighth of the window? So you don't see the blue div at the bottom until you scroll down a little farther? http://codepen.io/AustinThornley/pen/jWJNaX
@AustinThornley https://css-tricks.com/perfect-full-page-background-image/
@qualitymanifest This isn't like the whole webpage, it could just be a div, correct?
ah, just noticed you said "height of the window" which might be a little different. haven't done any stacked background images yet
@AustinThornley I don't see the image, have you saved the code with the image?
@qualitymanifest Yeah, that's what I need help with lol
@cragsify The image is in the CSS
.header {
background: url("http://i.imgur.com/WYZt699.jpg") center center no-repeat;
padding: 0;
margin: 0;
height: 500px;
}
@AustinThornley I would experiment with the background-size: 100% 100% property
@AustinThornley And changed the height of the image/div.
@AustinThornley i think you could use
vh maybe?
@cragsify Wait, it shows up for me. If I paste the link in incognito it doesn't show up though. Weird
@cragsify I'll try that.
@AustinThornley I think you need to cache the image for it to show.
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<labeL>
<input type="radio" name="indoor-outdoor"> indoor
</label>
<label>
<input type="radio" name="indoor-outdoor"> outdoor
</label>
<button type="submit">Submit</button>
</form>
<input type="text" placeholder="cat photo URL" required>
<labeL>
<input type="radio" name="indoor-outdoor"> indoor
</label>
<label>
<input type="radio" name="indoor-outdoor"> outdoor
</label>
<button type="submit">Submit</button>
</form>
It says that my labels need a closing tag, even though both of them are closed?
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<labeL>
<input type="radio" name="indoor-outdoor"> indoor
</label>
<label>
<input type="radio" name="indoor-outdoor"> outdoor
</label>
<button type="submit">Submit</button>
</form>
@cragsify How would I do that?
@dayshin your first label has a capital L.
Oh
thanks
@AustinThornley you need to go to webpage then refresh for something to be picked up from cache, personally, I would implement the image in the html.
@cragsify I need to go the webpage of the image or the codepen?
@AustinThornley codepen, I seen the image once I refreshed.
@AustinThornley If you implement the image in the html, it should even show in incognito.
@cragsify Oh, I see the image fine, I just am wondering how to make it so it can be the right height and you can't see the blue div unless you scroll down a little
@AustinThornley use background-size:100% 100%, and make the image/div height larger
@cragsify Okay, I'll try that.
@cragsify So, I did that, but on Mobile, won't they have to scroll down a lot more?? And the background-size: 100% 100%; just changes which part of the image you can see
@AustinThornley ok, I would experiment with vh = viewport height in css.
@AustinThornley You will probably need to rewrite your html to get it how you want.
@cragsify Okay.
hi all i could use some help here. I'm doing the Seek and Destroy Challenge, I seem to be getting the right output, but it's not validating. I'm assuming it has to with passing the arguments object.
function check(value){
return value !== this;
}
function destroyer(arr) {
// Remove all the values
for(var i = 1; i < arguments.length; i++){
arr = arr.filter(check, arguments[i]);
}
return arr;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);:bulb: to format code use backticks! ``` more info
Oh!
Wait, do I not need to copy the Tribute Page exactly?
Can I format things the way I'd like?
@mca62511 YEs, do what you wan
The video talked a lot about how the whole page was done with just bootstrap and no custom elements, so somehow I thought I'd need to do the same.
@mca62511 I'd recommend it, but you can do what you want, as long as you fulfill the user stories.,
But is this okay? Now I feel like I've made things too much like the original https://codepen.io/mca62511/full/WrmbzE/ I definitely didn't give it my "own personal style".
@mca62511 As long as you fulfill the user stories, you should pass. Alot of my FCC project have no CSS.
@mca62511 You are opening your text below the header with a <p> and closing it up with a </h2>
need help with Target HTML Elements with Selectors Using jQuery plz
nvm
@RobMo Thanks for pointing that out.
mca62511 sends brownie points to @robmo :sparkles: :thumbsup: :sparkles:
:star: 132 | @robmo | http://www.freecodecamp.com/robmo
I'm making changes to it right now.
@raiden357 tried something ?
yea i still need help plz
@raiden357 tried anything ?
yea i don't know what t odo
don't know what to put in the buttons
button is what you have to target
yup still nothing
i'm skipping it
What is the problem?
@raiden357 what you tried can you paste code
or do you need answer
$(document).ready(function(){
$("p").hide();<-------this how you target p tag
});
Use the jQuery addClass() function to give the classes animated and bounce to your button elements.
don't know what that means
and thansk for your help
thanks
Hi, i'm at the "Build a tribute page" challenge and i'm having some troubles creating the "border like" thing, here is my pen (http://codepen.io/ySkilly/pen/rxRVWE), if you could help me it would be amazing
Which border-like thing do you mean?
this one : http://codepen.io/FreeCodeCamp/full/wMQrXV/
@ySkilly Part of teh challenge is not to use css (that s also a hint as in how to solve it)
whats the anwser
Oh yea, i'm gonna re start from scratches so !
So i guess it's jQuery, but i don't remember seeing how to make the "border like" thing, is it cheating if i go on another website to learn it ?
So i guess it's jQuery, but i don't remember seeing how to make the "border like" thing, is it cheating if i go on another website to learn it ?
because i'm lost
@ySkilly This is a big hint toward the solution: http://www.freecodecamp.com/challenges/create-bootstrap-wells
Oooh i suck so much haha, forgot what i just learned >.>
Well thanks man ! (understood the joke eh ? :smile: )
Well thanks man ! (understood the joke eh ? :smile: )
@raiden357 what's your question
@ySkilly No problem I forgot half of it myself as well (i m finishing up the same challenge atm) ;)
The example doesn't use wells though.
I wouldn't know, I didn't look at it ;). But .well seems to do the trick @mca62511
Target HTML Elements with Selectors Using jQuery im stuck on this and just want the anwser so i can move on
@raiden357 can't tell you the answer, but in your challenge you have to select the button element and ADD it the CLASS "animated bounce"
can anyone help me with the "Use Bracket Notation to Find the Nth Character in a String" part, having trouble
// Example
var firstName = "Ada";
var secondLetterOfFirstName = firstName[1];
// Setup
var lastName = "Lovelace";
// Only change code below this line.
var thirdLetterOfLastName = "v";
var lastname = [3];
@raiden357 in fact the answer is given in the challenge, you just have to copy paste the code they gave you
nvm got it
@RobMo You can tell without looking http://codepen.io/mca62511/pen/eJXNXN A well has that darker grey border around it and different padding. The example page is more consistent with a jumbotron.
But... the rules say.
Give it your own personal style.
So perhaps it doesn't matter so much
@mca62511 thanks man !
well we couldn't know because no challenges told us about jumbotron, but now we know ! :tongue:
well we couldn't know because no challenges told us about jumbotron, but now we know ! :tongue:
yskilly sends brownie points to @mca62511 :sparkles: :thumbsup: :sparkles:
:star: 266 | @mca62511 | http://www.freecodecamp.com/mca62511
hey guys can I get some help with my logic?
@ySkilly that helps :) There is a lot more about bootstrap on http://www.w3schools.com/bootstrap/default.asp (even more than the bootstrap website itself)
Here's a link to the documentation on the bootstrap website: http://getbootstrap.com/css/
And you can also go here http://getbootstrap.com/getting-started/#examples check out on example, right click, and select "View page source"
to get some ideas about how to use stuff
thx @RobMo this is for the points
raiden357 sends brownie points to @robmo :sparkles: :thumbsup: :sparkles:
:star: 133 | @robmo | http://www.freecodecamp.com/robmo
@TravisHi go ahead
It's cool I figured it out @Manish-Giri !
I'm just starting from scratch, and I am struggling to add borders to an image. This is what I've done so far: .smaller-image {
width: 100px;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img class="smaller-image" "thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
@sereion You needn't seperate class names with quotes. Just a blank space is enough.
Try this:
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
function rot13(str) { // LBH QVQ VG!
var array = str.split(" ");
var arrTemp =[];
for (var i = 0; i < array.length; i++){
for (var j = 0; j < array[i].length; j++){
arrTemp.push(array[i][j].charCodeAt());
}
arrTemp.push(32);
}
var tempArray = [];
var string = "";
for (i = 0; i < arrTemp.length; i++){
var temp = arrTemp[i];
if (temp !== 32){
if (temp >= 65 && temp <= 77){
temp += 13;
}else if(temp > 77 && temp <= 90){
temp -= 13;
}
string +=String.fromCharCode(temp);
}else {
string += " ";
}
}
return string;
}
// Change the inputs below to test
rot13("GUR DHVPX OEBJA QBT WHZCRQ BIRE GUR YNML SBK.");
Does anyone have the same problem?
@LDWX Specify an index for
charCodeAt().
Hello again. Would one of you mind helping me out with challenge #23? I've been hung up on this for a while now.
arrTemp.push(array[i][j].charCodeAt(0));
@sphinxlikewayne
@sphinxlikewayne show your code
@pradeepce Still can't work
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
img {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
the img {
width: 100px;
} is the only edits ive made so far
width: 100px;
} is the only edits ive made so far
I made a page with a div element, in my local browser I have managed to make my div take up the entire screen (like I want to) but when I upload it to my web server for some reason it has padding on the left?
i see the image is resized but im not sure whats hanging me up on this one
@sphinxlikewayne Please show your title,I don't remember the problem
@LDWX thanks by the way
sphinxlikewayne sends brownie points to @ldwx :sparkles: :thumbsup: :sparkles:
:star: 266 | @ldwx | http://www.freecodecamp.com/ldwx
@sphinxlikewayne
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image{
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>@camperbot
it works
but after doing this one i can see this coding thing getting more and more complicated
i really appreciate the help though
I was just stuck at this exact place...this helped me as well. Thanks!
@LDWX Hint: With
arrTemp.push(array[i][j].charCodeAt(0));you are referring to the value at index 0 throughout the loop. You should replace 0 with a variable.
Hey I finished my "Build a tribute page"-challenge. I would love to get some pointers on it. Also there is an issue where the white space on the right side of the screen gets bigger than that on the left, when you resize the screen. Anyone has an idea what causes this? http://codepen.io/RobMo/pen/yewyXp
@kmulligan Yes. Pure functions have no side effects: they receive a value and they return a value, without modifyng the entering value or, God forbid, variables from the outside scope. There are many benefits to programming in a functional style, including ease of testing, debugging and much, much, much better composability.
@marcusmonteiro thanks for this... will do my best to remember
sorry kmulligan, you can't send brownie points to yourself! :sparkles: :sparkles:
:star: 92 | @marcusmonteiro | http://www.freecodecamp.com/marcusmonteiro
which room is for front end stuff?
HelpFrontEnd
thanks @kmulligan
rafase282 sends brownie points to @kmulligan :sparkles: :thumbsup: :sparkles:
:star: 275 | @kmulligan | http://www.freecodecamp.com/kmulligan
Anyone know how to get this background scrolling to work in mobile browsers? I think background: fix is disabled for them
for (var i = 0; i < array.length; i++){
for (var j = 0; j < array[i].length; j++){
arrTemp.push(array[i].charCodeAt(j));
}
arrTemp.push(32);
}That still doesn't work.
@pradeepce
Hi guys, going through my first few challenges.
is array a multidimensional array @LDWX ?
yes @JonSelig
@JonSelig My result is right, but can't pass
@lenerdo :+1:
function rot13(str) { // LBH QVQ VG!
var array = str.split(" ");
var arrTemp =[];
for (var i = 0; i < array.length; i++){
for (var j = 0; j < array[i].length; j++){
arrTemp.push(array[i].charCodeAt(j));
}
arrTemp.push(32);
}
var tempArray = [];
var string = "";
for (i = 0; i < arrTemp.length; i++){
var temp = arrTemp[i];
if (temp !== 32){
if (temp >= 65 && temp <= 77){
temp += 13;
}else if(temp > 77 && temp <= 90){
temp -= 13;
}
string +=String.fromCharCode(temp);
}else {
string += " ";
}
}
return string;
}
// Change the inputs below to test
rot13("SERR PBQR PNZC");
Which challenge is it?
@JonSelig Caesars Cipher
Can you use "array" as an array name? It's highlighted in your code
@JonSelig It doesn't matter.
You have a trailing space in the text output I think
oH ! yes , I get it ! thank you @JonSelig
ldwx sends brownie points to @jonselig :sparkles: :thumbsup: :sparkles:
:star: 135 | @jonselig | http://www.freecodecamp.com/jonselig
@LDWX np, glad I could help even though I'm not to the javascript challenges haha
@JonSelig use responsive design with booth strap fluid containers. This was the challenge . I end up getting it right .
@fefe-fiona add
<div class="container-fluid"> at the top and close the div at the bottom
Oh missed the end
glad you figured it out
I was lost for a bit, I guess I was over thinking it.
Anyone know why
#id-name { font-size: 200% } applies to a <p> inside the div with id "id-name", but not to an <h1> in the same div?
Oh do headers have a fixed size?
HELP!!
$(".target:nth-child(3)").addClass("animated bounce");
how to you utilize the target for an id?
$(".target:nth-child(3)").addClass("animated bounce");
how to you utilize the target for an id?
@JonSelig thank you
fefe-fiona sends brownie points to @jonselig :sparkles: :thumbsup: :sparkles:
:star: 136 | @jonselig | http://www.freecodecamp.com/jonselig
Hi please help I am trying to factorize a number (as a part of Javascript algorithms). This is my code which seems right to me but I am unable to pass the level.
var a=1;
function factorialize(num) {
for (var i=1; i<=num;i++)
{
a=a*i;
}
return a;
}
factorialize(5);
@Liam345 move var a=1; into the function
@Liam345 are you sure you want var a=1; outside the function? That means the function can't work unless there's an already existing a outside it first, right? If a =1 is inside... right @JonSelig said it.
Dang I still have 12 hours of lessons + finishing my portfolio to get to those, they look fun
@JonSelig @4dsolutions Thanks got it
liam345 sends brownie points to @jonselig and @4dsolutions :sparkles: :thumbsup: :sparkles:
:star: 12 | @4dsolutions | http://www.freecodecamp.com/4dsolutions
:star: 137 | @jonselig | http://www.freecodecamp.com/jonselig
am i doing this right/ <button class="btn btn-info">Like></button>
<button class="btn btn-info">Like</button>
(remove that extra
< after the Like)
@colvint still not working
@Rogers187 you mean the button isn’t working?
which challenge?
yeah its just putting text on the app. not a button
@colvint Create a Bootstrap Button
hmm
<button class="btn btn-info">Like</button> works for me
must be some other issue preventing you from passing...
trying resetting the challenge and trying again with that button markup
Create a new button element below your large kitten photo. Give it the class btn and the text of "Like”.
also, perhaps it needs to be below the large kitten photo to pass...
@colvint resetting worked thanks
rogers187 sends brownie points to @colvint :sparkles: :thumbsup: :sparkles:
:star: 47 | @colvint | http://www.freecodecamp.com/colvint
@Rogers187 :+1:
Anyone completed the weather app gig? I'm having a tough time confirming that any data is getting through the API pull. Tried getJSON and loadJSON and I feel like i'm missing something obvious.
$.getJSON("http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=2bfb9a60bdbdfd4d690c66b602546943"), function(weather) {
var temp = weather.main.temp;
console.log(temp);
};
how do you make a element again?
an h3 element to be exact
nvm got it :)
@collinferry
$.getJSON("http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=2bfb9a60bdbdfd4d690c66b602546943", function(weather) {
var temp = weather.main.temp;
console.log(temp);
});try this
@idietmoran thanks my friend
collinferry sends brownie points to @idietmoran :sparkles: :thumbsup: :sparkles:
:star: 295 | @idietmoran | http://www.freecodecamp.com/idietmoran
@collinferry just a parentesis in the wrong place xD
@idietmoran it's always something simple like that. Sometimes I dig around for hours only to find I should have looked at the basics...
@collinferry thats me every day haha
@KevinStaufy :P
can anyone please help me with Counting cards challenge?
how do you make button elements for use in a <div>
i forgot
nvm
Is anyone willing to walk me through Basic Javascript -> record collection? I'm very confused and very stuck
hi how can i exit out of the loop if the function returns false even once, and keeep on continuing the loop if the result is true in the code below:
for(var i=0;i<(len/2);i++);
{
if (b[i]!=b[len-i-1])
{return false;
}
else
{
return true;
}
}
{
if (b[i]!=b[len-i-1])
{return false;
}
else
{
return true;
}
}
@Liam345 @Brandondoescode hate to say it guys but the chat is pretty dead at the moment and i cant really help either of you :(
@KevinStaufy yikes! Keep plugging I guess haha
@Brandondoescode yup good luck man!
@Liam345 replace return true with "continue";
or just remove the else statement, that will work too.
@Raunaq-Jain I have tried both. In case of continue it shows an error saying continue is only a valid inside a loop statement. While if I remove else statement I cannot display true when the loop is never false.
@Liam345 "break;"
@rhutchison he doesn't want to exit the loop at the true condition.
he said at the false
at false, he will automatically exit the loop as it is a return statement. He will get out of the function itself
Anybody solve "Get Geolocation Data" ?
@LDWX In json - ajax one?
I think he doesn't want to return false, but instead break out
@Liam345 can you provide the full method/problem you are trying to solve
Hii @/all Can anyone recommend a good blog name for javascript? I want to start a blog to help the beginners get started on JS
JS for noobs
:D
@4mohit consider writing your blog on http://www.medium.com
that’s where the cool kids write stuff these days...
@rhutchison I am trying to solve the Palindrome problem. So when I enter “eye" in the function , it returns true, but when I enter “eyys” in the function it still returns true as it is not exiting when e!=s but shows the value true as y=y
Hey guys, still very stuck on basic javascript -> record collection could really use some help :/
@Brandondoescode have you tried posting in the other section of the chat yet?
@Brandondoescode https://gitter.im/FreeCodeCamp/FreeCodeCamp
nah I thought questions were specifically for this subchat?
@Brandondoescode
@colvint heya
@Brandondoescode yea but this one is like hella dead
need help?
I do!
fire away
...
try not to laugh but this is what I have...
@colvint is pretty damn good at solving problems ive seen him fix a few!
// Setup
var collection = {
2548: {
album: "Slippery When Wet",
artist: "Bon Jovi",
tracks: [
"Let It Rock",
"You Give Love a Bad Name"
]
},
2468: {
album: "1999",
artist: "Prince",
tracks: [
"1999",
"Little Red Corvette"
]
},
1245: {
artist: "Robert Palmer",
tracks: [ ]
},
5439: {
album: "ABBA Gold"
}
};
// Keep a copy of the collection for tests
var collectionCopy = JSON.parse(JSON.stringify(collection));
// Only change code below this line
function update(id, prop, value) {
if (id[prop] !== "" && id[prop] !== "tracks"){
id[prop] = "new prop";
}
else if (id[prop] == "tracks" && id[prop].value === ""){
id[prop].value.push();
}
else {
id[prop].delete();
}
return collection;
}
// Alter values below to test your code
update(5439, "artist", "ABBA");
@Liam345 can you just do
return str == str.split('').reverse().join('');?
or does it need to be in a loop?
@Brandondoescode which challenge?
I haven't done it, so not familiar
@colvint basic javascript -> record collection
oh right sorry
@colvint its super confusing (to me)
sec
reading it..
ah ok
so
the first bit:
After update(5439, "artist", "ABBA"), artist should be “ABBA"
your update function would have to do two things
wiki
usage:
wiki $topic info on that topic
wiki Target the same element with multiple jQuery Selectors
:point_right: challenge target the same element with multiple jquery selectors [wiki]
Target the same element with multiple jQuery Selectors
The multiple jQuery selectors are:
- By type:
$("button") - By class:
$(".btn") - By id:
$("#target1")
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
});
</script>:pencil: read more about challenge target the same element with multiple jquery selectors on the FCC Wiki
1) find the record
2) change (update) the record
wiki create a script
no wiki entry for:
create a script
wiki script element
no wiki entry for:
script element
to find the record, we’re in luck
some one can help me with jquery
@Brandondoescode i’m going to PM you
i've some problem with
Target the same element with multiple jQuery Selectors
Target the same element with multiple jQuery Selectors
hard to see the exchange...
ok
@colvint sorry for blowing up chat haha
I'm decent with jquery whats the question @indrango
@KevinStaufy no worries
@colvint so before you slide into his Dm's can you explain to me how to make a script element?
<script>=
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
});
</script>
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
is it like a normal element?
That's my code
I've followed this instruction https://github.com/freecodecamp/freecodecamp/wiki/challenge-target-the-same-element-with-multiple-jquery-selectors
<script>=
but dont' pass the challenge
why is there an equals sign
@rhutchison well now i feel dumb xD
Hahaha @rhutchison it work
Thanks
@KevinStaufy
<script type="text/javascript">..</script>
@rhutchison interesting thank you!
kevinstaufy sends brownie points to @rhutchison :sparkles: :thumbsup: :sparkles:
:star: 15 | @rhutchison | http://www.freecodecamp.com/rhutchison
can someone help me with my code please
<!-- Only change code above this line. -->
<script>=
$(document).ready(function() {
});
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
its an issue with my script
remove the =
you're also missing the closing
</script>
@rhutchison >.> thank you again haha
kevinstaufy sends brownie points to @rhutchison :sparkles: :thumbsup: :sparkles:
:warning: kevinstaufy already gave rhutchison points
yea i caught the closer when i posted it here
@KevinStaufy did you get it?
@colvint yup thanks anyways :)
kevinstaufy sends brownie points to @colvint :sparkles: :thumbsup: :sparkles:
:star: 52 | @colvint | http://www.freecodecamp.com/colvint
<script>
alert("Hey I’m in javascript");
</script>
@colvint yea i dont remeber it teaching me that but i think thats just basic element
i hate when i write a line of code it doesn't work i rewrite the same thing and it works
what is the best method to add header to every page on website?
@pswami not sure
Hi there!
I am doing the weather api project now.
Open weather only serves http requests for free. Since I am calling open weather api (http) from codepen (https), chrome is giving me a Mixed Content warning.
I found a complicated way to handle it using background pages.
Did you guys use any other technique to handle this issue?
I am doing the weather api project now.
Open weather only serves http requests for free. Since I am calling open weather api (http) from codepen (https), chrome is giving me a Mixed Content warning.
I found a complicated way to handle it using background pages.
Did you guys use any other technique to handle this issue?
@neeraj-lad your pen link?
@neeraj-lad No warning here, but what you need to do is to specify the use of http:// so add http:// before the site url
Hi guys!
completed task in basic algorithms, doesn't seem right though :
function bouncer(arr) {
// Don't show a false ID to this bouncer.
var boun=[];
var l=0;
boun =arr.filter(function(n){
return n !== null && n != "";
});
if (boun[0] !== boun[0]) { //fix me!
return [];
}
return boun;
}
bouncer([7, "ate", "", false, 9]);
how to avoid if statement?
WoW! The error is still there, a minute
@agus21 i see your issue
@agus21 you need to add a class to your <img src> line on the end
@agus21 and you have another style set
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.smaller-image {
width: 100px;
}
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
hay,, plse hpl me..
how to give image should be 100 pixels wide????
it my scrit any wrong
how to give image should be 100 pixels wide????
it my scrit any wrong
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat">
<style>
.larger-image {
width: 100px;
}
</style>
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
. @agus21 look at what i just typed
@KevinStaufy above what you just put
@marhyorh adding http won't help, because codepen (https) needs https calls.
See the error which I get:
http://picpaste.com/pics/weatherAppMixedContent-QTDX4vgi.1455522209.png
See the error which I get:
http://picpaste.com/pics/weatherAppMixedContent-QTDX4vgi.1455522209.png
@colvint Thanks!
brandondoescode sends brownie points to @colvint :sparkles: :thumbsup: :sparkles:
:star: 53 | @colvint | http://www.freecodecamp.com/colvint
@neeraj-lad yeah i just saw the error while trying to console.log the data
@Brandondoescode yall got it figured out?
@KevinStaufy I'll have to study the code to really understand what I was getting wrong so that I can be sure to "learn" but he helped a bunch yea :D
@Brandondoescode ahh sweet i was gonna ask what you had wrong but im not that far yet so i dont think id fully understand it either haha
@Brandondoescode welcome
@neeraj-lad maybe you should be make use of codepen (http)
` </div>
<input type="form control" placeholder="cat photo URL" required>
<button class="submit btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
</div>`
Cos an https won't load http
@Rogers187 ?
what am i doing wrong for Style Text Inputs as Form Controls
@marhyorh @KevinStaufy
what wrong in my script??
what wrong in my script??
@marhyorh I can't control it I guess. I am accessing codepen using http. But it seems to modify links internally, and switches over to https.
@agus21 i will link my script so you can compare them ok?
bottom line is:
[1, 2, 3].push(4) appends the array & delete person.firstNameunsets the firstname
push (for arrays ) and delete (for objects) are handy
@Rogers187
<input type="text" class="form-control" placeholder="cat photo URL" required>
```
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.smaller-image {
width: 100px;
}
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@agus21 compare yours to that
@agus21 remove the second style element, merge it to the first and add the class (larger-image) to your image
@marhyorh yea i tried telling him that earlier but i dont think he read it so i just linked him my code
@KevinStaufy Okay
How do i add the google comment
@neeraj-lad Wow! Codepen always open on http here
@rhutchison Thank you works
rogers187 sends brownie points to @rhutchison :sparkles: :thumbsup: :sparkles:
:star: 16 | @rhutchison | http://www.freecodecamp.com/rhutchison
@marhyorh mine too. But it generates a linke /s.codepen... and serves it over https
can someone help me with my multiple jquery selectors?
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClasss("shake");
$("#target1").addClass("animated shake btn-primary");
});
</script>
<!-- Only change code above this line. -->
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
That's new
@KevinStaufy what is the goal
@rhutchison Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
Only use jQuery to add these classes to the element.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
Only use jQuery to add these classes to the element.
the first and last are the only ones checked
change this
$("#target1").addClass("animated shake btn-primary");
to
$("#target1").addClass("btn-primary");
@KevinStaufy $(".btn").addClasss("shake"); Spelling error in
addClass :wink:
wow
i feel stupid
and that
@marhyorh @rhutchison thanks guys
kevinstaufy sends brownie points to @marhyorh and @rhutchison :sparkles: :thumbsup: :sparkles:
:warning: kevinstaufy already gave rhutchison points
:star: 610 | @marhyorh | http://www.freecodecamp.com/marhyorh
Thanks everyone for the help tonight. Starting to get a little faster..I know it will all come in time.. so Thanks again.
np
i've some problem with Basic Front End Development Projects
In build a tribute page
In page The server refused the connection.
?
&sleep
hi
i want some help with a challenge
<style>
h2 {
{color: blue};
}
</style>
<h2>CatPhotoApp</h2>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
this is the html code but iam unable to change color of h2 ellement
yeah color of h2 isnot changing..
Hi, I was wondering how do you change the text inside an element using jQuery? I'm stuck on what to do.
@dexter123233 change {color: blue}; to {color: blue;}
Hello, I've been practicing using css transforms and perspective, here's my code - http://codepen.io/Blazephoenix_/full/dGrMbY/
I want to add a navigation panel when the div rotates to show the parent element, I tried it, but the rotating div ends up shifting lower
How do I do it?
I want to add a navigation panel when the div rotates to show the parent element, I tried it, but the rotating div ends up shifting lower
How do I do it?
@dexter123233 try removing the bracket that is in front of the word color
@dexter123233 ...and the bracket following the word blue...hope this helps
Hi everybody, I'm starting the freeCodeCamp program and I'm doing the Bootstrap part. In one exercise they ask me to nest some button in a div element to apply some col-xs class. I have pretty much done it before and don't see what I can change, here is my code :
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
Nevermind guys it was just a little miscomprehension from me, sorry for the spam. Have a good day everyone !
quick question. any reason why i keep getting this message "oops! something when wrong. please try again later" when i've finished a challenge and i'm moving onto the next one?
@heidigay Just reload your page, that should fix it
@heidigay I keep getting them, but then just get on the enxt challenge and it all works
cool thanks
hello, I seem to be having an issue with "style text inputs as form controls"
Even though it seems like i've done everything correct I still am unable to proceed
<input type="text form-control" placeholder="cat photo URL" required>
<button type="submit btn btn-primary">Submit<i class="fa fa-paper-plane"></i></button>
<button type="submit btn btn-primary">Submit<i class="fa fa-paper-plane"></i></button>
this is basically the solution to it correct?
Are (fixed) containers mentioned?
Can someone elaborate on zero based numbering in javascript, specifically why the last index of and array is length =1
length -1*
@appbeza thank you sir
brandondoescode sends brownie points to @appbeza :sparkles: :thumbsup: :sparkles:
:star: 190 | @appbeza | http://www.freecodecamp.com/appbeza
@appbeza this doesn't explain why length-1 is the last index >_>
ooooooooooooooooooooooooooh
god im dumb
@Brandondoescode Basically, it leads to mistakes in the long run.
Again, that didn't answer that question :P
@appbeza dont worry, I had a "ah ha!" moment about length vs index(position) number and now I feel dumb
length-1 is the last position because the length is the position of the final value +1
or whateever >_>
i have a small doubt. anyone online?
i am doing this "tribute page" project from freecodecamp.
how do i arrange all my elements within a border as shown in the example page.
i want to arrange my page like this: http://codepen.io/FreeCodeCamp/full/wMQrXV
Hey all, I'm a little confused with creating a bootstrap button
long story short, is it along the lines of using a label element with the input type radio?
@naveenm60 Send a link of your own code
@Alexx916 What code are you using to make a button?
Oh I think I got it maybe
<button type="button" class="btn">Like</button>
That's what I have rn
wait i ll send my code pen.
Yeah it worked
Thanks!
@Alexx916 that code will show the default button add another class called btn-primary to get the blue color
@naveenm60 looks like you should probably put everything in a <div> with set margins and a background color
Got'cha, thanks @Blazephoenix ^^
alexx916 sends brownie points to @blazephoenix :sparkles: :thumbsup: :sparkles:
:star: 296 | @blazephoenix | http://www.freecodecamp.com/blazephoenix
oh wow so when I say thanks it sends brownie points? How else can I do that?
@Alexx916 You're welcome! :)
Thats the only way to send brownie points
@naveenm60 set the BG color to a light gray, and a border radius for the rounded comers
@Brandondoescode it's because the index always starts at 0. So yes, length is actually the last index + 1
thanks @ajsnetiker
naveenm60 sends brownie points to @ajsnetiker :sparkles: :thumbsup: :sparkles:
:star: 293 | @ajsnetiker | http://www.freecodecamp.com/ajsnetiker
for the random quote generator, can we choose random quotes from one author or does it have to be just random quotes?
@lpix anything you like!
sweet thanks @neeraj-lad
lpix sends brownie points to @neeraj-lad :sparkles: :thumbsup: :sparkles:
:star: 295 | @neeraj-lad | http://www.freecodecamp.com/neeraj-lad
no wiki entry for:
freecodecampcomchallengesprofile-lookup
@budimanfix what help do you need?
@neeraj-lad What I missing here to succes Run Test : function lookUp(firstName, prop){
// Only change code below this line
for (var i = 0; i < contact.length; i++){
if (contacts[i].firstName === firstName)
{
if (contacts[i][prop]){
return contacts[i][prop];
}
else{
return "No such property";}
}
return "no such contact";
}
// Only change code below this line
for (var i = 0; i < contact.length; i++){
if (contacts[i].firstName === firstName)
{
if (contacts[i][prop]){
return contacts[i][prop];
}
else{
return "No such property";}
}
return "no such contact";
}
@budimanfix sorry.. I am stuck on this challenge too.
@budimanfix I don't know if it makes a difference here, but the test on a property should be
The mistake that most probably creates an issue for you is the placement of
if (contacts[i].hasOwnProperty(prop)), not if (contacts[i][prop]) (this is a difference if contacts[i][prop] exists but has a falsy value).The mistake that most probably creates an issue for you is the placement of
return "No such contact". Move that one line down (behind the next }, so it is outside the for-loop), and check the correct spelling.
good day i am a newbie here at free code camp can anyone assist me please
Change the Font Size of an Element
Hello Guys What is an Form element? I can't understand the english example cause im from Germany. Can somebody explain it more understandable? Greetings
i have built my first tribute page plz provide feedback http://codepen.io/rishabh797/pen/MKLdQN
@lovewithheit An element is anything like <p> or <div> or <span>, a "form element" is <form>
Can anyone helpme targeting something via jQuery?
I should add the class bounce to every 2nd child of the .well class
<script>
$(document).ready(function() {
$(".target:nth-child(2)").addClass("bounce");
});
</script>
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
@IgnaciodeNuevo which waypoint are you?
if you're not helped yet i can help you
127 (jQuery) - Target a Specific Child of an Element Using jQuery
okey
did you delete some codes?
you are almost there
just look how the example is given and compare to your answer
$(".target:nth-child(3)").addClass("animated bounce");
They said "The second element in your target elements should bounce." so as the first time I've used jQuery I did the following $(".target:nth-child(2)").addClass("bounce");
yes, but still if you compare it to the example which is given, there is a specific word missing
But I should have written $(".target:nth-child(2)").addClass("animated bounce");
yes!
correct
I feel so stupid right now
Thanks
no problem!
I undertood to addClass bounce, but i seems you always need to add "animated" befor the specific kind of animation
@Gerhard29046 are you already helped?
@IgnaciodeNuevo I can't explain why certain codes runs, than you should ask the developer of the programmer self ;), but once you look again/or do the excersises again you won't make the same fault. How long are you busy now?
help this plz
no wiki entry for:
this plz
I finished the jQuery path, Im now starting "Build a Tribute Page Incomplete "
how to do that one @IgnaciodeNuevo
Im starting this one now, dont know :)
@prusso can u help with jquery
@medhatrinky just copy-paste the code from the ledt hand side
left*
Create a script element making sure it is valid and has a closing tag.
You should add $(document).ready(function() { to the beginning of your script element.
Close your $(document).ready(function() { function with }) @Raunaq-Jain
You should add $(document).ready(function() { to the beginning of your script element.
Close your $(document).ready(function() { function with }) @Raunaq-Jain
@medhatrinky look at your previous jQuery path how the example looks like
so first you make a script opening and closing element @medhatrinky
<> </>
okay then
what do you have so far?
<script>..</script>
very good
and as read in the discription in red
you can have to put that code between <script> the code which is red given in the description </script>
oh thanks got it
@HemeiW
no problem
can someone tell me why it is not working
var contacts = [
{
"firstName": "Akira",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"likes": ["Hogwarts", "Magic", "Hagrid"]
}];
var prop1 = "firstName";
var prop2 = "likes";
console.log( contacts[0].prop1 );
console.log( contacts[0].prop2 );
@myCodeLongJourney first things first, what exactly are you trying to do? What do you expect your code to achieve?
I would like to print value of property
so you want to use the
prop1 and prop2 values as keys to access the contacts objects?
yes
at the moment you are accessing the properties named prop1 and prop1, you need to dereference them to use the string/value stored in them, the dot notation looks only for a property that is exactly the name you supply, you need to use square brackets to dereference
contacts[0][prop1] for example
Hello World
welcome to FreeCodeCamp @CoderNeel!
Hi guys!
howdy @CoderNeel
I need help...
Can anyone help me?
Can anyone create a basic web chat program for me in which you type your name and can start chatting?
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".class").addclass()("animated shake");
});
</script>
common etiquette in chats is to go ahead and ask your questions @CoderNeel, if someone is available and knows the answer they will offer an answer, if nobody is around that can help you'll probably have to ask again later (hopefully not too soon so you don't come across as spammy or desperate)
what is wrong in this
can any one help me..??Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.
which waypoint is that?
@medhatrinky capitalization of
addClass on the .class call
Target Elements by Class Using jQuery
@tbartels did not understand
@medhatrinky
.addClass instead .addclass
make that .addclass to .addClass
oh, actually it's more than that, 2 things:
- addClass
- you have an extra set of parentheses after the
addclass
$(".class").addclass()("animated shake"); should be $(".class").addClass("animated shake");
Still not coming @tbartels
i have changed
on the top, it should be <script language="jQuery">
thanks @tbartels
mycodelongjourney sends brownie points to @tbartels :sparkles: :thumbsup: :sparkles:
:star: 115 | @tbartels | http://www.freecodecamp.com/tbartels
based on the challenge you'll need to use the correct class too, I believe it's
.well not .class
$(".well").addClass("animated shake");
I need help...
Can anyone help me?
Can anyone create a basic web chat program for me in which you type your name and can start chatting?
Can anyone help me?
Can anyone create a basic web chat program for me in which you type your name and can start chatting?
@CoderNeel this is not the place to look for developers
I just want to learn
thanks @tbartels
medhatrinky sends brownie points to @tbartels :sparkles: :thumbsup: :sparkles:
:star: 116 | @tbartels | http://www.freecodecamp.com/tbartels
@CoderNeel you'll be able to create that basic web chat program yourself if you get through the Free Code Camp challenges
I'm not...
@CoderNeel i don't know how far you are into the program but i suggest looking into socket.io if you want to make that
Ok
hello, can someone help me with creating a set of checkboxes within labels? I have no idea how and where to put them. Thanks
Context? What lesson are you working on?
I have two labels: indoor and outdoor, but need to create three checkboxes. @mca htlm/css
Indoor/outdoor is not checkbox, but mutually exclusive ("radio buttons", I think).
@vmolmans See the description, it shows example of same kind
@vmolmans From the description:
Here's an example of a checkbox:
<label><input type="checkbox" name="personality"> Loving</label>Add to your form a set of three checkboxes. Each checkbox should be nested within its own
labelelement. All three should share thenameattribute ofpersonality.
@Blauelf Said "contact not define" on Run test: for (var i = 0; i < contact.length; i++){
if (contacts[i].firstName === firstName)
{
if (contacts[i].hasOwnProperty(prop)){
return contacts[i][prop];}
{
return "No such contact";}
}
if (contacts[i].firstName === firstName)
{
if (contacts[i].hasOwnProperty(prop)){
return contacts[i][prop];}
{
return "No such contact";}
}
@Blauelf ok, yes, but i have two label codes and must nest in them three checkboxes. I don't see how
@vmolmans Those are additional buttons. I think in the end there should be two radio buttons and three checkboxes, each with their own label element.
@budimanfix
contacts.length instead of contact
@budimanfix Where is your "No such property" return statement? And
return "No such contact"; should be after the loop, when you have checked all contacts for a name match.
@Blauelf ok, i think that is how it must look. But where to put the code? Under labels in the form or within labels ?
@vmolmans Inside the form, just like the radio buttons, but probably either above or below those. They are not that different.
@Blauelf Thank you
budimanfix sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 1185 | @blauelf | http://www.freecodecamp.com/blauelf
@maulikdarji Thank you
@Blauelf thanks. and everyone for the help. The code was good when i put it under radio button codes
vmolmans sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 1186 | @blauelf | http://www.freecodecamp.com/blauelf
Hey i got stuck in this section. "Build a Personal Portfolio Webpage"
How to keep the background image still while we are scrolling the page?
As part of the portfolio page project, I am able to create a page with required content. But it doesn't look so good. What should I do? How can I make the pages beautiful?
@vamsidhar2mp you need a div with absolute position in the background with full height and width
then you put ``` background-size: cover
@julianorafael so by making the image postion absolute, will i achieve that ?
@julianorafael Thnq bro. I’ll try that out.
there's also the background: fixed
I guess this one is even easier
take a look at this
@vamsidhar2mp this is the effect you are looking for
Hello World!
welcome to FreeCodeCamp @anarchyrucks!
I just started the Random Quote Machine challenge, but I'm having a bit of a problem with the $.getJSON, it's not entering the callback function.
@rogerskeie the probelm is that's not a valid json / api
This message was deleted
use this instead
http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&_=14
55542014951
it will generate a random quote everytime it's rolled
Cool, thanks @idietmoran
rogerskeie sends brownie points to @idietmoran :sparkles: :thumbsup: :sparkles:
:star: 296 | @idietmoran | http://www.freecodecamp.com/idietmoran
@idietmoran It gives this json string every time I click the button:
[{"ID":161,"title":"Pablo Picasso","content":"
I am always doing that which I can not do, in order that I may learn how to do it.
\n","link":"http://quotesondesign.com/pablo-picasso/","custom_meta":{"Source":"website"}}]
@idietmoran It doesn't seem to randomize
@rogerskeie right, you need to pull the information from the json properly and it is randomized
@idietmoran but I am using the link you gave me. $.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&_=14 55542014951",
@rogerskeie pull to information propely by calling json[0].content
@rogerskeie the json is an array / object
@rogerskeie you need to pull the data you need from it
I know, that's not the problem
The problem is it's sending me the exact same json every time
it should be randomizing every time a get request is made
@idietmoran The exact same quote every time
did you refresh?
@idietmoran I just reloaded the codepen page and clicked the button. Got the same result again
hey. need help with the following :
@rogerskeie your codepen looks the same to me
<style>
.red-text {color : red ;}
h2 {
}
</style>
<h2 class ="red-text">CatPhotoApp</h2>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
error says stylesheet should declare red-text class
@idietmoran with json[0].content I get the quote "I am always doing that which I can not do, in order that I may learn how to do it." every time.
@SamanvayM close the style tag
@niconiahi i have closed it using </style>
@rogerskeie can you send your updated codepen, it is still the same as before
@SamanvayM send the link to your code
@SamanvayM try by deleting the empty h2
@SamanvayM your code is fine. try deleting h2 and refresh the page
.red-text{
color:red;
}
@URobert @niconiahi : thanks a lot, that helped :smile:
samanvaym sends brownie points to @urobert and @niconiahi :sparkles: :thumbsup: :sparkles:
:star: 587 | @urobert | http://www.freecodecamp.com/urobert
:star: 27 | @niconiahi | http://www.freecodecamp.com/niconiahi
@SamanvayM yw
Lol, this random quote api seems to be messed up. Even in the live demo at the bottom of this page, it gives the quote "No, Watson, this was not done by accident, but by design. — Sherlock Holmes" every time.
http://quotesondesign.com/api-v4-0/
http://quotesondesign.com/api-v4-0/
Can anyone recommend a better quote API?
@rogerskeie here's another solution:: load 10 results (you can change the results loaded in the url GET request)
point your browser here
quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=10&_=14 55542014951then make a function to get a random number every time you click and pull that position in the array
sorry this is the link
quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=10&_=14 55542014951
@idietmoran I'll consider it, thanks
rogerskeie sends brownie points to @idietmoran :sparkles: :thumbsup: :sparkles:
:warning: rogerskeie already gave idietmoran points
@idietmoran I found a solution to get random quotes from it :)
http://codepen.io/rogerskeie/pen/EPMNBy?editors=1111
http://codepen.io/rogerskeie/pen/EPMNBy?editors=1111
@rogerskeie nice, just have to make it look pretty now
@idietmoran Yes, first function then design
Can anyone help with 86?
86 is not a helpful number (those are your "brownie points"). Provide a name instead. And it is probably best to give us your question instead of asking if there is anybody who can help (I call that a meta-question). If there is, you get help, if not, then not.
lol my bad. Create a custom header
So what is your question/problem?
I have been stuck with it since yesterday. just unsure how to complete it at this point
hello. i got a stuck with Stand in Line. Anybody help me?
?
@dmoyal You see how row/col works in the code, use that as a guide. Here, you just have to create a structure of not 3x col-xs-4 but of 1x col-xs-8 and 1x col-xs-4, and place those reasonably around your caption and first image.
I need more than that.. not 3x?
The code features a row with three elements of col-xs-4. You need to define an additional row with two elements, one of class col-xs-8, one of col-xs-4. First element should contain the caption, the second should contain the cat. So copy the style used there, but adapt it to your situation.
This message was deleted
This message was deleted
The three backticks need to be on their own lines (use Shift+Return to insert a line break, and Ctrl+Return for sending the message)
And you can edit/delete your posts within 10 minutes.
And you can edit/delete your posts within 10 minutes.
This message was deleted
This message was deleted
Three backticks, no space between.
<div class="container-fluid">
<h2 class="text-primary text-center">CatPhotoApp</h2>
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
<img src="http://bit.ly/fcc-running-cats" class="img-responsive">
<div class="row">
<div class="col-xs-4">
Whi can help me>
?
Copy that structure with a div of class row containing divs of class col-xs-..., and put the caption (h2 element) inside the first of col-xs-8, the link and img inside the second of col-xs-4.
@marselcode First, add item to arr, for example using
arr.push(item);. Then, remove the first element and return it, for example using arr.shift().
@Blauelf I did so.
function queue(arr, item) {
var queue = [arr,item]; // Your code here
var addFirst = queue.push([1,2,3,4,5]);
var removeQueue = queue.shift();
return item; // Change this line
}
@Blauelf I dont know why I just cant comprehend this
@marselcode Your first line sets the local variable
queue to something like [[4,8,15,16,23],42], which is not an array of numbers. And what does that [1,2,3,4,5] mean? Why do you return the item you were supposed to put at the end, and not the removed one? BTW, you are using shift on the wrong array, arr should be changed.
Hi guys, I'm on the "personal portfolio" challenge, and I can't really figure out how to make several pages that change as i scroll down and can be linked to individually from a navigation bar??
@dmoyal
<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<!-- do the same to the link/image, using col-xs-4 instead -->
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
<img src="http://bit.ly/fcc-running-cats" class="img-responsive">
<div class="row">
<div class="col-xs-4">
Wow, okay. That was too simple..
@Blauelf i can't understand that i should do. can you show example for me? it's hard for me understand task on english
Not hard, but sometimes awkwardly
@marselcode You are supposed to operate directly on arr. So first line should be
Then, use
arr.push(item);, to add item to the end of arr.Then, use
arr.shift() to return the first element while removing it. You can either store it into a variable, or return it right away, using return arr.shift();.
A queue is a FIFO (First In First Out) structure, where you add items to one end and remove at the other. (unlike a stack, which is LIFO, where you add and remove at the same end)
Hi guys, i cant understand how to return a property's value. It's from Testing Objects for Properties JS challenge.
`
var myObj = {
gift: "pony",
pet: "kitten",
bed: "sleigh"
};
function checkObj(checkProp) {
if (myObj.hasOwnProperty("checkProp") === true){
return myObj[checkProp];
}
return "Not Found";
}
checkObj("gift");
`
For now it returns Not found.
@Blauelf ok i will try to do it
@Vivelena checkProp is a variable.. (not a string) so no quotes
if (myObj.hasOwnProperty("checkProp") === true){
@Vivelena Don't check for property "checkProp" (that would look for myObj.checkProp, which is a static name), but for
checkProp, meaning the variable.
@Vivelena also on boolean evaluations the true is implicit.. so u can omit the
=== true part if u like...
Hi
Need help with this little project
function convert(celsius) {
// Only change code below this line
// Only change code above this line
if ( typeof fahrenheit !== 'undefined' ) {
return fahrenheit;
} else {
return 'fahrenheit not defined';
}
}
// Change the inputs below to test your code
convert(30);
@moigithub , @Blauelf , @moigithub thank you so much))
vivelena sends brownie points to @moigithub and @blauelf and @moigithub :sparkles: :thumbsup: :sparkles:
:star: 1189 | @blauelf | http://www.freecodecamp.com/blauelf
:star: 601 | @moigithub | http://www.freecodecamp.com/moigithub
:star: 601 | @moigithub | http://www.freecodecamp.com/moigithub
Hi everyone. i'm at the randome quote generator, shouldn"t be a problem but i'm wondering if there an existing library fortune-style ssuch as i don't have to look at quotes by myself? ye i know that's about being lazy!!!
@bbhavesh You need to convert the temperature provided in Celsius to Fahrenheit, and the conversion formula is given in the description on the left!
how do you give elements with p tag a font size
@anandjha1806
how to "nested all HTML elements in .container-fluid."??
how to "nested all HTML elements in .container-fluid."??
@jnorton00 put this in your
style tag: p {
font-size:16px;
}
@anandjha1806 u can put all ur elements in a div with a class ".container-fluid"
how to get twitch zipline from @camperbot ???
help twitch
:point_right: front end project use the twitchtv json api [wiki]
If you're trying to tackle this challenge with jQuery's $.getJSON() method, chances are you'll get an error message concerning Cross-Origin Resource Sharing (CORS).
The easiest way to resolve this is to use jQuery's JSONP capabilities. From the Twitch API's readme page:
All API methods support JSON-P by providing a callback parameter with the request.
Also the jQuery documentation states:
If the URL includes the string "callback=?" (or similar, as defined by the server-side API), the request is treated as JSONP instead.
Here's an example call to fetch Free Code Camp's Twitch channel data:
$.getJSON('https://api.twitch.tv/kraken/streams/freecodecamp?callback=?', function(data) {
console.log(data);
});JSONP is considered insecure according to Wikipedia, but should be sufficient for our purposes. For a detailed discussion on Twitch's CORS restriction, please read justintv/Twitch-API#133 on the Twitch-API repository.
:pencil: read more about front end project use the twitchtv json api on the FCC Wiki
wassup guys
:)
help random quote
no wiki entry for:
random quote
Hello Everyone!
There seems to be a problem with the website.
wat haapen?
@GeorgeThanasiadis
Every time I hit "go to the next challenge" it goes back to the map page and there is an error message saying "Oops! Something went wrong. Please try again later"
If i want to call an external API from codepen, it doesnt allow access. How to overcome this issue?
try on different browser or device
@GeorgeThanasiadis clear browser cache?
I haven't tried that yet. Will do and let you know. Thanks!
@pranavdoshi should have looked at this in the first place..... thanks though
n0bl3 sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 296 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
no prob
dude even i did google search
@pranavdoshi i came here first because i like to talk with people when coding haha
If I assign a style attribute to a class of html elements (for example, make all the h2 elements have green font) and then designate one of my h2 elements with an id (say id=id1 just for one particular h2 element), and THEN assign a conflicting style attribute (for example make the id1 element blue) will the style for the id always override the style for the h2 element class?
```<div class=".container-fluid">
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<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>```this is my code i have to nest all HTML elements in .container-fluid.
@anandjha1806 You don't need
. in class name i.e: <div class="container-fluid">
shouldnt you define the class .container-fluid before you use it ?
like your very first line sets the div class to container fluid, but as far as I can see, that class doesnt even exist yet.
also, what Maul said ^.
@bicabone
container-fluid is a bootstrap class, its already defined in the bootstrap's style file, linked externally.
ah okay
thank you
@bicabone no problem!
haha I am just now at same task :] hey all
Is bootstrap a piece of software ?
no
I think its more like framwork that you can use
framework
its just a bunch of css and javascript
like a library of definitions?
more like predefined styles and classes I guess?
okay cool that clarifies things
go to http://getbootstrap.com/
:)
I did but I wasnt sure what "framework" meant. So are these bootstrap styles stored on a server somewhere?
no
yes, they are available on CDNs, @bicabone
these are codes of css and js with predefined classes which can be used to make ur website better
Thanks Maulik. If you could pls show how we actually put it in code. It will give me better understanding to code further such statements
I am just doing and its all bootstrap
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
</div>
<div class="col-xs-6">
</div>
</div>
</div>
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
</div>
<div class="col-xs-6">
</div>
</div>
</div>
those classes
@bbhavesh
fahrenheit = celcius *9/5 +32;
so if I use a predefined bootstrap class, will it always work or do I need to "have" the bootstrap.css file on ym hard drive?
my
you need to link to it in ur code at the beginning
with this one: <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
@bicabone You link it from one of the CDNs , so that you always get latest css and js, but You can download and store it on your hard drive too!
in case you want to practice it offline
thanks @maulikdarji
bicabone sends brownie points to @maulikdarji :sparkles: :thumbsup: :sparkles:
api offline
good to know
:+1:
does anyone know if there are websites similar to freecodecamp but geared towards C++ or C# ?
I know just paid version, but they got some courses for free also: udemy.com
@bicabone do you want to practice coding skills or do you want to develop projects?
practice
@julianorafael Thank you :smile:
vamsidhar2mp sends brownie points to @julianorafael :sparkles: :thumbsup: :sparkles:
:star: 351 | @julianorafael | http://www.freecodecamp.com/julianorafael
@bicabone you can try CodingBat (Java, Python).. Java syantax is quite similar to C++ syntax. It has a large number of algorithmic challenges similar to FCC.
thanks @neeraj-lad
bicabone sends brownie points to @neeraj-lad :sparkles: :thumbsup: :sparkles:
:star: 296 | @neeraj-lad | http://www.freecodecamp.com/neeraj-lad
YW
Here is my work..Yet to be completed. My problem is with the left div in about section. When browser is minimized text is overflowing into next div.
Build a Portfolio page section
If you dont want things from one div to go to another
u must try it with overflow property
i have tried it but not worked
hey, I have a question regarding div elements
when we're assigning a color to the div elements
if you do overflow: hidden; there is no way that it will go to another div under it
how do we do it?
for example, <div> insert color here </div>
@Pranav0212 u can do it like this background-color:red;
@vamsidhar2mp you have
col divs only, wrap them with row it works.
Oh okay, so we don't have to create a new class then?
@Pranav0212 give the div a class name or id, then style it using background-color
@maulikdarji i’ll look into that :)
@Pranav0212 u can give class or id to the div, and then select that class or id and give it color
most of the times, u will add some class or id :)
@vamsidhar2mp :+1:
@Pranav0212 depends.. if you use inline style, then you don't need name. It is not a good coding practice though. Try to put all the styles, in a css file.
oh okay, when you say give class or id to it
you mean like if I have a class .bluebackground
in my div element, I should be calling bluebackground?
<div class="bluebackground"> some text here </div> then in CSS u select it with class selector .bluebackground{ background-color:blue; }
yes
@maulikdarji Thanks bro. It worked :smile:
vamsidhar2mp sends brownie points to @maulikdarji :sparkles: :thumbsup: :sparkles:
:star: 459 | @maulikdarji | http://www.freecodecamp.com/maulikdarji
@Pranav0212 u can call your class whatever u want
Oh okay
@vamsidhar2mp YW
@maulikdarji Hey it worked
Can you pls help with How to get these right ?
14
convert(0) should return a number
convert(-30) should return a value of -22
convert(-10) should return a value of 14
convert(0) should return a value of 32
convert(20) should return a value of 68
convert(30) should return a value of 86
correct
so whenever we have a class that we want to use, it always has to be called using the class= feature
Thanks a lot :)
may i ask a question. where did people start thier learning of programs?
<div class = "my-stupid-class"></div> .my-stupid-class{ background-color:blue; }
Thanks a lot :D
@bbhavesh what does your code look like now?
@maulikdarji
function convert(celsius) {
// Only change code below this line
fahrenheit = celcius *9/5 + 32;
// Only change code above this line
if ( typeof fahrenheit !== 'undefined' ) {
return fahrenheit;
} else {
return 'fahrenheit not defined';
}
}
// Change the inputs below to test your code
convert(30);
@bbhavesh change
fahrenheit = celcius *9/5 + 32; to fahrenheit = celsius *9/5 + 32; :smile:
celcius to celsius
@maulikdarji
Ohh ooopss
It worked amazing Bro.. Thanks
Ohh ooopss
It worked amazing Bro.. Thanks
bbhavesh sends brownie points to @maulikdarji :sparkles: :thumbsup: :sparkles:
:star: 460 | @maulikdarji | http://www.freecodecamp.com/maulikdarji
@bbhavesh no problem!
:smile:
it seems to me that classes and id's do somewhat similar things. When is one preferable over the other?
@maulikdarji
Dude you if you dont mind me asking
You live in Mumbai ?
Dude you if you dont mind me asking
You live in Mumbai ?
like one of the exercises says id always takes precedence. Is that the main difference?
@bbhavesh No, I am from Gujarat
@maulikdarji
Cool
Any chance we can connect on some other medium
Like have a call sometime
Cool
Any chance we can connect on some other medium
Like have a call sometime
@bicabone Id is more specific, whereas same class can be assigned to number of elements.
@maulikdarji is pro :]
I've just about finished the Random Quote Machine project, but the twitter button doesn't seem to be working properly. It tries to tweet the url of the codepen project instead of the quote. Could anyone take a look please?
with hex code for colors, how many possible colors are there? I count that there are 3^(256) colors
16*16 = 256 choices for each of the R G B values.
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
</style>
<h1>Hello World!</h1>it says give your h1 element the pink text help
so make a pink-text class, and then assign that class to the h1 tag you have
how
put
.pink-text { color: pink; }
in your style tags
oh ok thx
and then in the <h1> tag you're gonna want to change it to <h1 class="pink-text">
Or
h1 {
color: pink;
}(depending on the exact task description)
@bicabone 256^3 = 16777216.
3^256 = 1.39008452377145 * 10^122
How many colors can humans distinguish? :P
3^256 = 1.39008452377145 * 10^122
How many colors can humans distinguish? :P
oh yeah you're totally right.
thx
it would be (256)^3 whoops. But yeah, how many rods and cones are even in our eyes
probably less than that number.
can u do it plz i dont get it @bicabone
@mjqblade Don't shout. We can read your text even if you don't use captions for it.
@bicabone well, the number of cones and rods (and more directly relevant their density) moreso effects resolution than color differentiation.
im guessing you're on "Override styles in subsequent CSS" ?
@bicabone it has more to do with the proportions of the signals received by different color receptors
yeah that makes sense. i remember learning about this stuff in a psychobiology class once upon a time.
@mjqblade
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text{
color: pink;
}
</style>
<h1 class="pink-text">Hello World!</h1>
thx
Did anyone use Sass in your project? - Build a Personal Portfolio Webpage?
@bicabone now it says your h1 element should be pink
@bicabone now it says your h1 element should be pink
@mjqblade well what exercise are you on..?
54
hmmmm the code i sent you works for me on that exercise
// Setup
var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};
// Only change code below this line;
var playerNumber = 16; // Change this Line
var player = testObj[16]; // Change this Line
You should use bracket notation to access testObj. Where should i use it?
help me
:point_right: adding environment variables [wiki]
In Windows
Via GUI
- Download Varpanel.
- Open Varpanel.
- In PATH variable, add the relevant path (for example).
:pencil: read more about adding environment variables on the FCC Wiki
Prioritize One Style Over Another
Prioritize One Style Over Another
are you sure you have class="pink-text" written in your h1 tag
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
}
.pink-text{
color: pink;
}
</style>
<h1 class="pink-text">Hello World!</h1>
check your curly brackets
what
your curly brackets
whick ones
the ones that are curly?
i dpnt suppose theres something wrong with it
yes there is
what wrong
you have two of these }}
and you should only have one.
oh yea
THX IT WORKED
UHH
can u help me on 55
Its good manners to say "thanks @username" rather than just "thx" so that you give your helpers points
bicabone sends brownie points to @username :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for username
Help me PLEASE
no wiki entry for:
me please
// Setup
var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};
// Only change code below this line;
var playerNumber = 16; // Change this Line
var player = testObj[16]; // Change this Line
You should use bracket notation to access testObj. Where should i use it?
Hello! I could use some help. Can someone please explain why am I getting this error message? "Oops! Something went wrong. Please try again later?
what is the objective of your exercise @marselcode ?
use bracket notation ... to do what ? what are you trying to do?
@bicabone Accessing Objects Properties with Variables
@bicabone Instructions
Use the playerNumber variable to lookup player 16 in testObj using bracket notation.
instead of the num.. u should use the variable it says
// Setup
var testObj = {
12: "Namath",
16: "Montana",
19: "Unitas"
};
// Only change code below this line;
var playerNumber=16; // Change this Line
var player = testObj[playerNumber]; // Change this Line
@bicabone i have same code but i get this text: You should use bracket notation to access testObj
@GeorgeThanasiadis refresh browser.. FCC was making changes those past days, so probably they still working on the exercises
@bicabone thanks
marselcode sends brownie points to @bicabone :sparkles: :thumbsup: :sparkles:
:star: 62 | @bicabone | http://www.freecodecamp.com/bicabone
are you sure your testObj[ STUFF IN HERE ] is a variable not a number?
@marselcode yw
does anyone in here use vim or emacs or something fancy like that?
I used emacs about 15 years ago, but switched to a real operating system instead.
how do you replace href with #. i tried but said I did wrong.<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@faqro Set the value to #, like
href="#"
How to target the children of element with the target class?
$(".target:nth-child(2)").addClass("animated-bounce");
You target any element of class "target" that is the second child. But shouldn't it be "animated bounce", and not "animated-bounce"?
Thanks @Blauelf <3
sirens sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 1195 | @blauelf | http://www.freecodecamp.com/blauelf
Hello, working on Add Borders Around your Elements...what is not correct on line 28? I would appreciate the help.
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image {
width: 100px;
}
.thick-green-border {
border-color: thick-green;
border-width: 10px;
border-style: solid;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img class="smaller-image" class="thick-green-border" class="border-width 10px" class="style-solid"src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
actually the <img class
Hello everyone
I could need a little help...
I am stuck at this challenge
@consultelaine <img class="smaller-image" class="thick-green-border style-solid" style="border-width 10px" src="https://bit.ly/fcc-relaxing-cat">
you had multiple classes and you you nested the style in one of them
@consultelaine you should remove the style attribute of the img tag as you have already used thick-green-border class
@Eliott-Champo
for (var i=0;i<arr.length;i++)
{
for(var j=0;j<arr[i].length;j++)
{
product*=arr[i][j];
}
}
for (var i=0;i<arr.length;i++)
{
for(var j=0;j<arr[i].length;j++)
{
product*=arr[i][j];
}
}
@Blauelf emacs is a text editor not an operating system, so I'm not even sure what you mean.
Hello. Does someone has an idea how to combine whole Object instances in 1 search for what I need ? My counter gets to 1 and if it doesn't find match because the match is for example in number 2, the code doesn't work like it should.
var contacts = [
{
"firstName": "Akira",
"lastName": "Laine",
"number": "0543236543",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"lastName": "Potter",
"number": "0994372684",
"likes": ["Hogwarts", "Magic", "Hagrid"]
},
{
"firstName": "Sherlock",
"lastName": "Holmes",
"number": "0487345643",
"likes": ["Intriguing Cases", "Violin"]
},
{
"firstName": "Kristian",
"lastName": "Vos",
"number": "unknown",
"likes": ["Javascript", "Gaming", "Foxes"]
}
];
function lookUp(firstName, prop){
// Only change code below this line
for(var i = 0; i <= Object.keys(contacts).length; i ++){
if(firstName === contacts[i].firstName && contacts[i].hasOwnProperty(prop)){
return contacts[i][prop];
}
else if(firstName != contacts[i].firstName){
return "No such contact";
}
else {
return "No such property";
}
}
// Only change code above this line
}
// Change these values to test your function
lookUp("Kristian", "lastName");
@Dayfiri
you can try this logic
if (contacts[i].firstName===firstName)
{
if(contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
you can try this logic
if (contacts[i].firstName===firstName)
{
if(contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
@srinivasdasu thanks
eliott-champo sends brownie points to @srinivasdasu :sparkles: :thumbsup: :sparkles:
:star: 391 | @srinivasdasu | http://www.freecodecamp.com/srinivasdasu
@srinivasdasu But how does computer knows what i is ?
@Dayfiri
that logic inside the for loop
that logic inside the for loop
for(var i=0;i<contacts.length;i++)
@pranayberry I'm still stuck <img class="smaller-image" class="thick-green-border style-solid" "border-width 10px" src="https://bit.ly/fcc-relaxing-cat">....something is till missing here. Thanks for your help
consultelaine sends brownie points to @pranayberry :sparkles: :thumbsup: :sparkles:
:star: 106 | @pranayberry | http://www.freecodecamp.com/pranayberry
@Dayfiri your conditions are using
return statements, this means that the loop will exit whenever a return is reached, the conditions you set up mean you will call a return on the first time and never get to the 2nd item
@srinivasdasu both statements must be true to return the value
@tbartels I must return the value, not print it out
@consultelaine you need a
style property before the styles, and you only need one class property, combine them; you also need a colon between the border-width and it's value:<img class="smaller-image thick-green-border style-solid" style="border-width:10px" src="https://bit.ly/fcc-relaxing-cat">
@Dayfiri
yeah i did same, checking both statements one after other
yeah i did same, checking both statements one after other
@Dayfiri that's fine, but you can't return where you are, at the moment some of your
return statements are used much too early
@Dayfiri
for(i=0;i<contacts.length;i++)
{
if (contacts[i].firstName===firstName)
{
if(contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
}
return "No such contact";
for(i=0;i<contacts.length;i++)
{
if (contacts[i].firstName===firstName)
{
if(contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
}
return "No such contact";
help format
:point_right: code formatting [wiki]
Inline code
This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.
Code Block
```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
thanks @cragsify
tbartels sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 294 | @cragsify | http://www.freecodecamp.com/cragsify
;)
'''
for(i=0;i<contacts.length;i++)
{
if (contacts[i].firstName===firstName)
{
if(contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
}
return "No such contact";
'''
for(i=0;i<contacts.length;i++)
{
if (contacts[i].firstName===firstName)
{
if(contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
}
return "No such contact";
'''
:bulb: to format code use backticks! ``` more info
ok
@srinivasdasu the key next to 1.
for(i=0;i<contacts.length;i++)
{
if (contacts[i].firstName===firstName)
{
if(contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
}
return "No such contact";
it's a the tilde key ~ without pressing shift
@srinivasdasu @tbartels thanks
dayfiri sends brownie points to @srinivasdasu and @tbartels :sparkles: :thumbsup: :sparkles:
:star: 392 | @srinivasdasu | http://www.freecodecamp.com/srinivasdasu
:star: 137 | @tbartels | http://www.freecodecamp.com/tbartels
@tbartels I truly appreciate your help...all is well except that i'm still getting the error img element should be green....<img class="smaller-image thick-green-border style-solid" style="border-width:10px" src="https://bit.ly/fcc-relaxing-cat">
@consultelaine Can you post all of you code please using the formatter:
help format
:point_right: code formatting [wiki]
Inline code
This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.
Code Block
```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
@consultelaine the amount of code and context you supplied isn't really enough to diagnose your problem, which challenge are you working on?
@cragsify where might I find that? Thank you
consultelaine sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 295 | @cragsify | http://www.freecodecamp.com/cragsify
@consultelaine use the instructions here:
help format
:point_right: code formatting [wiki]
Inline code
This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.
Code Block
```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
'''
:bulb: to format code use backticks! ``` more info
@fobuli its the key to the left of the number 1, also the tilde (~) key, but without pressing shift
thank you boss =)
its pretty laggy for me today
@tbartels I'm working on Add Borders Around Your Elements..here is all I have <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image {
width: 100px;
}
.thick-green-border {
border-color: thick-green;
border-width: 10px;
border-style: solid;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img class="smaller-image thick-green-border style-solid" style="border-width:10px" src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@cragsify I have copy pasted what I have...hope this helps...thanks
consultelaine sends brownie points to @tbartels and @cragsify :sparkles: :thumbsup: :sparkles:
:warning: consultelaine already gave cragsify points
:star: 138 | @tbartels | http://www.freecodecamp.com/tbartels
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image {
width: 100px;
}
.thick-green-border {
border-color: thick-green;
border-width: 10px;
border-style: solid;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img class="smaller-image thick-green-border style-solid" style="border-width:10px" src="https://bit.ly/fcc-relaxing-cat">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@consultelaine What is the rror message?
@cragsify that the border should be green..it looks grey
@consultelaine your thick-green-border class needs a valid colour. You can also remove the style attibute from the img element.
@consultelaine make the border-color: green;
@cragsify ...still working on it....thanks for your help
consultelaine sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:warning: consultelaine already gave cragsify points
I'm having trouble getting text added to the tweet. I've tried both $("#tweet").attr("data-text", tweet); and also tried changing the href attribute, but it doesn't take
I just end up with a blank tweet in the tweet editor when I click the button.
http://codepen.io/rogerskeie/pen/EPMNBy
I just end up with a blank tweet in the tweet editor when I click the button.
http://codepen.io/rogerskeie/pen/EPMNBy
someone please explain this to me
@rogerskeie you need to assign tweet-text to the text value in your url i.e. tweet?text='tweet_text_here'
@maulikdarji I tried that as well, same problem
@maulikdarji I tried that first actually
'https://twitter.com/intent/tweet?text=tweet_text' this works for me
It only works when I set it directly in the html, not when I try to set it dynamically with jquery (which is what I need it to do).
@mahdirkabir there is good explanation video within the lesson :)
@rogerskeie well the explanation is that the actual twitter button from twitter
thanks @robvon86
mahdirkabir sends brownie points to @robvon86 :sparkles: :thumbsup: :sparkles:
:star: 132 | @robvon86 | http://www.freecodecamp.com/robvon86
@rogerskeie is converted to iframe
@rogerskeie that is why you cannot access the properties of th a tag
hello
@rogerskeie you have to destroy and recreated it everytime you update the href
@rogerskeie the most simpliest solution is to just make your own twitter button using font-awesome
@rogerskeie so you can edit the href in your code
@wearenotgroot Thanks