get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
Evening all. Need some help with the Profile Lookup challenge (http://www.freecodecamp.com/challenges/profile-lookup). I am having difficulty working out how to access the firstName property.
I cannot work out why my for loop counter variable is not incrementing each time it runs, for example.
for (var i = 0; i < contacts.length; i++) {
return contacts[i].firstName;
}
@CarlMungazi when you write
So you never run next iteration of your loop.
return statement you exit your loop and function :-(So you never run next iteration of your loop.
@CarlMungazi don't return
Thanks. What should I put in its place?
@CarlMungazi you should check some conditions in this loop and return only if you find correct record in your table.
@CarlMungazi you have your instruction:
The function should check if firstName is an actual contact's firstName and the given property (prop) is a property of that contact.
If both are true, then return the "value" of that property.
The function should check if firstName is an actual contact's firstName and the given property (prop) is a property of that contact.
If both are true, then return the "value" of that property.
@CarlMungazi You should also return value of
prop property not always firstName.
Ah, is this the classic if statement within a for loop solution?
@CarlMungazi very classic. i.e. you are looking in your loop name "Akira" and return what he likes when you find him.
But that's O(n), we can do better!
@Takumar thanks. How do I return both the prop and firstName?
carlmungazi sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 1758 | @takumar | http://www.freecodecamp.com/takumar
My first time returning the arguments in this way
@CarlMungazi first check firstName
@CarlMungazi
firstName is a property so you don't have to return both :-)
if true then check for prop value
Are we talking nested if statements here?
@CarlMungazi yes
else if (nextIndex-1 !==0 && $(window).width() > 500) {
$('li').css("background-color", rgba(0, 0, 0, 0.1));
};
div element has class container-fluid ... how do i nest all HTML elements in .container-fluid
Thoughts?
for (var i = 0; i < contacts.length; i++) {
if (firstName === contacts[i].firstName) {
if (prop === contacts[i][prop]) {
return prop;
} else {
return "No such property";
}
return firstName;
} else {
return "No such contact";
}
}
The else statements are passing the test but the ifs are not..
paste your whole function here, @CarlMungazi
@CodingWarrior Like this?
<div class="container-fluid">
<all HTML elements here>
</div>function lookUp(firstName, prop){
// Only change code below this line
for (var i = 0; i < contacts.length; i++) {
if (firstName === contacts[i].firstName) {
if (firstName === contacts[i][prop]) {
return prop;
} else {
return "No such property";
}
return firstName;
} else {
return "No such contact";
}
}
// Only change code above this line
}
// Change these values to test your function
lookUp("Kristian", "likes");
function rot13(str) { // LBH QVQ VG!
var a = [];
var b = str[0];
a =str.charCodeAt(str[1]);
return a;
}
// Change the inputs below to test
rot13("SERR PBQR PNZC");
try
@CarlMungazi whats wrong with that
function lookUp(firstName, prop){
// Only change code below this line
for (var i = 0; i < contacts.length; i++) {
if (firstName === contacts[i].firstName) {
if (contacts[i].hasOwnProperty(prop) {
return contacts[i][prop];
}
else { return "No such property"; }
} /*if #1*/
} /*for*/
else {
return "No such contact"; }
// Only change code above this line
}
// Change these values to test your function
lookUp("Kristian", "likes");
should work just fine, but I haven't checked it
also, why is there a return firstName thing? O.o
@ScottBrenner
<!--looks good , also this is a comment in html-->
:thumbsup:
No luck @noczesc
@CarlMungazi i've edited my message, try again
@CarlMungazi
good effort... have you fixed the errors in the editor yet?
good effort... have you fixed the errors in the editor yet?
@CarlMungazi wait, i've messed up
function lookUp(firstName, prop){
// Only change code below this line
for (var i = 0; i < contacts.length; i++) {
if (firstName === contacts[i].firstName) {
if (contacts[i].hasOwnProperty(prop) {
return contacts[i][prop];
}
else { return "No such property"; }
} /*if #1*/
} /*for*/
else {
return "No such contact"; }
// Only change code above this line
}
// Change these values to test your function
lookUp("Kristian", "likes");
@noczesc still nothing...
@tommygebru working on it!
with which framework the freecodecamp website was build?
smth like django or nodejs maybe symfony or laravel?
@robert197 I think you can check the github account and work it out from the files
Looks like Node.js and MongoDB https://github.com/FreeCodeCamp/FreeCodeCamp
@robert197 - https://github.com/FreeCodeCamp/FreeCodeCamp. Looks to be nodeJS
ye its node
function lookUp(firstName, prop){
// Only change code below this line
for (var i = 0; i < contacts.length; i++) {
if (firstName === contacts[i].firstName) {
if (contacts[i].hasOwnProperty(prop))
{
return contacts[i][prop];
}
else
{
return "No such property";
}
}
}
return "No such contact";
// Only change code above this line
}
but sad that they dont use angular
new fcc's look is so bad... I've liked the previous one better + the code editor was neater
the new one doesn't resize when there's more code
fortunately, I've moved on toward ziplines and I don't have to put up with it
fcc makes me addicted o.O
They reset my entire history and now the run tests button dose not work.
@Phantomlombax is this for every challenge?
Thanks @noczesc. Looking at your solution, I take it when nesting if statements you only need to return the innermost one? Also, I can see that I should have used the hasOwnProperty() method.
carlmungazi sends brownie points to @noczesc :sparkles: :thumbsup: :sparkles:
:star: 316 | @noczesc | http://www.freecodecamp.com/noczesc
@CarlMungazi you have to return "no such contact" when you've looped through the entire object and made sure that there's no such contact - if this return statement was in the loop, it'd go off if the first contact wouldn't match the firstName argument
Hi, I am not able to solve this problem, can anyone help me please.
@CarlMungazi nice :+1:
@HaroonGhawsi with this new data create an object
var myObject = {property:value};
var myObject = {property:value};
This is my code
Ah, that makes sense
<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" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="outdoor"> Outdoor</label>
@noczesc thanks for the pointers. and cheers @tommygebru
carlmungazi sends brownie points to @noczesc and @tommygebru :sparkles: :thumbsup: :sparkles:
:warning: carlmungazi already gave noczesc points
:star: 345 | @tommygebru | http://www.freecodecamp.com/tommygebru
"Give your radio buttons the name attribute of indoor-outdoor."?
@CarlMungazi you're welcome (:
why can't I close the "map" and "chat window" box on the right of the screen? anyone else have this problem? I'm using a mac so that might be part of the problem
@HaroonGhawsi great :+1:
so you have created an object within a function of the same name....
reread the instructions
change the variable name
so you have created an object within a function of the same name....
reread the instructions
change the variable name
@mthussey report a bug and tell fcc staff that there's poor Safari support
@FarionLord you have to add same name to every radio button. indoor-outdoor to both
it does the same thing in firefox (on my mac), so might be a mac thing?
@tommygebru I have renamed it to lookup
I am not able to reference to the function parameter
@mthussey I heavily doubt it, but report it anyway (:
Random question: Has anyone tried posting code examples on Tumblr using Markdown?
@HaroonGhawsi
also remember previous lessons of how to access an object
http://www.freecodecamp.com/challenges/access-array-data-with-indexes
also remember previous lessons of how to access an object
http://www.freecodecamp.com/challenges/access-array-data-with-indexes
@mthussey i use mac i have no issues
function multiplyAll(arr) {
var product = 1;
// Only change code below this line
for(var i = 0; i < multiplyAll.length; i++){
arr += multiplyAll;
}
// Only change code above this line
return product;
}
// Modify values below to test your code
multiplyAll([[1,2],[3,4],[5,6,7]]);
@batboy138 what's the link to the exercise?
@HaroonGhawsi
sorry wrong link :smile:
http://www.freecodecamp.com/challenges/accessing-objects-properties-with-variables
sorry wrong link :smile:
http://www.freecodecamp.com/challenges/accessing-objects-properties-with-variables
@batboy138 multiplyAll is the name of the function and as far as I know has no value but arr does
@batboy138 you have to write a for loop inside your for loop. remember to use something different instead of i in your deeper loop
@batboy138 - have a look at the example code on the left panel again.
It will give you big pointers
@HaroonGhawsi how are you doing?
guys, may I ask you a favor?
anyone with a smartphone nearby?
@tommygebru I am still thinking to link val with the object
@HaroonGhawsi :+1: have you tried it ?
I know how to use objects but to run the function I want to relate the parameter.
I working on it
update you ASAP.
@HaroonGhawsi use the parameter
ok
@tommygebru
@HaroonGhawsi why did you change code above the line?
@HaroonGhawsi you should try to access the object lookup with the parameter val
and also pay attention to the comments
they are specific to each exercise!
and also pay attention to the comments
they are specific to each exercise!
@tommygebru ok. let me try again
sure
function multiplyAll(arr) {
var product = 1;
// Only change code below this line
for(var i = 0; i < arr.length; i++){
for(var x = 0; x < arr.length, x++){
console:log(arr[i][x]);
}
};
}
@tommygebru how to share the code in Gitter without screen shot?
can somebody help me? add borders around elements.
@tommygebru
@HaroonGhawsi three backticks``` above and below the lines of code
to move down a line press shift and enter :smile:
to move down a line press shift and enter :smile:
@HaroonGhawsi
how your variable lookup should look
var myObj[someProp]; // "the long list of names"
how your variable lookup should look
var myObj[someProp]; // "the long list of names"
can get some help
@to-be-an-ocean welcome
<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 class=".smaller-image"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>
im trying to shrink an image and make it a class but its not working
take the period out of your class=".smaller-image"
so it looks like
<img class="smaller-image"src="https://bit.ly/fcc-relaxing-cat">
@cademis ok its still not working
@cademis nevermind i got it, thanks bro
to-be-an-ocean sends brownie points to @cademis :sparkles: :thumbsup: :sparkles:
:star: 23 | @cademis | http://www.freecodecamp.com/cademis
@tommygebru
Is it showing correctly on the preview? Im actually stuck on the same question. My preview is correct but the editor wont let me progress (ctrl+enter)
<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>
task name - Size you image
thanks @tommygebru
codescout811 sends brownie points to @tommygebru :sparkles: :thumbsup: :sparkles:
:star: 346 | @tommygebru | http://www.freecodecamp.com/tommygebru
@HaroonGhawsi
lets remove line 17
and add
lets remove line 17
and add
result=lookup[val];
@tommygebru done
Thanks
@HaroonGhawsi
nice :+1:
nice :+1:
Everyone please share the name and link of the Waypoint Challenge :smile:
Hi - I'm looking for help. I'm not able to progress pass task "size your image" with the following code. What am I doing wrong? the preview looks correct.
<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 class="smaller-image"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>
maybe a space between src and image" is needed <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
ydp
@tommygebru Please guide me where I am lacking for this challenge,
how do i comment out a code?
@eduwin7 which language ?
html
yes
a ! to signal that the comment is beginning
great. its giving me a difficult time. thanks alot!
@HaroonGhawsi you need to use
objectName[keyName]
@HaroonGhawsi
This is an anonymous function
function(){};
This is a function with a name
function name(){};
A name of a function has no value
but the parameter of the function does
function name(parameter){execute code};
This is an anonymous function
function(){};
This is a function with a name
function name(){};
A name of a function has no value
but the parameter of the function does
function name(parameter){execute code};
@robert197 @tommygebru alright. thanks
haroonghawsi sends brownie points to @robert197 and @tommygebru :sparkles: :thumbsup: :sparkles:
:star: 347 | @tommygebru | http://www.freecodecamp.com/tommygebru
:star: 66 | @robert197 | http://www.freecodecamp.com/robert197
Let me try
nice :+1:
also http://www.w3schools.com/js/js_functions.asp
also http://www.w3schools.com/js/js_functions.asp
@tommygebru
@HaroonGhawsi
you were doing fine earlier you used the wrong name
you were doing fine earlier you used the wrong name
@tommygebru I get confused when I have to give a parameter a value.
@HaroonGhawsi
look at the comment at the bottom it has already given checkProp a value
also a parameter is nothing more than another variable
look at the comment at the bottom it has already given checkProp a value
also a parameter is nothing more than another variable
@tommygebru Ok
@HaroonGhawsi
also
http://www.w3schools.com/js/js_functions.asp is a good resource it explains the basics html, css , javascript really good, tons of examples and exercises :smile:
also
http://www.w3schools.com/js/js_functions.asp is a good resource it explains the basics html, css , javascript really good, tons of examples and exercises :smile:
Leave your h2 element uncommented so that it is visible on your page. help me with this
@tommygebru Ok thanks
haroonghawsi sends brownie points to @tommygebru :sparkles: :thumbsup: :sparkles:
:warning: haroonghawsi already gave tommygebru points
Leave your h2 element uncommented so that it is visible on your page. help please
@eduwin7 which ex?
@eduwin7 please always share Challenge Title and Link :smile:
html
@eduwin7 this is //comment so for uncommenting remove // from there
@tommygebru :+1:
@eduwin7 Comment tags <!-- and --> are used to insert comments in HTML.
also http://www.w3schools.com/html/html_comments.asp
also http://www.w3schools.com/html/html_comments.asp
its waypoint: comment out html
@eduwin7 remove comment from h2
Leave your h2 element uncommented so that it is visible on your page
@eduwin7 take out your h2 tag from <!---html--->
@eduwin7 this is a comment <!-- and --> now remove it
okay let me see
@eduwin7 also if you are having trouble reset the exercise and try again !
@eduwin7 @tommygebru but h1 and p should in comment
I am suppose to comment out so that it is visible on my page
@eduwin7 yes for h2
So I need to delete whats in side of <h2> </h2>
@eduwin7
<!--
<h1>Hello World</h1>
-->
<h2>CatPhotoApp</h2>
<!--
<p>Hello Paragraph</p>
-->
@eduwin7 I believe they want the tags to disappear too!
but also the console should give a hint to what you are doing
but also the console should give a hint to what you are doing
how do I give my form element the id in HTML
@pranavsaktHi <form id="xyz"></form>
<form id='id'>
@pranavsaktHi always share the Challenge title and link please
you are the man
thanks @cannelflow
pranavsakthi sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 424 | @cannelflow | http://www.freecodecamp.com/cannelflow
@eduwin7 worked?
thanks @centraleft
pranavsakthi sends brownie points to @centraleft :sparkles: :thumbsup: :sparkles:
:star: 281 | @centraleft | http://www.freecodecamp.com/centraleft
both of helped me
@pranavsaktHi :+1:
@eduwin7 how you doing?
@tommygebru Please help me in 207 Testing Objects for Properties
I am kind of confused.
@HaroonGhawsi tried something?
what are you confused about?
@cannelflow
Challenge Modify the function checkObj to test myObj for checkProp. If the property is found, return that property's value. If not, return "Not Found".
your return statement is wrong
@centraleft What should be a suitable return statement for this challenge?
did you skip any challenges? you're going to want to use conditional statements to pull that off. You've got the property checking down, but your code is returning the wrong things
return checkObj();
@HaroonGhawsi you don't want to return a function; a return is a keyword a function uses to give back data after it follows the instructions you give it
No. should I use if statement for the value and "Not Found"
hasOwnProperty returns a boolean (true or false) value
@HaroonGhawsi myObj.hasOwnProperty("top") you have missing ""own your checkprop
an if statement will check if something is true, and then execute a specific line of code
you can follow it with an else statement, so that if it is false you can execute a different line of code
alright. let me put it in a if statement
alright. thanks
"The hasOwnProperty() method returns a boolean indicating whether the object has the specified property."
your
if (checkProp === myObj.hasOwnProperty())essentially says
if (checkProp === true)
which will most likely return false
@centraleft :+1:
@robert197 thanks
farionlord sends brownie points to @robert197 :sparkles: :thumbsup: :sparkles:
:star: 67 | @robert197 | http://www.freecodecamp.com/robert197
function multiplyAll(arr) {
var product = 1;
// Only change code below this line
for(var i = 0; i < arr.length; i++){
for(var x = 0; x < arr.length, x++){
console.log(arr[i][x]);
}
}
}
@batboy138
console:log(arr[i][x]); syntax is console.log
@nigeltea That was a typo. My bad.
@batboy138 your second for loop has an error
@batboy138
also console.log is logging only x, the last index
also console.log is logging only x, the last index
unless all your arrays happen to be the same length
@centraleft What's the error? Other than
arr.length,? That's also a typo.
should be arr[i].length
but if you just made a typo then idk
@batboy138 that is where both errors are. You're rechecking the length of larger array, you want the length of the "sub" array.
for(var i = 0; i < arr.length; i++){
for(var x = 0; x < arr[i].length; x++){
console.log(arr[i][x]);
}
}
@tommygebru How do I get it to log
[I] and [x]?
What do the instructions say? Is this the one to multiply all numbers together? @batboy138
@nigeltea Yes. these are the instructions: Modify function multiplyAll so that it multiplies the product variable by each number in the sub-arrays of arr.
so you need to replace
console.log with the logic to track the product in the product variable. based on what you have there, you know you access the individual numbers using arr[i][x]
@nigeltea But what do I replace it with?
Hi all
I tried return but it didn't work.
var oldArray = [1,2,3,4,5];
var newArray = [];
// Only change code below this line.
oldArray.map(function(val){
return val + 3;
});
newArray = oldArray;
somebody help me i need to add 3 to each element in the oldArray by using Map method
@batboy138 Won't help to just give you the answer but something like
product = <logicToUpdateProduct> then return product at the end of the outter loop
map iterator
challenge 239
need help: Use CSS Selectors to Style Elements
<h2 style="color: red">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>
Remove the style attribute from your h2 element.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
Make sure all your style elements are valid and have a closing tag.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
Make sure all your style elements are valid and have a closing tag.
@eduwin7 make style tags and there you can do any css operation
instead of putting them in h2 tags
@sukumarkutagulla you need to create a new array to save the values you are creating to then return that array.
I did. but need to make my h2 element blue. and remove the style attribute from my h2 element
@sukumarkutagulla you are going through the logic in your code but you are not assigning it to a variable to store it.
copy the same which is there in h2 element and put it in style tags
@nigeltea let me try again
@eduwin7 ?
@nigeltea got it
thanks bro
var xyz = arr.map(blah blah) will store whatever you do in your map function in the xyz array.
cool @sukumarkutagulla congrats!
yea
function multiplyAll(arr) {
var product = 1;
// Only change code below this line
for(var i = 0; i < arr.length; i++){
for(var x = 0; x < arr[i].length; x++){
product *= arr[i][x];
}
}
// Only change code above this line
return product;
}
// Modify values below to test your code
multiplyAll([[1,2],[3,4],[5,6,7]]);
@eduwin7
@eduwin7 if you have a css window just use css
@batboy138 sweet! way to stick with it.
gj @batboy138
Now I have to do more Bonfires...
I am doing the profile Lookup, and it seems to have a bug? I have the answer on console.log that match the checkpoint, but it says I did not meet it?
```
Guys, help me for this challenge 207 Testing Objects for Properties
// Setup
var myObj = {
gift: "pony",
pet: "kitten",
bed: "sleigh"
};
function checkObj(checkProp) {
// Your Code Here
myObj.hasOwnProperty("checkProp");
if(checkProp == myObj.hasOwnProperty()){
return checkProp;
}else
return "Not Found";
}
// Test your code by modifying these values
checkObj("gift");
@pkshreeman probably something to do with stringifying and parsing
@HermanFassett I just found out it was acutally the JSON data that didn’t match. I had to “correct” the data…LOL!
Thanks anyway! @HermanFassett
pkshreeman sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:star: 1358 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
@HaroonGhawsi if you read this:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty
you should have the answer.
you should have the answer.
your problem is here:
if(checkProp == myObj.hasOwnProperty())
@centraleft I read it but I am not able understand the concept of this challenger, otherwise I got to know how to use Object Methods and using the properties.
you might want to go back and redo some bonfires
@HaroonGhawsi this is an important one. Check back to this for an example of how to use hasOwnProperty http://www.freecodecamp.com/challenges/testing-objects-for-properties
the problem with your function is that:
myObj.hasOwnProperty()does not return a property it returns one of two values, true or false.
// 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) {
var album = collection[id];
if (value !== "") {
if (album[prop] !== "tracks") {
album[prop] = value;
} else {
album.tracks.push(value);
}
} else {
delete album[prop];
}
return collection;
}
// Alter values below to test your code
update(5439, "artist", "ABBA");
@HaroonGhawsi you need to use this like
if (myObj.hasOwnProperty(checkProp) ===true)
@pkshreeman without the === true works cuz it already has the value true in it
@pkshreeman One error is solved by this solution.
// Setup
var myObj = {
gift: "pony",
pet: "kitten",
bed: "sleigh"
};
function checkObj(checkProp) {
// Your Code Here
if (myObj.hasOwnProperty(checkProp) === true){
return checkProp;
}else
return "Not Found";
}
// Test your code by modifying these values
checkObj("gift");
The code still has two more errors.
@loganch you only changed the var album, not the collection itself...
@HaroonGhawsi that does work but it is redundant, you don't need the
=== true
@HaroonGhawsi return myObj[checkProp];
@HaroonGhawsi return myObj[checkProp]
@Francozt01 :smile:
:D
@Francozt01 Thanks for correction. Didn’t realize it was redundant.
pkshreeman sends brownie points to @francozt01 :sparkles: :thumbsup: :sparkles:
:star: 463 | @francozt01 | http://www.freecodecamp.com/francozt01
Thank you all it's done
@loganch your issue is in this line
if (album[prop] !== "tracks") think about what you are trying to check. The album prop or the function parameter prop?
@pkshreeman @HaroonGhawsi np :+1:
@pkshreeman I don't think that's the problem, I just changed the code to
collection[id].tracks.push(value) and am I still getting the same results.
@loganch collection[id][prop].push(value)
bracket notation
@Francozt01 yeah, I noticed that..why doesn’t it work with dot notation?
@pkshreeman i think is an error in the exercise
ah.
@Francozt01 the way he has it will push value fine because he has created an album variable which is collection[id].
@pkshreeman you can't get a property from an object using dot notation with a variable
also in the if statement only need prop === "tracks"
Yeah, I'm not sure it's the exercise that's wrong, I'm trying this in parallel on JSBin and everything works except the push replacing the tracks array into a string
@Francozt01 You should double check his code before giving the solution. He has written it in a different way than most solutions.
@centraleft can you explain that or refer me to some reading? I don’t quite get that type of concept.
@loganch it's a minor issue here
if (album[prop] !== "tracks") you just need to check if prop !== "tracks"
basically, when you a variable like
var prop = 'propertyName'to get a property from an object, you have to put it in brackets
myObj[prop];where as if you wanted to get a method or object directly out of an object
var myObj = {
property: 'value'
}
return myObj.property
@nigeltea @loganch yup, those are the "raw" arguments you are getting into the function, they are not included in
album[] yet, .
got it. thank you @centraleft
pkshreeman sends brownie points to @centraleft :sparkles: :thumbsup: :sparkles:
:star: 285 | @centraleft | http://www.freecodecamp.com/centraleft
np
@nigeltea and @Francozt01 Thanks, the issue was in the nested if statement, changing it to only
if (prop !== "tracks") made it work
loganch sends brownie points to @nigeltea and @francozt01 :sparkles: :thumbsup: :sparkles:
:star: 464 | @francozt01 | http://www.freecodecamp.com/francozt01
:star: 316 | @nigeltea | http://www.freecodecamp.com/nigeltea
@loganch Yes, album[prop] is undefined so your else statement would never execute.
In fact I think it was causing the main statement to execute so I it was setting the value directly in tracks, it seems so obvious now.
I was sick for so many days .. I suppose I could jog up my mind back here by helping someone :smile:
@loganch I think that’s the beauty of programming…:)
@pkshreeman True.
lol hahaha
G'night FCC. Happy coding & good luck!
hi all
hello @alexnissen
i m stuck on something simple but I've just started the camp coding
@alexnissen shoot :smile:
hi
@alexnissen state the problem
I need to make my font size 16 ... Give elements with the p tag a font-size of 16px.')
I m up to session i thin 17 in the program
<p class="red-text" > Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> I know how to make it red but i can't seem to change font size using the same pattern
@alexnissen do you have a class of p as:
p {
properties: values;
}in your <style></style> tag ?
<p
class="red-text" "font-size 16px"> Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat
@alexnissen So you have a
<style> section anywhere in your code? if not, then what you can do is write an inline styling. Such as <p class=“bla blip boo” style=“color: green”> </p>
This message was deleted
hi i have a question
I wrote 3 classes in there by the way hahaha
<style>
.red-text {
color: red;
}
.font-size {font:16px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p class="red-text" "font-size 16px"> Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text" > Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
i was working on 86 add font awesome icons to buttons
@Jamela08 ask ..
questions is
@alexnissen not font. You have to use font-size
i am expecting to see a thumbs up button, i run my code its okay but then cant see the thumbs up button
font-size: 16px
@alexnissen alright, you are messing up on your p element below, on your paragraph so take care removing that out. and on your font-size attribute that is currently set as a class you have to refer to your red-text class apparently and set within your curly braces
font-size: 16px.
@alexnissen you need to add one more class in
<style></style> tag as I said then include font-size: property and then give its value as 16px;
<button class="btn btn-block btn-primary">Like<i class="fa fa-thumbs-up"></i></button>
@Jamela08 hmm... what waypoint are you in again ?
86
Trying to wrap my head around this code, damn this broke my cognitive function
function reverseArrayInPlace(array) {
for (var i = 0; i < Math.floor(array.length / 2); i++) {
var old = array[i];
array[i] = array[array.length - 1 - i];
array[array.length - 1 - i] = old;
}
return array;
}Found on Eloquent Javascript book.
@tommygebru still not working
@Jamela08 could you tell the name of the waypoint ? I am using the new layout of FCC
I am confused about the waypoint:Target a Specific Child of an Element Using jQuery
I implement like this
$("#left-well:nth-child(2)").addClass("bounce target");
$("#right-well:nth-child(2)").addClass("bounce target");
86
Add Font Awesome Icons to our Buttons
I'm stuck at seek and destroy!
been in bootstrap part when i run the tests says its okay but then I couldnt see the desired effect on the right panel (output)
@neal1991 shouldn't you should use
.target instead of #left-well ?
@neal1991 and also for
#right-well
it does not work
And there is no elements which belongs to target class
hi @Mr-Kumar-Abhishek have you checked it?
@Jamela08
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button> this is correct , you may have to check if anything else you are missing in your code
@sydszaman whats not working
@kevin2r meseeks and destroy
@neal1991 care to show the whole code ?
if i run it it says im correct but couldnt see the image thumbs up
@Jamela08 for us to check it we need your current link
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("background-color", "red");
$("#right-well").children().css("color", "green");
$(".well:nth-child(2)").addClass("bounce");
});
</script>
<!-- Only change code above this line. -->
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
how can i send the current link?
I am quite confused about this word:
You must target the children of element with the target class.
@Jamela08 try to refresh the page , but most likely it is not a problem from your code rather some network problem of not getting the image
oh okay
i'll try to refresh my page
@Jamela08 it seems that console is unavailable for this challenge... must be because the website FCC has been updated :smile: but everything passes and all the thumbs ups are green!
@neal1991 there is class called
.target id are mentioned as #target
what should i do?
@tommygebru
@Jamela08 just close your browser and reopen it
thats it
okay
@Jamela08 ignore it
unless I am not understanding the problem.... do the next challenge
unless I am not understanding the problem.... do the next challenge
@Mr-Kumar-Abhishek where? I have not seen
@tommygebru I'm using a for loop inside Array.filter() for checking if the current value is inside the arguments array, but when return from the loop a not good behavior is working
sorry i m not following I need to see an example this is what i did
<style>
.red-text {
color: red;
font-size: 16px; }
</style>
<h2 class="red-text">CatPhotoApp</h2>
<style> .font-size {font-size: 16px; }
</style>
<p class="red-text" "class=font-size:16px" > 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" "class=font-size:16px"> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
I just need to modify the class of the well, isn't it?
@kevin2r let me see that Challenge name and a link will help
@neal1991 when you mention
class="btn btn-default target" in any tag there are three classes in this case btn btn-default and target
@alexnissen style is a separate document like html. dont do it twice :smile:
so i delete the second style
@Mr-Kumar-Abhishek Yeah, I see. But what's problem with my code
happy to make you smile:)
Can someone explain the reduce method for me? Language : JavaScript
$(".target:nth-child(2)").addClass("bounce");
@neal1991 you have to use
.target class as the waypoint instructs you , and you need animated with bounce too I suppose.
@kevin2r have you tried the bonfire chatroom?
https://gitter.im/orgs/FreeCodeCamp/rooms/
I have not completed this yet :smile: just finished palindromes
https://gitter.im/orgs/FreeCodeCamp/rooms/
I have not completed this yet :smile: just finished palindromes
@ItsMuse Hey reduce is used when you want to get a single value from an array
This message was deleted
@ItsMuse
reduce takes an array and reduces it to a single value based on the operation you provide
@neal1991 correct , for the most part, add
animated too
@ItsMuse Like for example if you want to add all the values of an array to get a total
@Mr-Kumar-Abhishek yeah, you are right. But I am really confused that the error information does not mention the animated class.
@ItsMuse Understand?
@alexnissen :+1:
@neal1991 as
.addClass("animated bounce") , it doesn't show in error? hmm.. It's changed from the last I have used
@Mr-Kumar-Abhishek it just says that you should make the 2nd element in your target class bounce.
@neal1991 send the url to your waypoint
@neal1991 to target means
$("this is a targeted html element").addClass("animated bounce"); :smile:
$("this is a targeted html element").addClass("animated bounce"); :smile:
@Manish-Giri these urls are so :space_invader: spammy
I can't seem to work out how to change the font size <style>
.red-text {
color: red;
font-size: 16px; }
</style>
How to share a link ..... and other things.... check out the markdown button next to the chat box...
[title](http://)
@alexnissen looks good, reset the challenge and try again :thumbsup:
okay
@neal1991 did you pass the challenge?
thanks
@alexnissen nice :+1:
@neal1991 here is what I have
$(".target:nth-child(2)").addClass("animated bounce”);
@neal1991 you’ve also used the same thing for
.well, remove that $(".well:nth-child(2)").addClass("bounce");
$(".target:nth-child(2)").addClass("bounce”);
@Manish-Giri the crucial problem is the error information does not give the correct information.
It doesn't mention the class animated.
@neal1991 it mentions that right in the top, over the instructions
@neal1991
Here's how you would give the third element in each well the bounce class:
$(".target:nth-child(3)").addClass("animated bounce");
Make the second child in each of your well elements bounce. You must target the children of element with the target class.
@alexnissen font sizes are changed by
font-size: value; property just figure out in which class you to change them from next or if have to make a new class
@neal1991 as for why the error does not point out
animated bounce, I think it’s probably because of the well thing
@Manish-Giri :+1:
what about this one i already added <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i>Info</button>
but still it says You should add a <i class="fa fa-info-circle"></i> within your info button element.
i reset and its not changing is there some where i can see how its done <style>
.red-text {
color: red;
font-size: 16px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p 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>
Give elements with the p tag a font-size of 16px.')
@alexnissen don’t you have an opening
<style> up top?
@Jamela08
what about this one i already added <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i>Info</button>
but still it says You should add a <i class="fa fa-info-circle"></i> within your info button element.
what about this one i already added <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i>Info</button>
but still it says You should add a <i class="fa fa-info-circle"></i> within your info button element.
yes i think i do
<style>
.red-text {
color: red;
font-size: 16px;
}
</style>
.red-text {
color: red;
font-size: 16px;
}
</style>
works fine now
@alexnissen you’re asked to give elements with
p tag the font-size
yes
@alexnissen and you’re giving it to
.red-text instead
@alexnissen your code passed for me
i can't work out how to do it
@Jamela08 is this what have you done ?
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle" ></i>Info</button>
</div>
it works both if the font size is in red text or with the p selector
it ask me to make the font red and 16px
@alexnissen send the url to your waypoint
where do i find waypoint
try restarting your browser
definitely passes for me
@Manish-Giri :+1: also must be a bug if it passed for @sludge256 @alexnissen
I think someone was having trouble with the same one earlier
paragraph and h2 passes as classes @sludge256
@alexnissen the code works for me too
oh i just click the url i sent you and it came up that it worked so must be a bug in my web page
:bug: free is the dream
i can't believe i was doing it write and it kept telling me i was wrong ... thanks for your patients i have learnt an important lesson
it happens every now and then sometimes refreshing clears everything or restarting the browser
@Mr-Kumar-Abhishek it works fine now
i just re-run it
patience is a virtue
that i must have
:smile:
idk where to start the class
i can't start it in the <img> because it will take the image away
Hi I'm currently working on my calculator app. While styling the buttons, I noticed that Chrome automatically includes a blue rounded outline whenever I click on one of the buttons on my calculator. Is there anyway I can get rid of the outline? I've tried normalize.css and it hasn't worked
This message was deleted
@PxNasty your css(class style) is fine, just need to add the class to
img element, like <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
@edward-hong try
outline:none;
@Manish-Giri thank you.. I thought it would interupt the source
pxnasty sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 590 | @manish-giri | http://www.freecodecamp.com/manish-giri
@PxNasty never hesitate to break things, that’s how one learns!
but what if its expensive lol
still
thanks @Manish-Giri it worked
edward-hong sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 591 | @manish-giri | http://www.freecodecamp.com/manish-giri
I will keep that in mind.. thanks again
couldn’t be that expensive lol
i need to Your p element should still use the font Monospace.
@alexnissen Hey you just have to apply the font to your h2
h2 {
font-family: Lobster;
}
but it want me to keep the p element should still use the font Monospace.
@alexnissen why do all your
p elements have the class red-text?
@alexnissen since h2, is specified it wont affect ur p elements
because it asked for red text :smile:
@alexnissen as far as I remember, class selectors are more specific than element seletors, so your
red-text style overrides the p style
yes
@alexnissen I’m pretty sure they didn’t ask for you to add
red-text class to all p elements
Hey that’s not ur problem, i completed the challenge you linked by adding the selector for h2
@alexnissen Hey you just have to apply the font to your h2
h2 { font-family: Lobster; }
@alexnissen hold on
@Manish-Giri its the default when you reset
@alexnissen you need to apply
font-family: Lobster to h2 not to .red-text
@alexnissen you could do this lol
font-family: Monospace!important;
@alexnissen however don't do this, it is not a good use.
Guys! Follow the link to the question that he posted
@alexnissen read this
Now you can set Lobster as a font-family value on your h2 element.
yeah we should try to be specific to the instruction.... its the only one we got !
@alexnissen This solves your problem
@alexnissen Hey you just have to apply the font to your h2
h2 { font-family: Lobster; }
Are we still helping @alexnissen ?
@iRoachie :+1: @alexnissen check the classes you were missing from what @iRoachie said
yes
<h2 {font-family: Lobster;} class="red-text">CatPhotoApp</h2>
@tommygebru looks that way!
@alexnissen the
h2 class should come under <style></style> tag
@alexnissen i see where u made the mistake
you have the put in your style
<style>
h2 {
font-family: Lobster;
}
</style>
UPVOTE!!!!!!!! @iRoachie thanks
@iRoachie :+1:
Kindly Help me to start the freecodechamp project s...
@AgarwalAmit699 sure, there are other FreeCodeCamp chatrooms for projects
https://gitter.im/orgs/FreeCodeCamp/rooms/ :smile:
https://gitter.im/orgs/FreeCodeCamp/rooms/ :smile:
Thanks tommygebru
<stlyle>
<h2 {font-family: Lobster;} class="red-text" >CatPhotoApp</h2>
</style>
still not changing it to lobster
idk how yall are sending just the picture of the code lol
@alexnissen please follow what @iRoachie said.
Actually I don't know how to develop the personal web page (first front end project) please help
There must be a screen shot feature
whats the difference between relative and absolute postioning can someone ELI5?
@PxNasty
img class=“smaller-image thick-green-border” src=“..”>
@AgarwalAmit699 have you wireframe your project?
completing a task that took you hours to figure out has to be the most exhilarating moment ever
@alexnissen Hey alex seems you’re still confused.
First set the style
<style>
h2 {
font-family: Lobster;
}
<style>
thank you
</style>
A lot of people think it starts in the OS, but the paper is where it really starts
Yeah..
@Manish-Giri so i don't seperate the 2
So now it's computational thought
@alexnissen it’s working now?
What do you want it to don
yea
Do
I do not know from where to start
Think of the computer as a blank page u have to instruct EVERYTHING you want
OK
Index.html
@Manish-Giri wow you pointing that out just made me feel dumb lol i just over thought that way too hard
Hello everyone!
<!DOCTYPE html>
@PxNasty no prob! happens to everyone!
This is not programming. It's just a markup language so the browser can read it
I have some doubt regarding codepen as I am making my portfolio
Yeah
Please tell me how to put images?
Now what does the page do
@tanya-giri We add images uses the img tag
I am giving path of image
in src attribute
Its not working
@tanya-giri Src=""
yaa
@tanya-giri
<img src=“image”>
doing the same
What’s your url?
Image is stored in my computer
Do you have a CDs style @tanya-giri
Css
thts y I am giving path like C:\tanya\images
ohhh
Did you size it?
Is there any difference in using codepen
Tanya you have to provide a path from the index.html
@tanya-giri put your image in dropbox, get a shareable link and put that link in codepen
@tanya-giri as far as I codepen.io doesn't hosts any images but if you are give your hosted image url such as
<img src="http://somedomain.com/yourimage.jpg"> it should work
yaa that too I have tried
Yeah ref it in the body
@tanya-giri CodePen is a place for practice or to show other people your work. You won't be able to host your website there.
Your webpage doesnt know where C drive
Dropbox
whats that?
You can def. get started there though and then find hosting later :)
please tell me
Use a plain text editor
How far are you in the lessons @tanya-giri ?
Or use a little more pro one like webmaster or sublime
Text wrangler is good too
See I have written the whole code for my portfolio.
Only Images are not coming
May be the path is wrong
Are you on a Mac?
no on windows
windows8
Carl A
Control
what?
Should select all
can i see your code for the img?
okay
for the img tag
@tanya-giri first upload your images in image hosting service
<img src="images/tanya-2.jpg" class="img-responsive">
@tanya-giri then get the absolute url of that image from that image hosting service
image hosting service?
I don't think it will work from your desktop
from where? Mrkumar
@tanya-giri you can’t call your image on your computer, you have to upload it to a “cloud"
Yeah you have to href the url
@tanya-giri Are you doing this for a challenge in the browser?
@tanya-giri hold on
Okay
<Img Src="url here"
I have made it all using notepad++ editor and on my browser its working superb
@tanya-giri use this to host images https://www.imgur.com/
But when i copied it tocodepen
Its not working
Okay i try it @Mr-Kumar-Abhishek
I use an editor or command line
@tanya-giri when you excute code locally, it doesn’t work if you use references in local drive and then use it in codepen as the codepen does not have access to your hard drive.
Right @pkshreeman
@tanya-giri get the absolute image url from the image hosting service and use that in
src attribute of <img> tag
@tanya-giri Tanya what’s he’s trying to tell you is that you need to upload the file to hosting service first, so you can use it on codepen
@tanya-giri
Okay the link is opening @Mr-Kumar-Abhishek
Www. W3schools.com
http://www.w3schools.com/html/html_intro.asp @tanya-giri
I have uploaded the image using your link.
Now please tell me from where do I get the path @Mr-Kumar-Abhishek ?
@tanya-giri give me the page's link
@tanya-giri you should find it written there after uploading is complete
@tanya-giri that site should tell you everything
Step by step
@tanya-giri you are in editing , you should move on after you have done editing if any you have to do that is.
@tanya-giri go to that image you want to add on imgur then right click on image and click open image on new tab your image will now open in new tab copy that url
@tanya-giri https://imgur.com/gallery/6bqqA right cilck any image and click opem image in new tab
@tanya-giri lastly if you are uploading your own image , you have to click on publish button to get a url.
There should be proper instructions on how to host images and use them in codepen.io , I have seen a issue about it before in github repo before.
@Mr-Kumar-Abhishek @tanya-giri for adding image to codepen.io simple add img src url
@cannelflow but surely it doesn't hosts images does it ?
@Mr-Kumar-Abhishek I believe the developers are aware that the HTML/CSS need “lot of love” …..but I suspect that the HTML/CSS is not the main focus of the FCC. The treatment is still lopsided (lot of waypoints on how to do colors, but little on anything else, for instance).
@Mr-Kumar-Abhishek codepen ? no it not
@tanya-giri https://www.youtube.com/watch?v=hHTBlnbQUsY
@tanya-giri you have to take direct url their
if anyone needs HQ image without giving Attribute then can use https://pixabay.com/
If I don't have any friends on git is there anywhere else to recruit a team?
@varEnigmatic team for what?
Developing projects for youth to learn to code and elderly
My nana said my hw looks like Greek
Thank youuu soo much @Mr-Kumar-Abhishek . Done!
tanya-giri sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:star: 289 | @mr-kumar-abhishek | http://www.freecodecamp.com/mr-kumar-abhishek
Plus my mother is handicap so simplicity is key I guess in this app to teach or even tap some potential hidden
@varEnigmatic there is Facebook page? any luck there?
I've found that teaching some youth I tutor has made them more apt to attend college
@varEnigmatic that’s awesome…perhaps this room is better? https://gitter.im/FreeCodeCamp/NonprofitProjects?utm_source=share-link&utm_medium=link&utm_campaign=share-link
Everyone wants to make the next big thing lol
Thank you! @pkshreeman
varenigmatic sends brownie points to @pkshreeman :sparkles: :thumbsup: :sparkles:
:star: 287 | @pkshreeman | http://www.freecodecamp.com/pkshreeman
@varEnigmatic I have added you to non-profit projects room, you could get help from there
Thank you! @Mr-Kumar-Abhishek
varenigmatic sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:star: 290 | @mr-kumar-abhishek | http://www.freecodecamp.com/mr-kumar-abhishek
Good luck @varEnigmatic !
Thank you!
Any OS X or iOS devs?
hi there, i hope someone can help me with jquery - i just started with Waypoint 6. It's giving me and X with the item "Only add one class with each of your three selectors." and this is my code: <script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("btn-primary");
});
</script> so i don't really know what's wrong. the rest of the list says it's ok
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("btn-primary");
});
</script> so i don't really know what's wrong. the rest of the list says it's ok
@chanty6680 selectors mean what ... and that should help the process :3
@chanty6680 paste ur url here so we can see
chanty6680 sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:star: 97 | @iroachie | http://www.freecodecamp.com/iroachie
@chanty6680 refresh your browser
@chanty6680 that is the cause of it
@chanty6680
Hey i figured it out. You need to only add one class per statement
Hey i figured it out. You need to only add one class per statement
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated");
$("#target1").addClass("animated");
$("#target1").addClass("shake");
$("#target1").addClass("btn-primary");
});
</script>
@iRoachie actually you can hve 2
ohhhhh!!! i had no idea that i had to do that for #target1... so dumb!! thank a lot @iRoachie
chanty6680 sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:warning: chanty6680 already gave iroachie points
@scottmike0 Yea i know u can add 2, but that’s not what the instructions asked
@iRoachie
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("btn-primary");
})
@iRoachie its what i did :P
Yea i figured
@chanty6680 the instructions said
Only add one class with each of your three selectors.
So that’s why it wasn’t working, cause he was adding 2
@iRoachie but that does not work when making a site, as i have tried via
@chanty6680 just delete “animated” from animated shake, and you are set.
@iRoachie and mine works :P
Lol mine works as well
you have two classes…animated AND shake…and the instructions says add only one class per selectors. @chanty6680
^ exactly @scottmike0
it works! @iRoachie thanks!
chanty6680 sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:warning: chanty6680 already gave iroachie points
@clarkarnold my pleasure
Anyone else not feeling this new design? :/
ECMA? Date?
if you're resizing an image in html, how do you call the resize class on an image <img class = ".smaller-image"> src="https://bit.ly/fcc-relaxing-cat"</img>
@stavgrossfeld in styel .smaller-image{ size:100px}
@stavgrossfeld Hey u need to remove that “.” So it reads
<img class = "smaller-image”>
yes @iRoachie is correct class is smaller-class @stavgrossfeld
@stavgrossfeld class=smaller-image
@iRoachie seems @stavgrossfeld is gone
$("#slide_caption").html(slide_list[count][1]);
that code does not work. Where is the error?
btw slide list is a 2-D array which looks to be formatted correctly. The second element of the 2d array is a string which i want rendered inside the slide_caption element.
<p "font-size: 16px;" class="red-text">
can someone please tell me what i am doing wrong
This message was deleted
@rast-7 you have to give font size in between style for class red-text
@rast-7 If you’re doing an inline style you have add style
<p style="font-size:16px" class="red-text">
and count is a variable which i am incrementing through functions.
oh yes! thanks @iRoachie
rast-7 sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:star: 130 | @iroachie | http://www.freecodecamp.com/iroachie
hi every one
am trying to understand this waypiont http://www.freecodecamp.com/challenges/counting-cards
so can anyone try to explain me
@YasinYA if you got card 2, 3, 4, 5, 6 add 1 for each card if it is 7, 8, 9 you got 0 if it is 10, 'J', 'Q', 'K','A' you have to substract 1
@YasinYA Hey you need to use an if statement to check the value coming in and return the correct message
yes but didn't play cards ever
so idont't have any idea about it
Hello everyone
to get the value of the card
how is everyone tonight
@YasinYA you can also use switch if input is 2,3,4,5,6 you have to add 1 for each
let me try that first @cannelflow
@YasinYA Hey i dont want to give the answer, but i’ll put you on the right track
switch (card) {
case 2:
case 3:
case 4:
case 5:
case 6:
return "5 Bet";
}
@YasinYA You need to do the same for “0 Hold” and the others
yeah i got it right thanks @cannelflow
yasinya sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 426 | @cannelflow | http://www.freecodecamp.com/cannelflow
thanks @iRoachie
yasinya sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:star: 132 | @iroachie | http://www.freecodecamp.com/iroachie
Hi
hi @SarthakAdhikari
Can anyone help me in 'Target a Specific Child of an Element Using jQuery' problem? :)
Hi @YasinYA
:D
@SarthakAdhikari Sure what’s the prob?
The problem is ..
yes sure tell me the challenge
@SarthakAdhikari
I dont know how to explain but .. I understand what nth child is but i don't know how to solve that problem.
Target a Specific Child of an Element Using jQuery
@YasinYA This problem :) Target a Specific Child of an Element Using jQuery
@SarthakAdhikari Okay I just did that actually. Paste ur url so we can see we’re you’re stuck
url or code?
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("background-color", "red");
$("#right-well").children().css("color", "orange");
$('.well:nth-child(2)').addClass('animated Bounce')
});
</script>
<!-- Only change code above this line. -->
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>
@SarthakAdhikari Hey you’re problem is the capital B in bounce
It’s supposed to be lowercase “bounce"
@SarthakAdhikari when you don't have a class or id to track your target element you use what is called the CSS pseudo selector and that is ":nth-child[index]". so i hope you got it
Ok.
using Bounce still makes it bounce though.
@YasinYA Yea. Thanks.
sarthakadhikari sends brownie points to @yasinya :sparkles: :thumbsup: :sparkles:
:star: 209 | @yasinya | http://www.freecodecamp.com/yasinya
But how do i solve this problem?
@SarthakAdhikari Hey send your url, not the code
So we can see what’s stopping you from completing it
okay
You guys have to decode the url it seems :P
@SarthakAdhikari type this line
@SarthakAdhikari Alright i see the problem
This message was deleted
:bulb: to format code use backticks! ``` more info
@sarthakAdhikari
$(".target").addClass("animated bounce");
Yea that’s ut
you were targeting the wrong element
You were specifying .well instead
Corrected code is
$(‘.target:nth-child(2)').addClass('animated bounce’)
ok
can you guys teach me to solve problems by checking url? :P
so that I can be self dependent from next time.
Reviews Please: [http://codepen.io/maulikdarji/full/wMrzmQ/]
@SarthakAdhikari It’s not anything special about the url. When you send it, it allows us to go directly to your challenge, to see what you’re doing wrong
@SarthakAdhikari sorry what do you mean
@iRoachie @YasinYA Thanks.
sarthakadhikari sends brownie points to @iroachie and @yasinya :sparkles: :thumbsup: :sparkles:
:warning: sarthakadhikari already gave yasinya points
:star: 138 | @iroachie | http://www.freecodecamp.com/iroachie
@YasinYA I mean how do you know whats causing the error by checking the url?
@maulikdarji gr8
@SarthakAdhikari Sometimes the challenges are tricky, make sure to read instructions carefully
you just read the instructions carefully and try to understand what is the problem is @SarthakAdhikari
@maulikdarji cute
i liked
@maulikdarji 1 of my link was also there lol
:smile:
@cannelflow @YasinYA :+1:
@cannelflow :smile:
@cannelflow You completed Pomodoro ?
okay :D
@maulikdarji nope doing zipline one by one is frustrating so i planed for 1 zipline a week and rest for bonfire
@maulikdarji but i will soon :smile:
And what about 'All the target elements that computer considers even should shake.' in challenge 'Target Even Numbered Elements Using jQuery'?
My code:
@cannelflow Good :+1:
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("background-color", "red");
$("#right-well").children().css("color", "orange");
$("#left-well").children().css("color", "green");
$(".target:nth-child(2)").addClass("animated bounce");
$('.target:even').addClass('animated Shake');
});
</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>
@SarthakAdhikari Looks good to me but send the url
Yea “shake” instead of “Shake"
:o:
hmmm.... I think I am giving too much time on my zipline project
@SarthakAdhikari
$(".target:even").addClass("animated shake"); this line of code is solving your problem but try to understand it
@SarthakAdhikari I changed it to “shake” and it completed for me
Cant thank you enough
It worked for me too.
@SarthakAdhikari Glad i could help :)
@YasinYA @iRoachie Thank you again guys.. It didnt work because i used 'Shake' instead of 'shake' :D
sarthakadhikari sends brownie points to @yasinya and @iroachie :sparkles: :thumbsup: :sparkles:
:warning: sarthakadhikari already gave yasinya points
:warning: sarthakadhikari already gave iroachie points
Anyone knows where to start looking if I want animations from only css ??
guys, need your suggestion pls. am doing the counting card exercise but now i am stuck. ```
var count = 0;
function cc(card) {
// Only change code below this line
switch(card){
case 2:
case 3:
case 4:
case 5:
case 6:
count++;
break;
case 7:
case 8:
case 9:
count += 0;
break;
case 10:
case 'J':
case 'Q':
case 'K':
case 'A':
count--;
break;
default:
return "Change Me";
}
if (count <= 0) {
console.log(count);
console.log(" Hold");
} else
console.log(count);
console.log(" Bet");
// Only change code above this line
}
// Add/remove calls to test your function.
// Note: Only the last will display
cc(2); cc(3); cc(4); cc(5); cc(6);```
guys, need your suggestion pls. am doing the counting card exercise but now i am stuck.```
js
var count = 0;
function cc(card) {
// Only change code below this line
switch(card){
case 2:
case 3:
case 4:
case 5:
case 6:
count++;
break;
case 7:
case 8:
case 9:
count += 0;
break;
case 10:
case 'J':
case 'Q':
case 'K':
case 'A':
count--;
break;
default:
return "Change Me";
}
if (count <= 0) {
console.log(count);
console.log(" Hold");
} else
console.log(count);
console.log(" Bet");
// Only change code above this line
}
// Add/remove calls to test your function.
// Note: Only the last will display
cc(2); cc(3); cc(4); cc(5); cc(6);```
@garysa2010 use switch statement
he is
explain 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
This message was deleted
@YasinYA i @ZeroAccess sorry about that..let me try again.
ok @garysa2010 try it
no worries, gimme a minute and I'll be able to help. Went to hospital today and gotta take some medicine and get a few things
probably I am slacking of too much , after recovering ... but I have no clue what to use in colors for my portfolio design :worried: does this look good ? http://codepen.io/Mr-Kumar-Abhishek/full/NxjdrB/
js var count = 0;
function cc(card) {
// Only change code below this line
switch(card){
case 2:
case 3:
case 4:
case 5:
case 6:
count++;
break;
case 7:
case 8:
case 9:
count += 0;
break;
case 10:
case 'J':
case 'Q':
case 'K':
case 'A':
count--;
break;
default:
return "Change Me";
}
if (count <= 0) {
console.log(count);
console.log(" Hold");
} else
console.log(count);
console.log(" Bet");
// Only change code above this line
}
// Add/remove calls to test your function.
// Note: Only the last will display
cc(2); cc(3); cc(4); cc(5); cc(6);
@ZeroAccess how r you
@garysa2010 paste ur url here
@garysa2010 just close and reopen the browser
it will work perfectly
Hello friends, quick question... Once your have created a CSS width property, how do you apply it to an image?
Hi somebody help me out here
function reverseString(str) {
str.split();
}
reverseString("hello");
basic algorithm reverse string
@JonnyUtah86 you do something like this ````img {
jsvar count = 0;
function cc(card) {
// Only change code below this line
switch(card){
case 2,3,4,5,6:
count += 1;
return "5 Bet";
break;
case 7,8,9:
return "0 Hold";
break;
case 10,"J", "Q", "K", "A":
return "-5 Hold";
break;
case 3,2, "A", 10, "K":
return "-1 Hold";
break;
sorry
img { width: 32em;}
is that within the <img src="">?
@sukumarkutagulla i don't why it still doesn't work.
just refresh some times after closing the browser, logout and relogin alos
it works for me
@garysa2010 do it like that
that would be in the stylesheet, the CSS file, if you do it inline do it like this
<img src=" " style="width:32em">
@YasinYA oh ok. let me try. will get back shortly. thanks!
garysa2010 sends brownie points to @yasinya :sparkles: :thumbsup: :sparkles:
:star: 213 | @yasinya | http://www.freecodecamp.com/yasinya
function reverseString(str) {
str.split();
}
reverseString("hello");
always preferable to do that in the style sheet however. If you have to change the width later and have to look for it in the html file, much more difficult than in the CSS.
no problem @garysa2010
sorry if that's getting beyond your current knowledge.
@garysa2010 Yea i got it for you
switch(card){
case 2:
case 3:
case 4:
case 5:
case 6:
count++;
break;
case 7:
case 8:
case 9:
count = 0;
break;
case 10:
case 'J':
case 'Q':
case 'K':
case 'A':
count--;
break;
}
if (count > 0) {
return count + " Bet";
} else {
return count + " Hold";
}
Sorry for delay @YasinYA , good now just a lil scare. I
I'm somewhat young I'll bounce back
just exhausted
so tired I can't sleep
yeah hope you get better @ZeroAccess
Thanks @YasinYA
zeroaccess sends brownie points to @yasinya :sparkles: :thumbsup: :sparkles:
:star: 214 | @yasinya | http://www.freecodecamp.com/yasinya
welcome @ZeroAccess
@Mr-Kumar-Abhishek have you tried #565656
A good red is #e00404
@iRoachie cool man! it worked! thanks!
garysa2010 sends brownie points to @iroachie :sparkles: :thumbsup: :sparkles:
:star: 152 | @iroachie | http://www.freecodecamp.com/iroachie
Nice off white #f4f4f4
You are the man @kevintrogers
I did just start but you helped a lot. I was trying to add it before the source
@varEnigmatic thanks
mr-kumar-abhishek sends brownie points to @varenigmatic :sparkles: :thumbsup: :sparkles:
:star: 28 | @varenigmatic | http://www.freecodecamp.com/varenigmatic
Np @Mr-Kumar-Abhishek
Is parse the best for transferring data...like forwarding a pic
Can you be more specific?
Like if I take a pic and I need to upload it according to apples strict mvc
I want to do this to share it
So like bootstrap based like Twitter app?
It always works in my head
Hey guys! I'm new to JS=) I wonder if there is someone familiar with Atlassian JIRA development? I'm trying to make a sort of plugin for it, but not through it's plugin SDK, because I have a small task. I tried to make web page through Confluence spaces and to get some data from JIRA via http request with JS, but it seems to work only in IE - not in Chrome.. Looks like it's because of cross-site requests that are not permitted in Chrome.. Am I right? And is there some way to bypass this restriction?
hey guys
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
#orange-text{
color:orange;
}
</style>
<h1 class="pink-text blue-text " id =" orange-text">Hello World!</h1>why this text dose not change to orange !!
@Mohamedtareque you have space in " orange-text" remove that space
ya good now thnx
@Mohamedtareque also class="pink-text blue-text " is useless here because the id tag re-covers your text format
Hey
Can anyone help me, currently stuck at the start of bootstrap
dont really know how to go on from here
@Fayheim what you don't understand ?
@Mr-Kumar-Abhishek "To get started, we should nest all of our HTML in a div element with the 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>
<div><h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
<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>
The HTML elements are the one after Styles right?
@Fayheim yes
@Mr-Kumar-Abhishek
@Fayheim now add the class
function reverseString(str) {
var spArray = str.split();
var rv = spArray.reverse();
var j = rv.join("");
return j;
}
reverseString("hello");
suggest me corrections
@Mr-Kumar-Abhishek how do i add it
or where?
@Fayheim hint:
div with a class<div class="some-class">
@Fayheim classes can be added in element tags or style tags
@Mr-Kumar-Abhishek can you check my code
??
@sukumarkutagulla what is the output ?
hello only
its not getting reversed
like olleh
@Mr-Kumar-Abhishek
<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;
}
.container-fluid {
}
</style>
<div class="container-fluid" <h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></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>
@Mr-Kumar-Abhishek is this correct
however, still get an error
"Make sure you have nested all HTML elements in .container-fluid.
"
"
I'm stuck
Your p element should contain the first few words of the provided kitty ipsum text.
the prblem not closed div
-fluid" <
@Fayheim your missing
> in opening of <div class="container-fluid">
@Mr-Kumar-Abhishek with for loop also it is not getting reversed
@sukumarkutagulla which waypoint ?
248 challenge
@sukumarkutagulla name ?
basic algorithm
@Fayheim pay attention to @Mr-Kumar-Abhishek
Get Set for our Algorithm Challenges
@mihai54321
@Mr-Kumar-Abhishek
Thanks @Mr-Kumar-Abhishek @mihai54321
fayheim sends brownie points to @mr-kumar-abhishek and @mihai54321 :sparkles: :thumbsup: :sparkles:
but this is all still confusing for me
:star: 291 | @mr-kumar-abhishek | http://www.freecodecamp.com/mr-kumar-abhishek
:star: 232 | @mihai54321 | http://www.freecodecamp.com/mihai54321
@sukumarkutagulla just give me the link I am not finding in my map maybe it is a new
ok
@Mr-Kumar-Abhishek you got it??
@sukumarkutagulla yess looking at it
ok
@sukumarkutagulla what is your argument for the
split() function ?
var spArray = str.split();
no argument as we have only one word in the parameter
@sukumarkutagulla you should split as
split('')
@sukumarkutagulla to give indication to split every character
wow got it thanks bro
its working now
thanks to @Mr-Kumar-Abhishek
sukumarkutagulla sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:star: 292 | @mr-kumar-abhishek | http://www.freecodecamp.com/mr-kumar-abhishek
@sukumarkutagulla refer mdn docs how
split() works
i referred but didn't get much idea
from now i will look at it carefully