get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
Waypoint: Add Borders Around your Elements
`
<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: 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">
<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>
`
Hmmm... that was supposed to be a code block.
testing
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
better
`
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
This might sound weird but how do you "unsplit" and array?>
@Absolutestunna .join()
@Absolutestunna
str.split('').join('')
Is there something wrong with my code or a bug in the app? (from Waypoint: Add Borders Around your Elements)
@Absolutestunna Read the following
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
``` ⇦ Type 3 backticks and then press [shift + enter ⏎]
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
@GregFoley :point_up: October 17, 2015 5:34 AM
@hansinla @abhisekp thank you
absolutestunna sends brownie points to @hansinla and @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 540 | @hansinla | http://www.freecodecamp.com/hansinla
:star: 603 | @abhisekp | http://www.freecodecamp.com/abhisekp
It says I haven't given the image border a width of 10px. But it works in Firefox.
<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: 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">
<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>
Awesome, thanks @abhisekp
jauble sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 604 | @abhisekp | http://www.freecodecamp.com/abhisekp
hi all, need a bit of help with how to make this post request correctly http://stackoverflow.com/questions/33178601/getting-and-then-posting-based-on-user-selection
@alanbuchanan
@GregFoley That code is correct, it passes for me. Reset your cache and the code.
@abhisekp I am on the intermediate search and destroy. In this code, the check argument can successfully be replaced with the check argment. However I am unable to join the string bck together after the check
function myReplace(str, check, replacer) {
var wordSlice = str.split(" ");
for (var i=0; i<wordSlice.length; i++){
if (wordSlice[i] === check){
var check = wordSlice[i]
wordSlice.splice(wordSlice.indexOf(check), 1, replacer)
}
}return wordSlice
}
myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
thank you @hansinla
gregfoley sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:star: 541 | @hansinla | http://www.freecodecamp.com/hansinla
@abhisekp I got it..fixed it..thakn you
bf search and destroy
Sorry, can't find a bonfire called search and destroy. [ Check the map? ]
bf search
:fire:Bonfire: Search and Replace :link:
function replace(str, before, after) {
return str;
}
replace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");Perform a search and replace on the sentence using the arguments provided and return the new sentence.
more info:
bf details|bf links|hint
@Absolutestunna You’re redefining
var check = wordSlice[i]
@Absolutestunna Also for code to pass, you cannot change the name of functions.
@abhisekp why did you screenshot that?
@hansinla that "var check" didn't need to be there
I removed
it
Hi, I’m trying to center div’s using this code, but can’t do it
help slasher flick
:point_right: bonfire slasher flick [wiki]
The problem
Return the remaining elements of an array after chopping off n elements from the head. Factorials are often represented with the shorthand notation n!
For example: slasher([1, 2, 3], 2); must return [3]
:pencil: read more about bonfire slasher flick on the FCC Wiki
I've tried everything to get Waypoint: Add Borders Around your Elements to pass. Cleared cache, used a different browser, reset code, hard reload page. It keeps on saying I get setting the image border -width to 10px wrong. I don't know what to do.
Show us your code Greg
<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: 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">
<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>
@GregFoley someone had the same issue yesterday too. I would suggest to just skip it and move on then later come back to finish it after FCC fix it
yeah that looks fine to me
Hmm...that looks good to me.
Works for you guys?
Try this:
border: 10px solid green;
In your class
@GregFoley your code works for me
what browser are you using?
@matty22
same error
same error
@dting Firefox, and I tried Chrome too. On Windows.
@GregFoley the code works for me as well, just pasted in and passed the test
Hmmm... what browser and OS?
Should I submit a but report... haven't done that yet.
Im using Chromium on Arch Linux
working on chrome osx
(bug)
try reseting
the code
err
and hard refreshing
@dting I've tried both a few times.
That's strange, shows solved when I click the link
FreeCodeCamp/FreeCodeCamp#3204
@VeeShostak what browser/os?
@GregFoley
Chrome windows 10
do you scale your browser?
@VeeShostak your link shows all checks green for me
Not sure what scale means.
@dting I got it
I scaled to 100%
and it passed
press view
and click actual size
or control 0 i think on windows. cmd 0 on mac
if you change the zoom on your browser it will change the width of the border
which makes the tests fail
hold ctrl and scroll your mouse track also scales the zoom
@dting amazing spot. thanks
veeshostak sends brownie points to @dting :sparkles: :thumbsup: :sparkles:
:star: 1412 | @dting | http://www.freecodecamp.com/dting
@dting ooohhhhhh right i forgot, i had that problem once. maybe even the same waypoint. funny
I had Windows/Display control panel set to 125% (getting old). I changed it and restarted and now it passes.
Thanks for pointing me in the right direction.
if you want to thank someone, put an @ before their name!
Hi guys! So I've been working on a twitter clone (front-end only for now) www.kinginthenorth.github.io |
However, now I wish to connect it to a backend/database for persistency
Any recommendations?
However, now I wish to connect it to a backend/database for persistency
Any recommendations?
@alanbuchanan :point_up: October 17, 2015 5:38 AM
Because you're top 24% of this year but apparently, you prefer to keep an air of mystery about you. :P
Because you're top 24% of this year but apparently, you prefer to keep an air of mystery about you. :P
@abhisekp i think it just says that for users who don't write a profile?
@alanbuchanan yep! I guess so. But it looks cool in your profile tho. :sunglasses:
help mutations
:point_right: bonfire mutations [wiki]
Problem Explanation:
- Return true if the string in the first element of the array contains all of the letters of the string in the second element of the array..
is ther an easy way to change
[“hello”, “hey”] to [“hello”],[“hey”]
@bkthegeek How about
var newArray = array1.pop()
hello guys
I m working this chapter
the challenge was to Nest your p element inside your div element.
@matty22 yes, that’s what I was looking for
thank you
if you want to thank someone, put an @ before their name!
and I did this <div><p></p></div>
then too its failing test
any idea
hansa can you show us all of your code?
hello guys, having a bit of a problem with Waypoint 39 in Basic Javascript
$($(".slot") [0]).html(slotOne);
$($(".slot") [1]).html(slotTwo);
$($(".slot") [2]).html(slotThree);Is his code correct?
@KofiAkorli try without the space
$($(".slot")[0]).html(slotOne);
$($(".slot")[1]).html(slotTwo);
$($(".slot")[2]).html(slotThree);
// var numbers = [1,2,3];
// console.log(numbers); // logs [1,2,3]
// var removed = numbers.pop();
// console.log(numbers); // logs [1,2]
// console.log(removed); // logs 3
var myArray = ["John", 23, ["cat", 2]];
// Only change code below this line.
myArray = myArray.pop("cat",2);
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]
myArray = myArray.pop("john",23);
// Only change code above this line.
// We use this function to show you the value of your variable in your output box.
// You'll learn about functions soon.
(function(y, z){return 'myArray = ' + JSON.stringify(y) + ' & removed = ' + JSON.stringify(z);})(myArray, removed);
help bb
@meet999 you need to assign the value popped off myArray to removed
currecntly with your code you pop off the last element then assign myRemoved to that changed array
see the example in the comments
where they assign the popped off element to the "removed" variable
@dting yeah, just tried that, still not working
what did you change your code to?
i see
now you have changed myArray into the removed element
the pop function returns the element you removed
and mutates the array you called it on
so if you do myArray = myArray.pop();
myArray has now become the element you popped off. it is no longer the array
i don't know bb
you want to assign that element you popped off to myRemoved not myArray
can i write it ?
var my Array = myArray.pop();?
you cant have spaces in your variable names
why not directly assign the removed variable
removed = myArray.pop("cat",2);
what should i do?
you dont need the arguemnts
var myArray = myArray.pop();
?
removed
which one is right?
not myArray needs to be assigned the result of myArray.pop()
instead of adding a new line
add your function call to the
var removed = array;line
var popped = ("cat",2).pop;
?
var myArray = ().pop?
var removed = myArray.pop();
now you have a variable "removed" set to the element that was popped off myArray
and myArray is mutated by the pop function call
so both of the criteria are met
var myArray = ["John", 23, ["cat", 2]];
// Only change code below this line.
var removed = myArray.pop("cat",2);
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]
var myArray = myArray.pop("John",23)
// Only change code above this line.
// We use this function to show
// Only change code below this line.
var removed = myArray.pop("cat",2);
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]
var myArray = myArray.pop("John",23)
// Only change code above this line.
// We use this function to show
how to remove the "jogn 23
john 23
var removed = myArray.pop("cat",2);
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23] // DELETE THIS
that second line just squashed your assigned variable on the previous line
also pop doesnt take arguments
you dont need call it with "cat", 2
does anyone here feel like looking at my html/css
can't get the banners to line up on the right end.
mostly curious why.
@kahwasaurus sure let's have a look
yeah show it
I'm so confused
@meet999 what are you confused on
@meet999 you dont need to add a value to the pop() method
I have just started here and on 47th task of HTML/CSS track (Waypoint: Style the HTML Body Element) The page seems to be broken.What should I do?
@varunu28 broken how?
can you be more specific?
can u write a answer to me bb
@bruglesco
I'm not smart
@Chimasu
@meet999 What would be the point of us writing the answer? You wouldn't learn anything from it.
removed should only contain ["cat", 2].
how to do the sedound step?
@meet999
pop() on an array removes the last element of the array and returns it.
@KofiAkorli The task asks me to change the background color of the body tag but the text editor is completely blank
@meet999 So all you need to do is pop the value off the array and you're done.
ok
It works now
It works now
@meet999 pop takes no arguments and modifes the array it is called on. It returns the element(s) removed
thanks :)
if you want to thank someone, put an @ before their name!
My codepen project is stuck on a gray screen saying "loading........."
@KofiAkorli Thanks
@camperbot Thank you too for reminding me this :)
@camperbot Thank you too for reminding me this :)
varunu28 sends brownie points to @kofiakorli and @camperbot :sparkles: :thumbsup: :sparkles:
:star: 364 | @camperbot | http://www.freecodecamp.com/camperbot
:star: 169 | @kofiakorli | http://www.freecodecamp.com/kofiakorli
var pop = ("John",23);
?
@meet999 pop is a function of all arrays. You use it like
someArray.pop().
@meet999 It returns a value, which means you can assign it to a new variable:
var someArray = [ 1, 2, 3, 4, 5];
var someResult = someArray.pop()`
// someResult contains 5, the last number on someArray
var removed = myArray.pop();?
no work
@meet999 Read this https://devdocs.io/javascript/global_objects/array/pop
var myArray = ("John",23).pop;
@meet999 did you read the whole pg.?
no
@meet999 read it. There are example too
@meet999
var removed = myArray.pop(); should work, but you may have some other code still there. That needs to be the ONLY code with removed
@meet999 btw, an array is written like this
["John",23] not like this ("John",23)
how to remove the first element?
thats irrelevant for that challenge
var myArray = ["John", 23, ["cat", 2]];
// Only change code below this line.
var removed = myArray.pop("cat",2);
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]
var removed = myArray.pop("John",23);
// Only change code below this line.
var removed = myArray.pop("cat",2);
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]
var removed = myArray.pop("John",23);
nothing should be in the parenthesis of the pop() method
@meet999 did you read the manual pg. I just linked? https://devdocs.io/javascript/global_objects/array/pop
pls read it. It's for your benefit
pls read it. It's for your benefit
@meet999 as i said before
your second line
you are overwriting the variable you set when you repeat them
var removed = myArray.pop("cat",2);
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]
var removed = myArray.pop("John",23);
you just changed removed 3 times
var removed = myArray.pop();
thats it
i did
1 line
not work
@meet999 Share your code again, please
This message was deleted
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
``` ⇦ Type 3 backticks and then press [shift + enter ⏎]
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
@meet999 :point_up: October 17, 2015 8:09 AM
var myArray = ["John", 23, ["cat", 2]];
// Only change code below this line.
var removed = myArray.pop("cat",2);
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]
var removed = myArray.pop();
// Only change code above this line.
// We use this function to show you the value of your variable in your output box.
// You'll learn about functions soon.
(function(y, z){return 'myArray = ' + JSON.stringify(y) + ' & removed = ' + JSON.stringify(z);})(myArray, removed);
// Only change code below this line.
var removed = myArray.pop("cat",2);
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]
var removed = myArray.pop();
// Only change code above this line.
// We use this function to show you the value of your variable in your output box.
// You'll learn about functions soon.
(function(y, z){return 'myArray = ' + JSON.stringify(y) + ' & removed = ' + JSON.stringify(z);})(myArray, removed);
you need to remove the extra lines
which one is extra lines?
// Only change code below this line.
var removed = myArray.pop("cat",2);
var removed = myArray; // This should be ["cat", 2] and myArray should now be ["John", 23]
var removed = myArray.pop();
// Only change code above this line.
1 line- thats it
thats is still 3 assignements
// Only change code below this line.
var removed = myArray.pop();
// Only change code above this line.
remove this one?
var removed = myArray.pop();
no
keep that one
keep that one
remove the other stuff
var myArray = ["John", 23, ["cat", 2]];
// Only change code below this line.
var removed = myArray.pop("cat",2);
var removed = myArray.pop("John",23); // This should be ["cat", 2] and myArray should now be ["John", 23]
// Only change code below this line.
var removed = myArray.pop("cat",2);
var removed = myArray.pop("John",23); // This should be ["cat", 2] and myArray should now be ["John", 23]
damn! :P
...
I suspect we're being trolled.
:trollface: troll problems? notify admins here
@meet999 I don't believe we can help you.
hah
@meet999
Copy paste this
Copy paste this
var myArray = ["John", 23, ["cat", 2]];
// Only change code below this line.
var removed = myArray.pop();
// Only change code above this line.
// We use this function to show you the value of your variable in your output box.
// You'll learn about functions soon.
(function(y, z){return 'myArray = ' + JSON.stringify(y) + ' & removed = ' + JSON.stringify(z);})(myArray, removed);
so is anyone here familiar with media queries?
css that is
@bruglesco what's up with it?
@bruglesco i've dabbled a little
So I wanna do mobile first but at what breakpoint
I know the reason the answers are all so different is because phones are all so different now but I do I figure out what will work for my site
how*
@bruglesco write normal css
Just use @media for > 768px or any other values for larger devices
Just use @media for > 768px or any other values for larger devices
@bruglesco you can google the various widths you need to work with but i suggest you take a look at bootstrap, it makes it waaay easier
@bruglesco or take a look at http://semantic-ui.com
thx
if you want to thank someone, put an @ before their name!
thx @KofiAkorli @abhisekp
@KofiAkorli @abhisekp thanks
bruglesco sends brownie points to @kofiakorli and @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 172 | @kofiakorli | http://www.freecodecamp.com/kofiakorli
:star: 606 | @abhisekp | http://www.freecodecamp.com/abhisekp
@bruglesco put the breakpoints at the resolutions your layout looks ugly or not usable
each layout is different
@jbmartinez kinda what I had in mind
whats the best way to figure that out
@bruglesco resize your browser
Seems too much work? Use a frame-work. ;)
Im avoiding the framework in an effort to learn how this actually works
@bruglesco sure. Then a minimal design will suffice. Not for production
yeah its for the first zipline
@abhisekp resizing your browser isn't very efficient, personally i use the developer tools in chrome and firefox
I figured it would be a suitably small enough piece to practice on
@KofiAkorli how can I use the dev tools to determine break points?
hah nvm
3 secs of toying with it to figure it out
@KofiAkorli k. But Why do you think it as ineffective? Any article or something about it?
@abhisekp it just makes it harder to determine the particular widths to apply the breakpoint fixes to
i use responsivepx or the dev tools in the browsers
@KofiAkorli oh! for developing. I thot for testing.
@KofiAkorli thanks
bruglesco sends brownie points to @kofiakorli :sparkles: :thumbsup: :sparkles:
:warning: bruglesco already gave kofiakorli points
@abhisekp yeah, i actually use it for developing and for testing i open my sites on as many different phones as i can
@bruglesco you're welcome
@KofiAkorli what!!
Did you say many different phones?
Did you say many different phones?
How many do you possess?
@abhisekp yeah, phones and tablets actually, just to make sure it displays well
@KofiAkorli in dev tools or as in hardware?
chrome has quite a few in it dev tools, also i borrow my friends' phones to do testing on
i personally own just one
@KofiAkorli are your friend generous enough to hand over their phone to a web dev? :P
don't they know you break now and then. ;)
If I want to share some javascript, do I just paste it here, or should I share it with the channel via another method?
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
``` ⇦ Type 3 backticks and then press [shift + enter ⏎]
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
@emersonp :point_up: October 17, 2015 8:34 AM
@abhisekp hahaha, they understand
Thanks @abhisekp!
emersonp sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 607 | @abhisekp | http://www.freecodecamp.com/abhisekp
@abhisekp and so long as the phones are still functioning when i hand it over to them they're okay
@KofiAkorli have you ever paid for breaking. No not the CSS ones. :P
So, I've got some javascript problems. I'm working on Zipline Build a Random Quot[ation] Machine.
@emersonp nice. :+1:
Javascript from my CodePen:
function getQuot() {
var quotations = ["We can never give up longing and wishing while we are thoroughly alive. There are certain things we feel to be beautiful and good, and we must hunger after them.@George Eliot#The Mill on the Floss", "How wonderful it is that nobody need wait a single moment before starting to improve the world.@Anne Frank#The Diary of a Young Girl", "There will be little rubs and disappointments everywhere, and we are all apt to expect too much; but then, if one scheme of happiness fails, human nature turns to another; if the first calculation is wrong, we make a second better: we find comfort somewhere.@Jane Austen#Mansfield Park", "Fight till the last gasp.@William Shakespeare#Henry VI, Part One", "Get busy living or get busy dying.@Stephen King#The Shawshank Redemption", "We are all in the gutter, but some of us are looking at the stars.@Oscar Wilde#Lady Windermere's Fan", "The sun himself is weak when he first rises, and gathers strength and courage as the day gets on.@Charles Dickens#The Olde Curiosity Shop", "They wanted to speak, but could not; tears stood in their eyes. They were both pale and thin; but those sick pale faces were bright with the dawn of a new future, of a full resurrection into a new life. They were renewed by love; the heart of each held infinite sources of life for the heart of the other.@Fyodor Dostoevsky#Crime and Punishment"]
quotation = quotations[Math.floor(Math.random() * quotations.length)];
return [quotation.split('@')[0]].concat(quotation.split('@')[1].split('#'))
};
$(document).ready(function() {
var quotSet = getQuot();
$(".random-quotation").text(quotSet[0]);
$(".random-author").text(quotSet[1]);
$(".random-text").text(quotSet[2]);
$(".twitter-share-button").attr("data-text", quotSet[0]);
$(".go").click(function() {
var quotSet = getQuot();
$(".twitter-share-button").attr("data-text", quotSet[0]);
$(".random-quotation").text(quotSet[0]);
$(".random-author").text(quotSet[1]);
$(".random-text").text(quotSet[2]);
});
});
! function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + '://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-wjs');
@emersonp you could've linked to your codepen :(
I'm working on the bonus - add a Twitter button.
OH.
See, that's what I'm talking about!
So.
@abhisekp nope, not yet, and i hope that never happens
@KofiAkorli What about the adage
Break it till you make it.
The Tweet button properly loads when the page does with the quotation, but it doesn't load when the quotation refreshes.
So I'm kind of at a loss.
@emersonp I don't see any issues?
@abhisekp hahaha ... mmm ...don't think i've heard that one before
@KofiAkorli Well, it's actually
Fake it till you make it. ;)
(And by load, I mean the text that the button should tweet.) When the page loads, the tweet text matches the quotation. But if you click new quotation, then the tweet text doesn't match the quotation.
@abhisekp ah yes, that one i know
@emersonp
Get busy living or get busy dying.
That's what it shows everytime
signing out now, it's 3 am here and I need my beauty sleep later @abhisekp
@KofiAkorli oh! I forgot to sleep last night. :P
@KofiAkorli Sleep well. bye :wave: Happy :sleeping:
yeah, i understand life of a coder @abhisekp
:)
@emersonp where are you updating your quotation text in your twitter btn?
@abhisekp - Oh that's weird. For me, I'm getting randomization.
In the javascript of the codepen.
@emersonp anyway, take a look at this https://dev.twitter.com/web/tweet-button/web-intent
Yeah, I got the twitter stuff. I'm able to populate the tweet. It's just not updating after I get a new random quotation.
@emersonp no, I think @abhisekp is saying to go about the tweet in a different way. What you're doing is creating a bunch of i-frames or something like that...that seems to be the issues
@emersonp you're using widgets in an iframe. rt? Well, you can't change codes inside iframes. Restricted by browser due to security vulnerability.
Oh, okay. I'll try plugging away at it. Thanks for the link @abhisekp, and thanks @MattYamamoto.
emersonp sends brownie points to @abhisekp and @mattyamamoto :sparkles: :thumbsup: :sparkles:
:warning: emersonp already gave abhisekp points
:star: 380 | @mattyamamoto | http://www.freecodecamp.com/mattyamamoto
oh yeah, I shouldn't have said a bunch of iframes... you have an iframe
@emersonp Create your button using https://dev.twitter.com/web/tweet-button/web-intent
as @MattYamamoto puts it — in a different way ;)
as @MattYamamoto puts it — in a different way ;)
haha...yup. @emersonp it's super easy that way.
Oh. CodePen doesn't allow window.open(). Right. Of course.
Zipline completed. Thank you everybody.
if you want to thank someone, put an @ before their name!
@emersonp what JavaScript framework are you using?
@levyian emersonp's pen http://codepen.io/emersonp/pen/dYZXBg
@emersonp it seems you've not put much effort in your quote machine. Why not improve it?
@abhisekp ah ok. Thanks for sharing
levyian sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 608 | @abhisekp | http://www.freecodecamp.com/abhisekp
@abhisekp is there any way to .shift() where the number at index 1 moves to index 0?
@Jauble well, that's the
shift. Isn't it?
@Jauble or do you wanna rotate?
@Jauble
var arr = [2, 5, 6];
arr.push(arr.shift()) && arr;
// [5, 6, 2]
arr.push(arr.shift()) && arr;
// [6, 2, 5]
arr.push(arr.shift()) && arr;
// [2, 5, 6]
@abhisekp what's the && arr?
@Jauble as you know, the
And as you know the
In this case, it's bogus.
shift method returns the popped out value, we push the returned value in by passing it to arr.push method.And as you know the
push method returns the length of the array, we can't assign it to anything and if we want to assign, then we must return the modified array. Hence, the && arr ensures that I evaluate the 2nd operand of && which will make the output of the whole expression as the arr itself.In this case, it's bogus.
@abhisekp I don't know what's going on lol. It doesn't seem like it's working right in what i'm working on, but when I just tried it by itself, it does "shift" it over.
@Jauble :point_up: October 17, 2015 10:40 AM Updated
I think I'm just too tired to be working on this right now lol
@Jauble I explained with all zeal and you say you're tired?
That's disappointing. :(
That's disappointing. :(
:P
@abhisekp Sorry :worried: lol
@Jauble no worries. Just kidding. :D
@abhisekp Ya I know :P. I got my function working too. The problem wasn't with shift after all lol
tax
if you want to thank someone, put an @ before their name!
@qualitymanifest what you doing? It's not resolved. The admin is on vacation. :P
lolz
@abhisekp oh i was just testing that out to see if it was fixed. so you've done a PR then, it just hasn't been added yet?
@qualitymanifest i've not done a PR yet bcoz the regex I found was flawed. And moreover, dcsan is on vacation out to Japan. (i dunno if he returned yet!). But we have some other open PRs which needs to be merged.
@abhisekp right, i remember you said something about it, like it caused the bot to freeze?
@qualitymanifest sometimes, it caused the bot to end abruptly but I'm not sure if regex is the issue. And moreover, the regex i created is flawed i.e. it doesn't work properly for
tq
@abhisekp ah. yeah i still need to figure out how to run gitterbot on my computer so i can test things out. i read through the installation instructions at https://github.com/dcsan/gitterbot but only got as far as installing node and npm before getting distracted. maybe tomorrow i'll get it set up. it's bed time though. night!
bf chunky
:fire:Bonfire: Chunky Monkey :link:
function chunk(arr, size) {
// Break it up.
return arr;
}
chunk(['a', 'b', 'c', 'd'], 2);Write a function that splits an array (first argument) into groups the length of size (second argument) and returns them as a multidimensional array.
more info:
bf details|bf links|hint
bf details
:fire:Bonfire: Chunky Monkey :link:
function chunk(arr, size) {
// Break it up.
return arr;
}
chunk(['a', 'b', 'c', 'd'], 2);Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
links:
@haribol007 :point_up: October 17, 2015 11:32 AM
@abhisekp Thanks Abhisekp
haribol007 sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 609 | @abhisekp | http://www.freecodecamp.com/abhisekp
Has anyone else had issues with windows 8? My phone screen is all white and the instructions with the check marks are missing... any thoughts?
That's how they get you to upgrade to windows 10 lol
that didn't work either, I got some error with no resolution!
I dunno, sorry :worried:
I just need to throw this thing out the window! thanks tho!
if you want to thank someone, put an @ before their name!
lol np
does anyone wanna pair?
I have a problem - none of my solutions (bonfires and waypoints) will show properly. I am only able to see the first two lines of code. Is there a known fix for this?
@MeghanG Is it an issue with the OS or the browser?
i always have to put my cursor at the end and hit enter then ithe rest shows up
Anyone know where i messed up?
@levyian I'm thinking it's a browser issue. I'm currently updating so that might fix it.
@jlbelljr do you mean the end of the code in the editor? or the end of the code in the address bar? (neither works so far)
@MeghanG ah ok. Let me know how is goes and I'll try to help further.
@levyian in the code editor when it loads a new waypoint sometimes there is just a line or two there and the rest wont load til i actually click in the box and hit enter....then the rest appears...its weird but thats how it works for mine
@levyian and i am using opera
@jlbelljr It seems to be a browser issue. I tried chrome and it worked fine but wouldn't in firefox. Thanks for the pointer
levyian sends brownie points to @jlbelljr :sparkles: :thumbsup: :sparkles:
:star: 110 | @jlbelljr | http://www.freecodecamp.com/jlbelljr
sweet thanks @levyian
@JoelLindsey You should return that code you wrote
instead of Math.random();
@dting oh so put myFunction instead?
@JoelLindsey you should save the logic inside a variable, then return the variable
@JoelLindsey no.
you have an expression that is evaluated that isnt assigned to anything or returned.
The code you added gets run but you dont do anything with it
they want you to return the result of that code you added instead of Math.random(); (The original return statement)
@dting oops something happend messed everything up
try resetting the code
oh @dting It worked now Thanks
joellindsey sends brownie points to @dting :sparkles: :thumbsup: :sparkles:
:star: 1415 | @dting | http://www.freecodecamp.com/dting
hey people help me out
question: See if you can keep myBike.speed and myBike.addUnit private, while making myBike.getSpeed publicly accessible.
my code:
// Only change code below this line.
this.speed;
function addUnit(value) {
return value + "KM/H";
}
public Bike.getSpeed = function () {
return addUnit(speed);};
};
// Only change code above this line.
@AromaR try posting the whole code for context (not just the part you edited)
help code 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
``` ⇦ Type 3 backticks and then press [shift + enter ⏎]
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
code format
help
Hi, I'm CamperBot! I can help you in this chatroom :smile:
Basic Commands:
find TOPICfind all entries about topic. ex:find jswiki TOPICshow contents of topic pagethanks @usernamesend brownie points to another userabout @usernameshows info on that userbonfire BONFIRENAMEinfo on a bonfire
:speech_balloon: meet CamperBot in this room!
...
//Let's create an object with two functions. One attached as a property and one not.
var Car = function() {
this.gear = 1;
function addStyle(styleMe){
return 'The Current Gear Is: ' + styleMe;
}
this.getGear = function() {
return addStyle(this.gear);
};
};
var Bike = function() {
// Only change code below this line.
this.speed;
function addUnit(value) {
return value + "KM/H";
}
public Bike.getSpeed = function () {
return addUnit(speed);};
};
// Only change code above this line.
var myCar = new Car();
var myBike = new Bike();
if(myBike.hasOwnProperty('getSpeed')){(function() {return JSON.stringify(myBike.getSpeed());})();};
...
//Let's create an object with two functions. One attached as a property and one not.
var Car = function() {
this.gear = 1;
function addStyle(styleMe){
return 'The Current Gear Is: ' + styleMe;
}
this.getGear = function() {
return addStyle(this.gear);
};
};
var Bike = function() {
// Only change code below this line.
this.speed;
function addUnit(value) {
return value + "KM/H";
}
public Bike.getSpeed = function () {
return addUnit(speed);
};
};
// Only change code above this line.
var myCar = new Car();
var myBike = new Bike();
if(myBike.hasOwnProperty('getSpeed')){(function() {return JSON.stringify(myBike.getSpeed());})();};
@levyian the update failed again so im thinking its the os...
@AromaR you can make the properties private by replacing them with
var something = ... instead of this.something = ...
what about making them public?
@AromaR for
.getSpeed to be public you should use this.getSpeed (Iwithout thepublic`)
(the ones you are making private where already public, for example
@MeghanG as in you were able to update but it didn't fix the issue?
@levyian the update failed.
@MeghanG hmm, ok lets do private chat since its not specific to programming
ok, great!
Having trouble with the Chunky Monkey exercise
function chunk(arr, size) {
// Break it up.
var newArray = [];
var subArray = [];
var cursor = 0;
for (var i = 0; i < arr.length; i++){
if(subArray.length < size){
subArray.push(arr[i]);
}else{
newArray.push(subArray);
subArray = [];
}
}
return newArray;
}
chunk(["a", "b", "c", "d"], 2);
@celsom3 try
if(subArray.length <= size)
as you're iterating through I think you're skipping a value when you go through the
} else {
i <= arr.length
and have a
subArray.push(arr[i]); at the end of the } else {
yep, @alexhudici is right, try
subArray = [arr[i]];
I think
subArray = [arr[i]]; will reinitialize subArray with an array containing only what is in arr[i]
@alexhudici yes, that's what it supposed to do - enter that skipped value into the subArray
@celsom3 you arent pushing last chunk of data, all chunks are in newArray but the last one stays in subArray because your iteration stops at if (if arr.length % size === 0)
CAN any one help me with this question?
var Car = function() {
this.gear = 1;
function addStyle(styleMe){
return 'The Current Gear Is: ' + styleMe;
}
What I would like to know is what function does “this” have?
I completed it but still don’t know what this does or do.
@lionelx1 "this" represents the object itself.
this.gear refers to the gear property of whichever object contains that code. outside of the object definition, you would access it via Car.gear,
thanks @jedpimentel
lionelx1 sends brownie points to @jedpimentel :sparkles: :thumbsup: :sparkles:
:star: 367 | @jedpimentel | http://www.freecodecamp.com/jedpimentel
function palindrome(str) {
// Good luck!
str = str.replace(/(.)/g,'')
str = str.toLowerCase().replace(/[\s,._-]+/g,'')
str2 = str.replace(/(.)/g,'')
str2 = str.toLowerCase().replace(/[\s,._-]+/g,'').split('').reverse().join('')
if (str === str2) {
return true;
}
else {
return false;
}
}
It works but there has to be a way to do this in a single regular expression, anyone that can point me in the right way?
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
``` ⇦ Type 3 backticks and then press [shift + enter ⏎]
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
@SparksMKII if I'm thinking right, I don't think you actually need the regex for the str2 var, since it's already been processed/filtered in the str var
You're absolutely right although the problem is I couldn't figure out how to remove the parenthesis within the same regex so that still persists now
I used str.replace(/\W/gi,"") for mine, but there seems to be a new test case which it fails
it's probably since it doesn't filter the underscore
@SparksMKII
So to also discard underscore
\W = [^A-Za-z0-9_]So to also discard underscore
_, use \W_
@SparksMKII you can otherwise write it as
[^A-Za-z0-9] but that's too cumbersome.
Still better then what I came up with at first ;)
@SparksMKII but you should use a character class to discard one of
\W or _ i.e. [\W_] or w/o character class \W|_.
yea that makes much more sense thanks @abhisekp
sparksmkii sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 612 | @abhisekp | http://www.freecodecamp.com/abhisekp
@SparksMKII hence, the total thing is
str.replace(/\W|_/g, '')
I am trying to setup for basejump in cloud9 but my installation process gets killed. Pls help
@iamads which step?
@levyian After yo angular-fullstack
@iamads the new version of yo angular-fullstack doesnt play nice with the free version of c9
@dting What should I do?
@iamads This is a known issue. The plan is to use Clementine instead of Yoeman
you can do your project locally
@iamads This is what i did. in the meantime. It's long, but got the job done. FreeCodeCamp/FreeCodeCamp#3638
- delete the entire node_modules folder
- edit package.json file and remove all Dev-dependencies and 80% regular dependencies
- re-add 4-5 dependencies (then finally Dev-dependencies) at a time
- run npm install
- repeat step 3 & 4 until all dependencies are installed
@levyian trying this
thanks @levyian
iamads sends brownie points to @levyian :sparkles: :thumbsup: :sparkles:
:star: 321 | @levyian | http://www.freecodecamp.com/levyian
@iamads yeah no problem. hope it works out
hey can anyone help me with this i cant get the buttons to line up on the same line using bootstrap
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
it cant be all six
@CBell21985 try col-xs-4 instead
on bootstrap the grid is max of 12 per row, per line
in this case you are adding 6 + 6 + 6, which is greater than 12
ok thanks @mini890
cbell21985 sends brownie points to @mini890 :sparkles: :thumbsup: :sparkles:
:star: 116 | @mini890 | http://www.freecodecamp.com/mini890
wiki 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
``` ⇦ Type 3 backticks and then press [shift + enter ⏎]
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
Hi there, I'm stack at the Q 158 not sure how to define slotOne as a random number. I am using : return Math.floor(Math.random()*(3-1+1))+1; Thanks!
Why the return? Do you have an inner function there?
And what is the waypoint exactly (specified by name)? "Q 158" is no coordinate system I am aware of.
Oh yes, sorry about that, Create a Java Script Slot Machine
Are you talking about Basic JavaScript's 37th waypoint "Create a JavaScript Slot Machine"? There, only simple assignments are needed. Three lines, nearly identical, assigning to the three slot variables.
Yes, I know it is simple, but I am a bigginer so not so simple for me.
return would end the current function and give the parameter as the return value. Instead, you want to assign to those variables. What does your code (between the two lines "below this line" and "above this line") look like?
You mentioned being a beginner, but you do know what an assignment is, yes?
I'll try to figure it out.
try to put the stuff after the * inside the math.random brackets
whoops... synch issue
using jQuery instead of Angular.
I can't see any of the output boxes used to display how the code works, once correctly entered. Help!
Hey @jonnykanai could you add more details? what do you mean by output boxes?
@jonnykanai ???
@jonnykanai are you in the bonfire?
Can anyone help me with Waypoint: Make Instances of Objects with a Constructor Function
I don't quite understand the concept of the constructor function and how to use it
there is no example in the instruction panel on the left
@jimillett the construction function is an function that act as class, first it doesn't return anything (using return keyboard) so it must be constructed (instantiated - created) using " new" keyword , and when you create an variable using a new keyword followed by the class name you have created an "object"
check this https://www.youtube.com/watch?v=uyQswHuk3cA
having trouble with git:
git push origin <BRANCHNAME>
ok thanks @josephwasily I'll give it a shot.
@samosale did you do this? https://help.github.com/articles/generating-ssh-keys/
@samosale the problem is with the link, it returned 403 error
Having trouble with my comp. Gonna do full sys backup. But I want to backup all my .dotfiles. I have some dotfiles such as .env that contain API keys etc. I've checked out https://dotfiles.github.io/ But not sure where, if anywhere online, I should backup my keys. Of course not check-into repo. Any ideas?
@josephwasily the link may be fine, 403 means unauthorized. Github requires SSH keys to pull from repo via ssh. Username and Password will work if you use HTTP link instead. But then you won't be able to push. @samosale. For reference: 10.4.4 403 Forbidden
"The server understood the request, but is refusing to fulfill it. Authorization will not help and the request SHOULD NOT be repeated. If the request method was not HEAD and the server wishes to make public why the request has not been fulfilled, it SHOULD describe the reason for the refusal in the entity. If the server does not wish to make this information available to the client, the status code 404 (Not Found) can be used instead."
@lacostenycoder thanks, my fault!
josephwasily sends brownie points to @lacostenycoder :sparkles: :thumbsup: :sparkles:
:star: 203 | @lacostenycoder | http://www.freecodecamp.com/lacostenycoder
@lacostenycoder I am trying to follow the instructions from the link. brb
@samosale I don't know what is my key, when github ask me to enter
@samosale @josephwasily If you want to simply pull from a repo, you can toggle the git repo link to copy via https:
@lacostenycoder is my key
Agent pid 3187
no
@samosale from terminal type: ls -la .ssh
you need id_rsa and id_rsa.pub
@samosale PID is the process ID running on your system
i got this
what repo are you trying to pull from?
hey all, i'm on the exercise to change the colored text based on creating a css class and I've done everything right but the i'm not able to proceed further
do you guys think its an error in the website?
@samosale actually, if you're trying to push your local master branch to your github repo, you should type: git push origin master
@lacostenycoder I am trying to follow this exercises http://jlord.us/git-it/challenges/branches_arent_just_for_birds.html
I am stuck in the last chalenge to push my update to My fork
assuming you've already setup your repo on Github
@lacostenycoder it says that i should push to my fork
@samosale do you have a Github account?
@lacostenycoder yes
@josephwasily this is my first attempt but it didn't work... what am I doing wrong
var Car = function() {
this.wheels = 4;
};
// Only change code below this line.
var myCar = new Car();
var Const = function () {
this.engines = 1;
where did you fork from?
@samosale and you are on a branch "samosale"?
@lacostenycoder don't know. @Takumar Yes I was
@samosale type: git branch
paste what it says
also: git remote -v
@samosale you should have branch "add-samosale" I think.
following convention mentioned in this step.
following convention mentioned in this step.
@jimillett add my name in pair programming
@lacostenycoder should I first go to folder patcwork, bc I cd .. from there
@josephwasily sorry how do I do that?
var Car = function() {
this.wheels = 4;
};
// Only change code below this line.
var myCar = new Car();
//Add the property "engines" to myCar, and make it a number.
myCar.engines = 4;
// Only change code above this line.
(function() {return JSON.stringify(myCar);})();
@Takumar are you shoure is add-samosale or just samosale
@samosale you should be in the same folder where your .git file was setup when you did git init
or if you did not init locally and cloned from a remote repo, then got to that folder
@samosale quotation from your exercise: "Create a branch and name it "add-<username>", where 'username' is your username."
@Takumar I typed
git branch samosale
ok I see but I thought you were supposed to use the Const function is the
new car() the Const?
@lacostenycoder i am there
what do you see when you type: git branch
@samosale also when you type: git remote -v
@lacostenycoder
gh-pages
gh-pages
- samosale
@samosale I'm not sure if it will pass, I think that I made similar "mistake" writing only my username as name of branch and it didn't pass.
@lacostenycoder
origin https://github.com/jlord/patchwork (fetch)
origin https://github.com/jlord/patchwork (push)
upstream https://github.com/jlord/patchwork.git (fetch)
upstream https://github.com/jlord/patchwork.git (push)
origin https://github.com/jlord/patchwork (fetch)
origin https://github.com/jlord/patchwork (push)
upstream https://github.com/jlord/patchwork.git (fetch)
upstream https://github.com/jlord/patchwork.git (push)
@Takumar I am sure it is it. I will try that. tnx @Takumar and @lacostenycoder
samosale sends brownie points to @takumar and @takumar and @lacostenycoder :sparkles: :thumbsup: :sparkles:
:star: 204 | @lacostenycoder | http://www.freecodecamp.com/lacostenycoder
:star: 499 | @takumar | http://www.freecodecamp.com/takumar
:star: 499 | @takumar | http://www.freecodecamp.com/takumar
@samosale i had the same thing, it should pass right not
@josephwasily how do you use pair programming? I got past that waypoint but for future info if someone else asks me to do that how do I do that?
@samosale you have not added YOUR repo as a remote branch
your origin and upstream both point to the original master, not YOUR fork.
Unless you are jlord
@jimillett some use screenhero.. others use teamviewer.. and others use some online collaborative platform like cloud9 or nitrous
@moigithub Oh ok thanks I am familiar with teamviewer
jimillett sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star: 377 | @moigithub | http://www.freecodecamp.com/moigithub
I thought it was something built in to gitter or FCC..
@samosale do: git remote rm origin
then: do git remote add origin git@github.com:samosale/patchwork.git
or whatever you correct repo is
upstream is the convention to use when you are working on a fork from someone else's public master. You use "upstream" to refer to their master. Then you use "origin" to refer to YOUR fork where you will push your changes to.
the idea is that you never touch someone else's repo directly. Rather you fork it, create your own public repo. Then do pull request if you want the owner to pull in your contributions from your fork.
@lacostenycoder is this correct
after.com it should be / right?
after.com it should be / right?
git remote add origin git@github.cm/add-samosale/patchwork.git
it looks like your username on github is samosale
@lacostenycoder yes
so get rid of "add-"
also you need .com not .cm
@lacostenycoder I have already done that in previous exercise
fatal: remote origin already exists.
you must remove origin first as i said
git remote rm origin
@lacostenycoder ok i have done that
should I start from the begining?
ok then add your repo as origin
did you add your repo as origin?
@samosale type: git remote add origin git@github.com:samosale/patchwork.git
@lacostenycoder i have done that
now what
?
@samosale
now you should be able to push
git push origin "whatever your branch is"
git push origin "whatever your branch is"
if your current branch is "samosale" then you would type:
git push origin samosale
i got "git@github.com/josephwasily/patchwork.git' does not appear to be a git repository"
@lacostenycoder Maybe I wrote wrong with this "add-username", but in this tutorial in chapter 8 there is reporobot which works on a file "add-username.txt" in repository and maybe it checks if branch is in form of "add-username" or only checks filename. @samosale please write if you manage to do it with branch "samosale".
@lacostenycoder I have threee of them
darko@android-c5e6e6764297878 ~/patchwork $ git branch
darko@android-c5e6e6764297878 ~/patchwork $ git branch
- add-samosale
gh-pages
samosale
@lacostenycoder thanks
josephwasily sends brownie points to @lacostenycoder :sparkles: :thumbsup: :sparkles:
:warning: josephwasily already gave lacostenycoder points
@samosale i don't know where you are in lesson but once you have set up your remote origin on github and have added it to your local git repo, you can push any branch you are currently working on
the dot indicates the local branch you are currently in
but you can push any branch you like
Any Ideas why I cannot copy and paste in my Javascript box?
@josephwasily you're welcome. That freebie is pretty good and will give you a decent understanding of git.
@lacostenycoder
darko@android-c5e6e6764297878 ~/patchwork $ git push origin samosale
fatal: 'git@github.com/samosale/patchwork.git' does not appear to be a git repository
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.
@samosale is this you? https://github.com/samosale
@lacostenycoder yes
did you set up your SSH keys on Github?
@lacostenycoder no, bc i dont know my keys
Hey everyone :smile: ... I'm stuck at Bonfire: truncate a string ..
My code till now :
My code till now :
function truncate(str, num) {
if(str.length <= 3) {
str= str.split('').splice(0,num).join("");
str+= "...";
return str;
}else {
str= str.split('').splice(0,num-3).join("");
str+= "...";
return str;
}
}
@lacostenycoder I was thinking that you take remote control on my comp via teamviewer
we can try
@samosale what's your id?
@samosale have you checked that after operations suggested by @lacostenycoder you have good configuration of your remote repository? Maybe run again:
git remote -v and see if both for fetch and push are set to your repository: "https://github.com/samosale/patchwork.git"
@designviacode check this
function truncate(str, num) {
// Clear out that junk in your trunk
if(str.length>num){
return str.slice(0,num-3)+"...";
}
else {
return str;
}
};
truncate("A-tisket a-tasket A green and yellow basket", 11);
@Takumar shouldn't the origin be the link of the original github repos (a.k.a jlord's patchwork)?
@josephwasily aaahh.. thanks :smile: :clap:
designviacode sends brownie points to @josephwasily :sparkles: :thumbsup: :sparkles:
:star: 159 | @josephwasily | http://www.freecodecamp.com/josephwasily
@josephwasily no origin is default name for remote repository.
Has anyone set up angular-fullstack on c9.io recently? The basic vm keeps running out of memory during npm install
@lacostenycoder asked @samosale for showing her configuration:
origin https://github.com/jlord/patchwork (fetch)
origin https://github.com/jlord/patchwork (push)
upstream https://github.com/jlord/patchwork.git (fetch)
upstream https://github.com/jlord/patchwork.git (push)
so as you see you have declared here alias: "upstream" which should show original repository from which @samosale forked.
origin https://github.com/jlord/patchwork (fetch)
origin https://github.com/jlord/patchwork (push)
upstream https://github.com/jlord/patchwork.git (fetch)
upstream https://github.com/jlord/patchwork.git (push)
so as you see you have declared here alias: "upstream" which should show original repository from which @samosale forked.
i have removed the older origin
git remote remove origin
and then : git remote add origin https://github.com/josephwasily/patchwork.git
and then git push origin add-josephwasily
and it worked fine
@josephwasily congratulations!
@lacostenycoder @samosale have you managed to finish this Git-it challenge? What was the problem finally?
Hey Guys. I was working on the Bonfire, Factorialize. I managed to solve it using a loop, and was wondering if that was the only real way to do it? My code is
function factorialize(num) {
var sum = num
for (var i=1; i<(num) ; ++i) {sum = (sum*i)}
if (sum>0) {return sum;}
else {return 1}
;
}
factorialize(5);
I initially tried using an array but that fell flat pretty quickly.
@Garanimal if you want to make it shorter, think if you know something called: "recursion".
@Takumar I'll check it out. I'm very new to all of this, just figured I would give it a shot, kinda got hooked.
Recursion is when you call your function inside your function. You can use it here for sure.
Yeah I see how that would have been helpful. I'm actually a high school math teacher so this one was interesting. Recursion makes sense now that I'm looking at it. I guess I kind of accomplished that with the loop
@Garanimal sorry for trying to explain recursion to mathematician with my broken English :-) I may give small correct to your code because I have never seen that someone put variable alone in parentheses:
i<(num) these parentheses are not needed for sure (but of course they are not bug.
@Takumar the problem was with the SSH keys not set up correctly
haha no problem @takumar thanks for the suggestion!
garanimal sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 502 | @takumar | http://www.freecodecamp.com/takumar
@lacostenycoder so as you thought earlier, problem with SSH. Good you found it.
yep
@Takumar @lacostenycoder Hey it wont verify when type git-it verify. Wait to send pictures
When I am on branch samosale this is the error:
When i change via
git checkout add-samosale, i get this
@samosale can you do git remote -v and send screenshot of the list
?
@takumar I found another way to do it!
function factorialize(num) {
var array =[1]
for (var i=1; i<=num; i++) {array.push(i)}
var arrayFact = array.reduce(function(prev,curr){return prev*curr;});
return arrayFact
;
}
factorialize();
@Garanimal very nice one, and great idea !
you need to remove the origin
the factorialize at the bottom?
use : git remote remove origin
I dont know what that is im sorry
@Garanimal oh sorry i am speaking with @samosale
oh haha ok
/ var ourDog = {
// "name": "Camper",
// "legs": 4,
// "tails": 1,
// "friends": ["everything!"]
// };
// ourDog.bark = "arf!";
// delete ourDog.tails;
var myDog = {
"name": "Camper",
"legs": 4,
"tails": 1,
"friends": []
};
// Only change code below this line.
// Let's add the property bark to myDog
bark.myDog =
// Now delete the property tails
delete.bark myDog
// Only change code above this line.
// We use this function to show you the value of your variable in your output box.
(function(z){return z;})(myDog);
@Garanimal your code is interesting though
help
Hi, I'm CamperBot! I can help you in this chatroom :smile:
Basic Commands:
find TOPICfind all entries about topic. ex:find jswiki TOPICshow contents of topic pagethanks @usernamesend brownie points to another userabout @usernameshows info on that userbonfire BONFIRENAMEinfo on a bonfire
:speech_balloon: meet CamperBot in this room!
@meet999 what is your problem exactly?
@josephwasily @lacostenycoder @Takumar tnx all it works now!
samosale sends brownie points to @josephwasily and @lacostenycoder and @takumar :sparkles: :thumbsup: :sparkles:
:star: 205 | @lacostenycoder | http://www.freecodecamp.com/lacostenycoder
:star: 503 | @takumar | http://www.freecodecamp.com/takumar
:star: 161 | @josephwasily | http://www.freecodecamp.com/josephwasily
Can some one help me with http://www.freecodecamp.com/challenges/bonfire-factorialize-a-number ?
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
Bonfire Where art thou
:fire:Bonfire: Where art thou :link:
function where(collection, source) {
var arr = [];
// What's in a name?
return arr;
}
where([{ first: 'Romeo', last: 'Montague' }, { first: 'Mercutio', last: null }, { first: 'Tybalt', last: 'Capulet' }], { last: 'Capulet' });Make a function that looks through a list (first argument) and returns an array of all objects that have equivalent property values (second argument).
more info:
bf details|bf links|hint
@cooljoe21 @Garanimal can help right now
@cooljoe21 he just solved it
@cooljoe21 what are your thoughts so far. How are yo uapproaching it?
@camperbot container-fluid
I have taken many different approaches and now I am a bit lost...
@cooljoe21 show me your code. The biggest issue is dealing with the different numbers
container-fluid is a div container that makes all its child elements responsive with screen size
@josephwasily But if I want to use them later, should i remember all that names of classes?
function factorialize(num) {
return num;
}
factorialize(5!);
5! = 1*2*3*4*5 = 120:bulb: to format code use backticks! ``` more info
@cooljoe21 Your function is wrong
function factorialize(num){
var result=1;
for(var i=1;i<=num;i++)
{
result*=i;
}
return result
var result=1;
for(var i=1;i<=num;i++)
{
result*=i;
}
return result
}
@cooljoe21 Ok, you don want to chance the factorialize(5), the function above is pulling "num" directly from what you have in the parenthesis of your bottom factorialize
@cooljoe21 the number keeps growing multiply by a decreasing factor so 5 is timed by 4 again by 3 untill it reaches 1
thats the idea of factor number
you can do it by two ways (three counting @Garanimal invention !)
either a loop
or recursion
right, you cannot actually put in 54321 because that will not work when you put in 20
ok thank you @josephwasily @Garanimal and @saifcoding! I will try all that :smile:
cooljoe21 sends brownie points to @josephwasily and @garanimal and @saifcoding :sparkles: :thumbsup: :sparkles:
:star: 178 | @garanimal | http://www.freecodecamp.com/garanimal
:star: 80 | @saifcoding | http://www.freecodecamp.com/saifcoding
:star: 162 | @josephwasily | http://www.freecodecamp.com/josephwasily
You welcome, keep coding :) better to try it and fail then other things, then you will remember the right solution @cooljoe21
recursion :
function factor(num){
if (num == 1){
return 1;
}
else {
return num*factor(num-1);
}
}
@josephwasily what if num<1??
@saifcoding the function should blow up !
:D
add if(num<1) return 0;
and without else because not needed :)
factor of negative number is undefined i should return "please read your math book" :D
what syntax would you use to give an img element to give it a css class? #suchanoob lol
you need to use jquery
$("img").css("property","value");
@sergistud have you learn about jquery yet?
no.. currently learning html/css on freecodecamp
Waypoint: Size your Images
CSS has a property called width that controls an element's width. Just like with fonts, we'll use px (pixels) to specify the image's width.
For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use: <style> .larger-image { width: 500px; } </style>.
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.
Your img element should have the class smaller-image.
Your image should be 100 pixels wide.
Your image should be 100 pixels wide.
those are my instructions
<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">
<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>
@sergistud then add in HTML: <img src="link to img here" class="class-name"> and in CSS use: .class-name { color: red }
color is bad idea for image
add width: 100px;
got it now.. i couldn't figure out where to apply the class properly. thank you @saifcoding
sergistud sends brownie points to @saifcoding :sparkles: :thumbsup: :sparkles:
:star: 85 | @saifcoding | http://www.freecodecamp.com/saifcoding
bonfire Spinal Tap Case
:fire:Bonfire: Spinal Tap Case :link:
function spinalCase(str) {
// "It's such a fine line between stupid, and clever."
// --David St. Hubbins
return str;
}
spinalCase('This Is Spinal Tap');Convert a string to spinal case. Spinal case is all-lowercase-words-joined-by-dashes.
more info:
bf details|bf links|hint
hint
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
@h4r1m4u did you need help with Spinal Tap?
@catapixel thanks for asking. i'm good
h4r1m4u sends brownie points to @catapixel :sparkles: :thumbsup: :sparkles:
:star: 469 | @catapixel | http://www.freecodecamp.com/catapixel
Thanks @marzelin , @alexhudici, and @kmiasko for the help. Kmiasko's comment I wasn't pushing the last chunk made me see that when if statement's condition ran false, it went to the else block but I wasn't doing anything with that data, just pushing the subArray to the newArray, and re-initiliazing it, but didn't do anything with that data in that specific iteration. Anyways, here is what worked for me:
function chunk(arr, size) {
// Break it up.
var newArray = [];
var subArray = [];
for (var i = 0; i < arr.length; i++){
if(subArray.length < size){
subArray.push(arr[i]);
}else{
newArray.push(subArray);
subArray = [];
subArray.push(arr[i]);
}
}
newArray.push(subArray);
return newArray;
}
chunk(["a", "b", "c", "d"], 2);celsom3 sends brownie points to @marzelin and @alexhudici and @kmiasko :sparkles: :thumbsup: :sparkles:
:star: 206 | @kmiasko | http://www.freecodecamp.com/kmiasko
:star: 49 | @alexhudici | http://www.freecodecamp.com/alexhudici
:star: 359 | @marzelin | http://www.freecodecamp.com/marzelin
help seek and destroy
:point_right: bonfire seek and destroy [wiki]
Explanation:
This problem is a bit tricky because you have to familiarize yourself with Arguments, as you will have to work with two or more but on the script you only see two. Many people hardcode this program for three arguments. You will remove any number from the first argument that is the same as any other other arguments.
:pencil: read more about bonfire seek and destroy on the FCC Wiki
Can anyone perhaps clarify if it matters if I'm consistent in what browser or machine I do these lessons on? I did all the HTML5/CSS waypoints in Firefox and started the Bootstrap stuff there and then switched over to Chrome, and in Chrome, the map shows me as having completed up through the second Bootstrap waypoint but when I go to any of the ones I've done already, it shows the tasks as uncompleted. That seems less than ideal.
@stevereally that is because you have stored results in firefox cache(localStorage/memory).
actually your results are stored in url. It is better to ask @SaintPeter , @dting @abhisekpish
@stevereally Don't know if it work but try to update portfolio from github. Just click on your image on the website, you should see the button there.
bf dna
:fire:Bonfire: DNA Pairing :link:
function pair(str) {
return str;
}
pair("GCG");The DNA strand is missing the pairing element. Match each character with the missing element and return the results as a 2d array.
more info:
bf details|bf links|hint
hint
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
"Add an i element with the classes fa and fa-thumbs-up."
how do i do this ?
add a class
like class="fa fa-thumbs-up"
Thanks, @samosale and @mini890. I appreciate the clarifications. The portfolio point turned out to be especially helpful. Clicking "View my solution" for any one of the challenges then updated how it shows when I later click on it from the map. So it looks like what the map knows about my having solved a given thing or not is dependent on the browser cache, but the portfolio knows independently of that, which is reassuring.
stevereally sends brownie points to @samosale and @mini890 :sparkles: :thumbsup: :sparkles:
:star: 174 | @mini890 | http://www.freecodecamp.com/mini890
:star: 387 | @samosale | http://www.freecodecamp.com/samosale
thanks man, I didn't add "
if you want to thank someone, put an @ before their name!
@mini890 thanks man
shehannf sends brownie points to @mini890 :sparkles: :thumbsup: :sparkles:
:star: 175 | @mini890 | http://www.freecodecamp.com/mini890
does chrome have an enableable menu for fullscreen?
try pressing F11???
don't know if that's what you want.
I want to see at least the menu button on fullscreen
don't know sorry. I don't think it has, but I mostly use firefox so...
@mini890 it's ok thanks
philandy sends brownie points to @mini890 :sparkles: :thumbsup: :sparkles:
:star: 176 | @mini890 | http://www.freecodecamp.com/mini890
hello guys :D
can someone help me
What's your question and can you post your code? @IvoJercic
my question @BrainDrainBahrain is how to solve this problem
everything is wroten
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
``` ⇦ Type 3 backticks and then press [shift + enter ⏎]
<paste your code here>,
then press [shift + enter ⏎]``` ⇦ Type 3 backticks, then press [enter ⏎]
See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics
i made it guys ,i am so stupid haha,thank you :D
if you want to thank someone, put an @ before their name!
Yay :smile:
Hey @HermanFassett
Hi @Jauble
hello people
Any idea why this keeps happening?
Hey @KofiAkorli
Hey everyone, I'm working on the Build a Wikipedia Viewer Zipline exercise. I've been reading up on the Wikipedia API documentation, AJAX, CORS, and HTTP Headers and I've already been able to successfully use JSON API's on the previous two exercises (Twitch.TV and Stylize Camper News).
I keep running into the following type of errors when I try to run my code:
XMLHttpRequest cannot load http://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch=beer. Response for preflight is invalid (redirect)
index.html:1
or
XMLHttpRequest cannot load https://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch=beer. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
Here is my function's code:
function searchWiki(str) {
var xhr = new XMLHttpRequest();
var searchTerm = str;
var url = "http://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch=" + searchTerm;
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var jsonArr = JSON.parse(xhr.responseText);
document.getElementById('results').innerHTML = "Success!";
document.getElementById('results').innerHTML += jsonArr;
console.log(jsonArr);
} else {
document.getElementById('results').innerHTML = "Error<br />URL: " + url + "<br />Ready State: " + xhr.readyState + "<br />Status: " + xhr.status;
}
}
xhr.open("GET", url, true);
xhr.setRequestHeader('Access-Control-Allow-Origin', 'http://codepen.io/');
xhr.setRequestHeader('Api-User-Agent', 'RonsWikiSearchProject/1.0' );
xhr.send();
}Can anyone help point out what I'm doing wrong to not pass the preflight tests and not retrieve the JSON text back from Wikipedia? Any help would be greatly appreciated.
@GitarMan to allow access, you need
&callback=? at the end of your url
Ok thanks @HermanFassett , let me go try that
gitarman sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:star: 381 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
@HermanFassett This keeps happening when I'm stepping through a function. Any idea why it's doing this? :point_up: October 17, 2015 3:22 PM
I think it's that console.log that's causing it
I'm not sure @Jauble , kind of hard to read from animated gif
Post the relevant code so I don't have to keep watching it :P
@HermanFassett Hmmm, adding
&callback=? to the end of my URL doesn't seem to be working. I still get the following error: 'XMLHttpRequest cannot load http://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch=beer&callback=?. Response for preflight is invalid (redirect)'
Do I need to define a separate callback function instead of the question mark?
i'm stuck on Waypoint: Use Conditional Logic with If and Else Statements can anybody help?
@HermanFassett Lol ok. I had the console.log originally to see if it was working and forgot to take it out. It doesn't give me the same error after I take it out.
nums.forEach(function(value, index) {
while (num >= value) {
arr.push(index);
console.log(arr);
num -= value;
}
});
@JoelLindsey I can probably help; what is your question?
@GitarMan that's interesting. I just used jquery getJSON
So I can't exactly relate with how you're doing it, but the question mark is correct
I needed callback otherwise I got an origins error I think
Ahh; yeah I tried it with jquery before too. Maybe I need to separate out the action into a callback function
@GitarMan Where did i mess up? i,ve been on this problem for a while
This question isn't related to any particular fcc problem but maybe someone can share their knowledge on the matter to help clear some confusion for me: Where does the HTML5 DOM come into play? I know it's incredibly powerful for manipulating html files on the fly, but what is the theoretical minimum of a webpage's HTML scaffolding that is able to then be filled in by JS using the DOM? And what performance impacts should I be aware of when using the DOM?
@JoelLindsey the flip variable will either be 1 or 0. so if flip === 0 { //return what? } then the same thing for the else statement
@JoelLindsey In your If logic test you wrote it so you are testing if the number 1 equals the number 2. This will never be true so your statement will return false
.red-text{
color: red;
}
</style>
<h2 class="red-text"> CatPhotoApp </h2>
@JoelLindsey What you want to do is test to see if the random number generated is equal to 0 or equal to 1
what is wrong with this?
extra spaces in your h2?
or no opening <style> tag?
@ibouGithub Silly question, but are you missing the opening <style> tag?
.red-text{
color: red;
}
</style>
<h2 class="red-text"> CatPhotoApp</h2>
.red-text{
color: red;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
style missing
<style> …. </style>
the opning tag is there...
show us all of your code please
.red-text{
color: red;
}
</style>
<h2 class="red-text"> CatPhotoApp</h2>
You need to add <style> above the line with .red-text{
For some reason, the opning tag doesn't show up
Oh
Which waypoint is it?
Create a CSS class called red-text and apply it to your h2 element.
@GitarMan So i change the numbers to 0 ===1?
Try removing the space before "CatPhotoApp"
@ibouGithub This is strange. I can't get your code to change CatPhotoApp to red, and it's functionally identical to my solution
hi folks, i'm trying to understand the grid in bootstrap for responsive design and need some help
Weird. I pasted it also into my waypoint and it doesn't turn the text red though it should.
in one of the solutions, early on, we use col-xs-7 for a text box and col-xs-5 for the submit button, can someone explain how these numbers are chosen?
:worried:
i’m working on the seek and destroy bonfire
i tried changing the 7 to a 9 and the 5 to a 3 but it introduced horizontal scrolling on the preview phone
@JoelLindsey If you look at the top of your code you are defining a variable "flip" to be randomly either 0 or 1. IF the variable "flip" is equal to 0, return "Heads", ELSE return "Tails"
Cool @bkthegeek
can someone help me with the end of the code
function destroyer(arr) {
// Remove all the values
var seek = arr.slice.call(arguments);
var args = seek.slice(1);
var destroy = seek.indexOf(args);
return destroy;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
@ibouGithub Try deleting all of the style and retyping it?
should I run some sort of for or while loop
@hassanchagani the bootstrap grid is based on a maximum of 12, so the numbers chosen have to add up to 12
?
@ibouGithub Try this code
<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>
@KofiAkorli makes sense and my number, 9+3 does equal 12 yet i saw a horizontal scroll bar
I don’t want the answer, just some direction
i looked at the answer after I got stuck for too long and I don’t like it
@matty22 , thanks, that worked!
ibougithub sends brownie points to @matty22 :sparkles: :thumbsup: :sparkles:
:star: 189 | @matty22 | http://www.freecodecamp.com/matty22
Woop Woop!
@adtpdn thanks
ibougithub sends brownie points to @adtpdn :sparkles: :thumbsup: :sparkles:
:star: 15 | @adtpdn | http://www.freecodecamp.com/adtpdn
if that’s possible
@hassanchagani please paste your code here
@bkthegeek filter works nicely for this one
@KofiAkorli <div class="row">
<div class="col-xs-9"><input type="text" class="form-control" placeholder="cat photo URL" required></div>
<div class="col-xs-3"><button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button></div>
</div>
<div class="col-xs-9"><input type="text" class="form-control" placeholder="cat photo URL" required></div>
<div class="col-xs-3"><button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button></div>
</div>
@ibouGithub Try deleting all of the style and retyping it?
Can confirm. This fixes it. No idea why
@HermanFassett would I run a loop with the filter?
Well filter would loop through
@BrainDrainBahrain, yes it does!
Btw @bkthegeek I think your first two lines could be written as
var args = Array.prototype.slice.call(arguments, 1);
Or the arr.slice instead of Array.prototype.slice
@hassanchagani which waypoint is that?
Oh I see @bkthegeek you use both variables anyway
@KofiAkorli Waypoint: Line up Form Elements Responsively with Bootstrap
yeah, what does the
.protoype part of the function do?
i’ve never used it, but anytime i look up a new way to do something
@bkthegeek if you just use the args and then filter arr checking its index of args it should work
it’s always
array.protype.slice()
Array.prototype just represents prototype for Array constructor
@hassanchagani your div's should have different width. You should use classes: col-xs-7 and col-xs-5
but what is the different in writing
array.prototype.slice() vs array.slice()
@hassanchagani i tried it and i also got the horizontal scroll
@Takumar i agree, i was playing with the number at the end to see how it responds differently if i change the numbers
@Takumar what i'm trying to understand is how the 7 and 5 were chosen...any thoughts?
@Takumar @KofiAkorli I have to run for now; thank you for trying to help out...I will explore some more tomorrow.
hassanchagani sends brownie points to @takumar and @kofiakorli :sparkles: :thumbsup: :sparkles:
:star: 187 | @kofiakorli | http://www.freecodecamp.com/kofiakorli
:star: 504 | @takumar | http://www.freecodecamp.com/takumar
@hassanchagani sorry I haven't look up for your question, I thought you have problem with current code. I think that width of that field was just chosen proportionally: field text wider and submit button shorter. Of course you remember that they should sum up to 12 (col-xs-9 + col-xs-3).
@HermanFassett
function destroyer(arr) {
// Remove all the values
var seek = arr.slice.call(arguments);
var args = seek.slice(1);
var destroy = args.filter(arr.indexOf(args));
return destroy;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
what am i doing wrong?
@bkthegeek the geek you need to create a function inside filter which returns a boolean whether args contains value
k thanks @HermanFassett
bkthegeek sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:star: 382 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
Filter would be like
var destroy = args.filter(function(val) {
return //blabla
}
okay
Where val is the current index of args
function destroyer(arr) {
// Remove all the values
var seek = arr.slice.call(arguments);
var args = seek.slice(1);
var destroy = args.filter(function indexOf(args) {
return arr;
})
return destroy;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
it’s returning [2,3]
how do I get it to return [1,1]
fix the instructor of waypoint filter arrays with filter ........
@bkthegeek I think I said filter args earlier... my bad, you should be filtering arr... Something like
var destroy = arr.filter(function(val) {
return // args doesn't contain val
});
@HermanFassett i’m still doing somehting wrong
Show update :P
function destroyer(arr) {
// Remove all the values
var seek = arr.slice.call(arguments);
var args = seek.slice(1);
var destroy = arr.filter(function indexOf(args) {
return arr;
})
return destroy;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
You're still using that function wrong
haha
of course
show me the way
var destroyer = arr.filter(function(val) {
// Do stuff in here with args indexof val
return boolean
});
Hi, everyone. Hope everyone is well. I'd like some help with this Waypoint. It seems like such a simple question, yet, I'm having some difficulty coming up with the correct code/syntax to answer it correctly:
var Car = function() {
this.wheels = 4;
};
// Only change code below this line.
var myCar = new Car();
//Add the property "engines" to myCar, and make it a number.
// Only change code above this line.
(function() {return JSON.stringify(myCar);})();var destroy = arr.filter(function(val) {
return val = arr.indexOf(args)
});
This message was deleted
@HermanFassett got a little closer
@easyspirit At the top you an example how the property wheels is added to the object Car. Now you need to add the property engines to the object myCar and set its value to 4.
Not necessarily 4
@HermanFassett i agree
Ok @bkthegeek I'm not sure if you know what goes where in there
function destroyer(arr) {
// Remove all the values
var seek = arr.slice.call(arguments);
var args = seek.slice(1);
return destroy = arr.filter(function(val) {
return args.indexOf(val)
});
//return destroy;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);[1,3,1,3]
@HermanFassett
Ok that's close @bkthegeek now inside your filter you're returning an index when you should be returning a boolean so just make it return whether index is -1 or not
woot woot, thanks @HermanFassett
bkthegeek sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:warning: bkthegeek already gave hermanfassett points
Yep
what’s different when i make
return args.indexOf(val) === -1
@HermanFassett
indexOf returns a number while indexOf === -1 returns a boolean
okay, got it
;P Yay
I finally finished all my bonfires and I'm trying to finish these ziplines necessary for Front End Development Certificate
nice
how long did it take you to get through all the bonfires?
@HermanFassett were the intermediate bonfires much harder than the basic ones?
Well beginner bonfires I could go through the whole section in a day, while advanced was more like 1 a day
Intermediate were harder but still most of them were easy to me with previous js experience