get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
@mockturtle I figured it out
thanks though!
:smiley:
hello people! wanted to know if I could get a little help on on challenge: Waypoint: Change the Font Size of an Element.<style>
.red-text {
color: red;
}
</style>
<h2 class='red-text'>CatPhotoApp</h2>
{ font-size: 16px; }
<p class='red-text'>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
wondering where I am going wrong with the font size
hi everyone. i've been getting stuck quite a bit lately on bonfires. I'm currently on seek and destroy, and the documentation provided is a bit hard to chew. can anybody recommend someplace/something i can delve into a bit deeper?
@anthonyblow - The font size should be set inside the <style> tag, just like .red-text. It should target the <p> elements, using .p
- using p, not .p... sorry.
Evening all, i'm having some issues with Bonfire: Inventory Update, seems the alphabetical sort that works in my testing IDE, does not work within the FreeCodeCamp code, so the results are not being correctly alphabetised. Anyone able to offer some guidance on why and a way to sort it?
function inventory(arr1, arr2) {
// All inventory must be accounted for or you're fired!
return arr2.reduce(function(stockArr,stockItem){
var updated = false;
stockArr.forEach(function(item){
if(item[1] == stockItem[1]){
item[0] = stockItem[0] + item[0];
updated = true;
}
});
if (updated === false){
stockArr.push(stockItem);
}
return stockArr;
},arr1).sort(function(a,b){
return (a[1].toUpperCase() > b[1].toUpperCase());
});
}
@oneate7 I did it! that was my challenge for my first day of coding! THANKS!
@anthonyblow - Awesome! Congrats :smile:
Bf Euclid
Sorry, can't find a bonfire called euclid. [ Check the map? ]
Bf loop
Sorry, can't find a bonfire called loop. [ Check the map? ]
Hmm, seems that any sort of sort is not showing correctly in the output in freecodecamp, it's just coming out in the original order.
Hey Guys!
The last Bonfire : Arguments optional is pretty tough, can you tell me what is to be done in this ?
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
bonfire Arguments Optional
:fire:Bonfire: Arguments Optional :link:
function add() {
return false;
}
add(2,3);Create a function that sums two arguments together. If only one argument is provided, return a function that expects one additional argument and will return the sum.
For example, add(2, 3) should return 5, and add(2) should return a function that is waiting for an argument so that <code>var sum2And = add(2); return sum2And(3); // 5</code>
If either argument isn't a valid number, return undefined.
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
type:
bf detailsbf linksbf spoiler
Whoah, not sure why but the same code in Firefox passed first time. Must be something specific to the javascript engine in Safari!
Waypoint: Mobile Responsive Images
Ok, so i was sorting incorrectly by returning boolean not -1 1 as specified, just seems node and firefox are more lenient, in the end did this and that worked everywhere.
return (b[1].toUpperCase() > a[1].toUpperCase()) ? 1 : (b[1].toUpperCase() < a[1].toUpperCase()) ? -1 : 0;
@gazzer82 how do you share code like that? i still new to fcc
@Thescuba if you click the button over to the right of the text box it'll give you the markdown syntax you can use.
Basically you surround the code with "
Basically you surround the code with "
" above and "" below
Actually can't type them in, doh.
Ok so it's three of `
above and below the code and it applies the code formatting correctly,
thanks @gazzer82
thescuba sends brownie points to @gazzer82 :sparkles: :thumbsup: :sparkles:
No worries!
@gazzer82 do you also know how to get camper bot to help me find Waypoint: Mobile Responsive Images?
I feel i am doing everything correct but it wont let me pass
'''<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css'/>
<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 img-responsive' src='http://bit.ly/fcc-kittens'/></a>
<a href='#'><img class='smaller-image thick-green-border img-responsive' src='http://bit.ly/fcc-kittens2'/></a>
'''
@Thescuba use the accent mark (the one next to the 1 key) instead of the apostrphe.
<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css'/>
<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 img-responsive' src='http://bit.ly/fcc-kittens'/></a>
<a href='#'><img class='smaller-image thick-green-border img-responsive' src='http://bit.ly/fcc-kittens2'/></a>
thanks @oneate7
thescuba sends brownie points to @oneate7 :sparkles: :thumbsup: :sparkles:
:star: 2 | @oneate7 | http://www.freecodecamp.com/oneate7
Which exercise are you on?
That exact same code works fine for me.
Waypoint: Mobile Responsive Images
@Thescuba what browser are you using?
@gazzer82 chrome
@Thescuba have you left the rest of the code intact?
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class='red-text'>CatPhotoApp</h2>
<p>Click here for <a href='#'>cat photos</a>.</p>
<a href='#'><img class='smaller-image thick-green-border' src='https://bit.ly/fcc-kittens'/></a>
<a href='#'><img class='smaller-image thick-green-border img-responsive' src='http://bit.ly/fcc-kittens2'/></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>
<br>
<label><input type='checkbox' name='personality'> Loving</label>
<label><input type='checkbox' name='personality'> Lazy</label>
<label><input type='checkbox' name='personality'> Crazy</label>
<br>
<input type='text' placeholder='cat photo URL' required>
<button type='submit'>Submit</button>
</form>
@gazzer82 yes
The exact above works fine for me.
Hi! Is there anyone available to help me with this:
```
```
oops. sorry for that
@gazzer82 its works now, thanks. idk what happened
No i couldn't see anything obvious, maybe some funky whitespace or something.
this:
function mutation(arr) {
var i = 0;
// split strings into arrays of lower case letters
var first = arr[0].toLowerCase().split("");
var second = arr[1].toLowerCase().split("");
//offset
var len = second.length;
// while each item of second array
while (i < len ) {
// if first array has element of the second array
if (first.indexOf(second[i])) {
// keep looping
i++;
// else, it is false
} else {
return false;
}
}
// if loop didn't stop earlier with false, return true
return true;
}
mutation(['hello', 'hey']);
@gazzer82 I took what you sent me and it let it pass? hmmm
@pwdd what bonfire is this for?
@Thescuba @gazzer82 - It was because BOTH of the img tags were set to 'img-responsive'. It only wanted the second one to be responsive.
2
Ah yes, well spotted :)
@gazzer82 Mutations
bf mutations
:fire:Bonfire: Mutations :link:
function mutation(arr) {
return arr;
}
mutation(['hello', 'hey']);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.
For example, ['hello', 'Hello'], should return true because all of the letters in the second string are present in the first, ignoring case.
The arguments ['hello', 'hey'] should return false because the string 'hello' does not contain a 'y'.
Lastly, ['Alien', 'line'], should return true because all of the letters in 'line' are present in 'Alien'.
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
type:
bf detailsbf linksbf spoiler
No need to try to split the string into an array, it kinda already is.
You can just iterate over it as you would an array based on it's length.
@oneate7 ohh i see, thanks for clearing taht up
@gazzer82 I thought the suggestion for that bonfire was to use arrays, since they sugest
indexOf
@pwdd you can use indexOf on a string also.
@gazzer82 cool! I just tried the same code, but without spliting the strings into arrays.
@gazzer82 I get some tests to pass, not all of them
Also indexOf does not return true/false, it returns an index or a -1 if it can't find the item in the array.
And i would use a for loop to loop through the string you're checking, and tally the results. You can then check that result before you return.
You're along the wright lines.
@gazzer82 GOT IT!
first.indexOf(second[i]) >= 0
Boom
:)
thanks @gazzer82 !
pwdd sends brownie points to @gazzer82 :sparkles: :thumbsup: :sparkles:
No worries, anything to keep me from the next Bonfire :)
@gazzer82 :D Good luck! I'll go to my next now :)
Thanks, good luck to you too!
I'm sure a more elegant way to make the Roman Numeral Converter exists than this?
function convert(num) {
var result = "";
var ones = ["I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX"];
var tens = ["X", "XX", "XXX", "XL", "L", "LX", "LXX", "LXXX", "XC"];
var huns = ["C", "CC", "CCC", "CD", "D", "MD", "MDD", "MDDD", "CM"];
if(num > 100 && num < 10000) {
result += huns[Math.floor(num / 100) - 1];
num = num % 100;
}
if(num > 10) {
result += tens[Math.floor(num / 10) - 1];
num = num % 10;
}
if(num > 0) {
result += ones[num - 1];
}
return result;
}
convert(36);
I especially feel like I did it wrong since I didn't use any of the methods from the "More information" :worried:
I did it a bit differently, but I also didn't use any of the methods they mention.
Instead of doing separate arrays for ones, tens, etc. You can do one multidimensional array that matches the large values to their roman numeral.
And then just have a loop that pushes the roman numerals to a string and subtracts the value from num, continuing until num is zero.
@oneate7 Yeah, that sounds like a better idea. I'll try to get something like that to work. Thanks!
hello all: question: I know JS syntax allows one to define a function within a function. But does FreecodeCamp allow this in the answers for Bonfire?
I ran a solution that gives correct results but rjected by FCC servers
@nogo10 It should, yes.
well the Roman numbers converter I did works (gives correct answer) but rejected!!
eg. result "XXIX" but server says: expect(convert(29)).to.equal("XXIX");
missing } after function body
missing } after function body
Ok i'm confused yet again. Now on Bonfire: No Repeats Please
I don't get how there are 6 permutations of aab, surely there are just three?
aab, aba, baa?
and only one of those has no repeating letters?
I don't get how there are 6 permutations of aab, surely there are just three?
aab, aba, baa?
and only one of those has no repeating letters?
@tylerstonge btw I like your solution ;
if u have 3 characters (no matter which ).. u should have 6 permutations...
lets say if u have "123"
123, 132,213,232,312,321
lets say if u have "123"
123, 132,213,232,312,321
Ah i see, i'm forgetting that the letter actually exists twice . . even through it's the same letter.
I need to stop for the evening i think . . .
so.. if a = 1 and a = 3,,,... u still have 6 permutations aba aba aab aab baa baa
u should check for character "position" not for content for the permutation part
u should check for character "position" not for content for the permutation part
......
return answer.join('');
}
convert(29);: expect(convert(29)).to.equal("XXIX");
missing } after function body
Anyone tell me why FCC did not accept answer?
"missing } after function body" is that because FCC expects ONE function? and allows no function within function??
Thanks @moigithub i get it now, just need to work out how to actually do it now :)
gazzer82 sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
@nogo10 whats ur full code ?
@moigithub ..Im not too pleased with it ..but it works..
function convert(numArg) {
function Numerals(numAr,mag){
var scaLe = [];
scaLe[1]= [1,"I",'IV','V','IX'];
scaLe[10]= [10,"X",'XL','L','XC'];
scaLe[100]= [100,"C",'CD','D','CM'];
scaLe[1000]= [1000,"M","MMMM","MMMMM","MMMMMMMMM"];
var fNum = '';
var check = numAr / scaLe[mag][0];
switch (true) {
case ((numAr >= 1*scaLe[mag][0]) && (numAr < 4*scaLe[mag][0])):
fNum = scaLe[mag][1].repeat(check);
break;
case (numAr == 4*scaLe[mag][0]):
fNum = scaLe[mag][2];
break;
case (numAr == 9*scaLe[mag][0]):
fNum = scaLe[mag][4];
break;
case (numAr >= 5*scaLe[mag][0] && numAr < 10*scaLe[mag][0]):
fNum = scaLe[mag][3];
fNum = fNum.concat(scaLe[mag][1].repeat(check - 5));
break;
case (numAr == 10*scaLe[mag][0]):
fNum = scaLe[mag*10][1];
break;
default: console.log("error0"); } return fNum;}
var answer =[];
while (numArg > 0){
switch(true){
case (numArg >=1000):
answer.push(Numerals(numArg, 1000));
numArg = numArg % 1000;
break;
case ((numArg >=100) && (numArg < 999)):
answer.push(Numerals(numArg, 100));
numArg = numArg % 100;
break;
case ((numArg >=10) && (numArg < 99)):
answer.push(Numerals(numArg, 10));
numArg = numArg % 10;
break;
case ((numArg >= 1) && (numArg < 11)):
answer.push(Numerals(numArg,1));numArg = -1;
break;
default: numArg = -1; console.log(numArg + " error2");
}
}
return answer.join('');
}
convert(29);
@moigithub any thoughts why FCC would reject this solution posted?
other than being a outrageously convoluted pasta :smile:
not sure :) pasted on repl.it and works like charm :)
Q: if I have
var i = str.search(/[A-Z]/); how do I resume search from the returned index?
@BobsHub https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec you might want to try other regex based methods
thanks, exec() seems to be helpful
Hey all, I could use some quick help on Bonfire: Spinal Tap Case
@dangm24 what you got
i probably wont be much help at the moment but im interested all the same
So I'm on Bonfire: Convert HTML entities, I have a code that works as far as I can tell, but I can't tell what the error message means
can you post the formatted code?
@dangm24 what do you have until now?
what's the code markup?
@crisberrios i pmed you
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, 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
wiki spinal
no wiki entry for:
:pencil: click here to create one now!after creating your page type
spinal:pencil: click here to create one now!after creating your page type
update to reload it here
bf spinalcase
Sorry, can't find a bonfire called spinalcase. [ Check the map? ]
bf spinal
: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.
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
type:
bf detailsbf linksbf spoiler
I'm running this:
function convert(str) {
var newStr = str.replace(/\&/g, "&");
newStr = newStr.replace(/</g, "<");
newStr = newStr.replace(/\>/g, ">");
newStr = newStr.replace(/\"/g, """);
newStr = newStr.replace(/\'/g, "&apos");
return newStr;
}
convert('Dolce & Gabbana');
but getting these errors:
assert.strictEqual(convert('Dolce & Gabbana'), 'Dolce & Gabbana', 'should escape characters');should escape characters: expected 'Dolce & Gabbana' to equal 'Dolce & Gabbana'
assert.strictEqual(convert('Hamburgers < Pizza < Tacos'), 'Hamburgers < Pizza < Tacos', 'should escape characters');should escape characters: expected 'Hamburgers < Pizza < Tacos' to equal 'Hamburgers < Pizza < Tacos'
assert.strictEqual(convert('Sixty > twelve'), 'Sixty > twelve', 'should escape characters');should escape characters: expected 'Sixty > twelve' to equal 'Sixty > twelve'
assert.strictEqual(convert('Stuff in "quotation marks"'), 'Stuff in "quotation marks"', 'should escape characters');should escape characters: expected 'Stuff in "quotation marks"' to equal 'Stuff in "quotation marks"'
assert.strictEqual(convert("Shindler's List"), 'Shindler's List', 'should escape characters');should escape characters: expected 'Shindler&aposs List' to equal 'Shindler's List'
assert.strictEqual(convert('<>'), '<>', 'should escape characters');should escape characters: expected '<>' to equal '<>'
assert.strictEqual(convert('Dolce & Gabbana'), 'Dolce & Gabbana', 'should escape characters');should escape characters: expected 'Dolce & Gabbana' to equal 'Dolce & Gabbana'
assert.strictEqual(convert('Hamburgers < Pizza < Tacos'), 'Hamburgers < Pizza < Tacos', 'should escape characters');should escape characters: expected 'Hamburgers < Pizza < Tacos' to equal 'Hamburgers < Pizza < Tacos'
assert.strictEqual(convert('Sixty > twelve'), 'Sixty > twelve', 'should escape characters');should escape characters: expected 'Sixty > twelve' to equal 'Sixty > twelve'
assert.strictEqual(convert('Stuff in "quotation marks"'), 'Stuff in "quotation marks"', 'should escape characters');should escape characters: expected 'Stuff in "quotation marks"' to equal 'Stuff in "quotation marks"'
assert.strictEqual(convert("Shindler's List"), 'Shindler's List', 'should escape characters');should escape characters: expected 'Shindler&aposs List' to equal 'Shindler's List'
assert.strictEqual(convert('<>'), '<>', 'should escape characters');should escape characters: expected '<>' to equal '<>'
@th3mattman
"&" should be "&".
The HTML entities close with semicolons.
Dammit
I need help troubleshooting my code. In the console it shows error: Cannot read property 'name' of undefined. I don't understand that.
Here's what I got for the roman numeral bonfire:
function convert(num) {
var roman = [//0 1 2 3 4 5 6 7 8 9
["", "I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX"], // Units
["", "X", "XX", "XXX", "XL", "L", "LX", "LXX", "LXXX", "XC"], // Tens
["", "C", "CC", "CCC", "CD", "D", "DC", "DCC", "DCCC", "CM"], // Hundreds
["", "M"] // Thousands
];
var romanized = [];
num.toString().split('').reverse().forEach(function(digit, index) {
romanized.unshift(roman[index][digit]);
});
return romanized.join('');
}
convert(36);I really tried to avoid declaring an empty variable but I just couldn't find a reverse iterative method in the array prototype :S
And I found a bug, it returns I with 10, 100 and 1000 :(
Did anyone have an issue with the "Functional Programming" waypoint?
I am not understanding the concept
what concept?
functional programming?
Yeah
@mfrazie2 I ended up moving past it and will come back to it later. Bought a couple of books to help out.
Ahh, that's what I thought would be helpful
the core point is being able to write code that's reliable and testable
and deterministic
I get how to run some of the map, forEach, etc, individually, but chaining them together is where I lose it
so for function add1 ( x) { return x+1 }
anytime you input 1, you will get back 2
but....
if you do something in jquery like... function add1toValue { var x = $('#someId').text ; $(#someOtherId).text(parse(x)) }
and it fails
you don't know what part failed
maybe the selector is missing
maybe the value is invalid
and maybe the parsing is failing
etc...
In Bonfire Roman numeral converter we have a function that works 100% but FCC gives error messages ..why? The code returns correct answer every time
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
var t = [2, 3, 4, 1, 5];
t.forEach( function(n){
document.createElement('div').innerHTML(n)
document.createTextNode('click me')
})
how come it doesnt work?
anyone?
let me check
hello help world
welcome to FreeCodeCamp @deaninous!
The object oriented javascript waypoints using udacity.com are really confusing. This hack reactor guy is so hard to follow. Anyone else think that?
@Daynewr I definitely agree. I think the style of the udacity course (tons of trick questions) is unnecessarily confusing. I already knew most of the OOP stuff and was using it as a refresher and I was still getting confused by it.
Hello world
welcome to FreeCodeCamp @SojournerOctocat!
@ydjjabt
t.forEach(function(n){
x = document.createElement('div');
x.innerHTML = '<span></span>';
y = document.createTextNode(n);
x.appendChild(y);
document.body.appendChild(x);
});
@ltegman That is good to know. I thought I was just really losing it. I found this video and it helped a TON more on prototypes. He goes slow so speeding it up helps : https://www.youtube.com/watch?v=xLNySpJiiuc
@crisberrios good to se eyou!
thanks :)
@Daynewr I’ll have to check it out, thanks for the link! Thankfully the new version of the FCC curriculum doesn’t use the udacity course, so the OOP section should be much better once the update is deployed.
@ltegman So is there a an OOP section I can see on the new version currently?
Actually…it is probably better to start with part 1: https://www.youtube.com/watch?v=bstIvkeksAk&spfreload=1
@crisberrios thank
```
var languages = {
english: "Hello!",
french: "Bonjour!",
notALanguage: 4,
spanish: "Hola!"
};
// print hello in the 3 different languages
for (var prop in languages) {
if (languages[prop].typeof === 'string') {
console.log(languages[prop]);
}
}
@camgoodman What is the specific error text?
@SaintPeter 'Oops, try again. It looks like you didn't print Hello!'
the console is empty
interesting
it looks correct right?
Ah HA.
@camgoodman syntax error in the if stattement
typeof is not a memeber function - it's a language construct
if (typeof languages[prop] === 'string') {
DOH!
thanks!
:D
if (typeof(languages[prop]) === 'string')
is there a method for converting binary to decimal? or getting a character from a binary string?
@BoomTheFace u have to write the method lol
@boomTheface Yeah:
parseInt(booleanString, 2)
@ydjjabt lol, figured... :)
rookie mistake :D
@camgoodman watch out for 'string' or string lol
Although writing the method can be a useful learning experience
damn i hate coding, it mad syntax lol
jk...i love and hate it
currently studying html/js new thing waht a headache man
javascript so funky, function is a class, a method an object, a kitchen sink, lol , and everything is a var
@SaintPeter
var t = [3,4,5,36]
t.forEach(function(n){
x = document.createElement('h4');
//x.innerHTML = '<span></span>';
y = document.createTextNode(n);
x.appendChild(y);
document.body.appendChild(x);
});so i have to create the node element, then create the text node, then attach the text node to the node element, then attach the node element to the document body? what a fkkkk madness
@camgoodman dude js have function as object and it easy
Would it be okay if I asked a question about HTML that doesn't pertain exactly to the course?
i dont know so far, js is easy for me
not sure what the ettiquette is in here
@dvaun it free speech
@SaintPeter true, might try writing my own
@dvaun Ask your question or post your code and ask your question.
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, 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
@dvaun Don't forget to take off your shoes and no spitting on the couch.
Alright, thanks @SaintPeter @ydjjabt
Currently I'm playing around with jQuery on a domain and server I own, http://www.divisionkings.com/
It may sound silly but...where can I put new html pages when I create them? Specifically, I'm looking to create two new pages, "About" and "Feeds" for future play as I get through the waypoints.
Currently I'm playing around with jQuery on a domain and server I own, http://www.divisionkings.com/
It may sound silly but...where can I put new html pages when I create them? Specifically, I'm looking to create two new pages, "About" and "Feeds" for future play as I get through the waypoints.
@dvaun Well, if you're just doing a "flat" website, but them in the same directory as your index.html file
call them something like "about.html" and "feeds.html" or whatever
@SaintPeter is it possible to structure pages within folders?
@dvaun absolutely. Just create a folder and make sure your url includes it when you link to them
@dvaun for example, it's generally good practice to put all your images in a subfolder, your css in another folder, and your js in a third folder
@SaintPeter alright thanks so much!
No problem
Thanks again, I feel more confident now that I've set up three pages - I'll practice what you said and put my js and css into folders!
woosh.
@Daynewr You can check out the new version of the OOP curriculum at http://beta.freecodecamp.com/map#Object-Oriented-and-Functional-Programming
@rc242 thanks for the response. Thats the route i took too. seems silly...
Hi there. I'm on
... lesson 14 (I think): Waypoint: Say Hello to Elements. I can't see the embedded text editor mentioned in the left sidebar.
I'm browsing on an iPad. Could that be the reason?
Ok, nevermind, it showed up. Thanks & sorry for the intrusion.
@MaxRubyDev don't worry mate
@ltegman now I'm confused with the curriculum..so we all should follow that link instead ?
@henryed86 You can if you want to. That is the future curriculum that will be deployed to the website soon. I personally didn’t like the udacity OOP lessons, but I haven’t done the new ones yet, so I can’t speak to how much of an improvement they are.
oh ...The more... the better
quick question. on seek and destroy bonfire, how would you make the function to filter the initial array?
@b1ggb3n86 seek and destroy is a tricky one
in order to use slice you will need to put in .call() to take more arguments
destroyer([1, 2, 3, 1, 2, 3], 2, 3); See how is taking three arguments
Array.prototype.slice.call(arr, 1)?
@henryed86
@b1ggb3n86 yes if you want that first argument
@henryed86 nvm. i totally got it. thank you so much
@b1ggb3n86 your welcome
!
So, I know what this module is asking of me.. but I can't seem to get it to work properly, keeps giving me an error saying "addClass" is not a function: https://www.codecademy.com/courses/web-beginner-en-JwhI1/0/4#
$(document).ready(function() {
$('div').hover(function() {
$('div').addclass('red');
});
});
@Majeye I think that it's because of typo ;) I mean You wrote addclass instead of addClass ;)
note capitalization ;)
ahh... //facepalms-self. thank you. lol
no problem ;)
can't believe i've been stumped on a typo for over an hour
@Majeye to avoid this problems keep your console open
Thank you @biancamihai & @flota113 I will be more aware of typos now lol
majeye sends brownie points to @biancamihai and @flota113 :sparkles: :thumbsup: :sparkles:
:star: 6 | @flota113 | http://www.freecodecamp.com/flota113
@Majeye this are very common mistakes, if you keep your console open you will not spend hours on them next time ---- Uncaught TypeError: $(...).addclass is not a function
hey does anybody else have this problem?
these 2 days for any of the bonfires
when i try to run a solution that is not correct (in the process of getting the correct solution)
the error message always appears " Sorry, your code is either too slow, has a fatal error or contains an infinite loop"
@fateshaper probably it is an infinite loop because just tested now and it is working
but even for a code such as the below
```
function findLongestWord(str) {
return str.length;
}
findLongestWord('The quick brown fox jumped over the lazy dog');
this definitely isn't a infinite loop in any way
yet the same message appears
hmm, I don't get the error? refresh? clear cache? hard refresh? :D
Question about palindrome Bonfire
It doesn't like this regular expression: [^a-zA-Z0-9]
It says that the ^ is an unexpected token. Does anyone know why?
I'm getting the same error message in Dev Tools.
When I input it at regexr.com it works fine. I'm confused.
try escape
^ with a back slash \^
It doesn't like that either.
Ok, this seems to have solved the problem partially:
/[^a-zA-Z0-9]/g
/[a-zA-Z0-9]/g ?
Well...it worked when I included / in the front and /g at the end
u want to select start of a word with
^ ?
/^[a-zA-Z0-9]/g outside bracket
I'm trying to remove the commas, spaces and periods from:
A man, a plan, a canal. Panama
put them in the bracket then!
What is inside the brackets is what I want
use
.replace() to make regex remove things
I am using that.
str = str.replace(/[^a-zA-Z0-9]/g,"");
/[a-zA-Z0-9]/g then do the reverse of this is doing ^^
I'm confused about why:
str = str.replace(/[^a-zA-Z0-9]/g,"");
Doesn't work.
replace removes what it finds with the regex not keep it
right...so it should remove everything except a-b, A-B, and 0-9...replacing it with: ""
except that it doesn't
example
"HELLO WORLD".replace( /[L]/g, '') => "HEO WORD"
right
so...I can't see the problem with mine
oh wait...I may have made a dumb mistake.
you're removing everything but punctuations and spaces
no...i'm removing only punctuations and spaces
it's not chaning it to lowercase
that's the problem
because i forgot that part
works now? :o
it will soon haha
okay lol
I just realized that I didn't change everything to lowercase
Is there any guidelines for how long one should take getting through the bonfires? i.e. Basic Algorithm Scripting
There is no hard and fast timeline, you should take as much time as needed
One of the USP of FreeCodeCamp is that its self paced,
I changed the data source in one of the controllers
If you're having troll problems notify admins here
but my angularJS app would not load the new data, it was always fetching from cache
@royshouvik k thanks
till I had to disable caching, anyone faced similar issue??
ugh, hate to admit it but i'm completely stumped by one of the bonfires (16 Bonfire: Where art thou)
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).
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
type:
bf detailsbf linksbf spoiler
oh right there's a bonfire chatroom :smile:
Hey, any mind showing me their pairwise solution?
I got
function pairwise(arr, arg) {
var filtered = function(value) {
return arr.indexOf(value) !== i;
};
var pairwisers = [];
console.log("arr = " + arr);
console.log("Begin i loop");
for(i = 0; i < arr.length; i++) {
var arrNew = arr.filter(filtered);
console.log("arr[i] = " + arr[i]);
console.log("arrNew = " + arrNew);
for(j = 0; j < arrNew.length; j++) {
if(arr[i] + arrNew[j] === arg) {
console.log("pairwisers before = " + pairwisers);
console.log("Pairwisers when arrNew[j] " + arrNew[j] + " & arr[i] = " + arr[i]);
if(pairwisers.indexOf(arrNew[j]) === -1) {
pairwisers.push(arrNew[j]);
}
if(pairwisers.indexOf(arr[i]) === -1) {
pairwisers.push(arr[i]);
}
console.log("pairwisers after = " + pairwisers);
}
}
}
var sum = 0;
for(k = 0; k < pairwisers.length; k++) {
sum += arr.indexOf(pairwisers[k]);
if(arr.indexOf(pairwisers[k]) === 0 && arr.indexOf(pairwisers[k], 1) !== -1) { // cba making a for loop to find the index to start wtih lol
sum += arr.indexOf(pairwisers[k], 1);
}
}
return sum;
}but it's pretty bad
It doesn't work with some things I know
I just can't think of a good solution without my mind exploding
any recommendation where I can host MEAN apps for free?
Hey guys
A question: what is the most recommended way of using variables attained from inside a JSON Api call
Can someone look this over since it passes all test but the 5th one.... however it says Array(7) to deeply equal Array(7) to I do not understand under to correct this since it looks like it should pass.... thank in advance for the help
function drawer(price, cash, cid) {
var string_to_number = {
"PENNY": 0.01,
"NICKEL": 0.05,
"DIME": 0.1,
"QUARTER": 0.25,
"ONE": 1,
"FIVE": 5,
"TEN": 10,
"TWENTY": 20,
"ONE HUNDRED": 100,
};
var change_arr = [];
var change_due = cash - price;
var total_drawer = cid.reduce(function(prev, curr, index) {
return prev + curr[1];
}, 0);
console.log(total_drawer);
if(total_drawer < change_due) {
return "Insufficient Funds";
} else if( total_drawer === change_due) {
return "Closed";
} else {
cid.reverse();
cid = cid.map(function(unit) {
var initial_amount = unit[1];
if(change_due / string_to_number[unit[0]] >= 1) {
var count = 0;
while(change_due / string_to_number[unit[0]] >= 1) {
change_due -= string_to_number[unit[0]];
initial_amount -= string_to_number[unit[0]];
count++;
}
change_arr.push([unit[0], (string_to_number[unit[0]]*count)]);
return [unit[0], initial_amount];
} else {
return [unit[0], unit[1]];
}
});
}
return change_arr;
}
// Example cash-in-drawer array:
// [['PENNY', 1.01],
// ['NICKEL', 2.05],
// ['DIME', 3.10],
// ['QUARTER', 4.25],
// ['ONE', 90.00],
// ['FIVE', 55.00],
// ['TEN', 20.00],
// ['TWENTY', 60.00],
// ['ONE HUNDRED', 100.00]]
drawer(19.50, 20.00, [['PENNY', 1.01], ['NICKEL', 2.05], ['DIME', 3.10], ['QUARTER', 4.25], ['ONE', 90.00], ['FIVE', 55.00], ['TEN', 20.00], ['TWENTY', 60.00], ['ONE HUNDRED', 100.00]]);
@royshouvik heroku! https://github.com/linnovate/mean/wiki/Hosting-MEAN
Thanks @oab00 the free and hobby tier looks good for me
royshouvik sends brownie points to @oab00 :sparkles: :thumbsup: :sparkles:
:star: 181 | @oab00 | http://www.freecodecamp.com/oab00
@natac13
for the test:
drawer(3.26, 100.00, [['PENNY', 1.01], ['NICKEL', 2.05], ['DIME', 3.10], ['QUARTER', 4.25], ['ONE', 90.00], ['FIVE', 55.00], ['TEN', 20.00], ['TWENTY', 60.00], ['ONE HUNDRED', 100.00]])this is what it's expecting in the return:
[ ['TWENTY', 60.00], ['TEN', 20.00], ['FIVE', 15], ['ONE', 1], ['QUARTER', 0.50], ['DIME', 0.20], ['PENNY', 0.04] ]this is what your function returns:
[ ["TWENTY", 80], ["TEN", 10], ["FIVE", 5], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.03] ]
something wrong with twenty ?
@natac13 the drawer only has
invisible money!
60 of twenty bills but your function gives out 80 of twenty billsinvisible money!
yeah i got that!!
but
now i am a penny off here look at this
function drawer(price, cash, cid) {
var string_to_number = {
"PENNY": 0.01,
"NICKEL": 0.05,
"DIME": 0.1,
"QUARTER": 0.25,
"ONE": 1,
"FIVE": 5,
"TEN": 10,
"TWENTY": 20,
"ONE HUNDRED": 100,
};
var change_arr = [];
var change_due = cash - price;
var total_drawer = cid.reduce(function(prev, curr, index) {
return prev + curr[1];
}, 0);
console.log(total_drawer);
if(total_drawer < change_due) {
return "Insufficient Funds";
} else if( total_drawer === change_due) {
return "Closed";
} else {
cid.reverse();
cid = cid.map(function(unit) {
var initial_amount = unit[1];
if(change_due / string_to_number[unit[0]] >= 1) {
var count = 0;
while(change_due / string_to_number[unit[0]] >= 1 && initial_amount > 0) {
change_due -= string_to_number[unit[0]];
initial_amount -= string_to_number[unit[0]];
count++;
}
change_arr.push([unit[0], (string_to_number[unit[0]]*count)]);
return [unit[0], initial_amount];
} else {
return [unit[0], unit[1]];
}
});
}
return change_arr;
}
drawer(3.26, 100.00, [['PENNY', 1.01], ['NICKEL', 2.05], ['DIME', 3.10], ['QUARTER', 4.25], ['ONE', 90.00], ['FIVE', 55.00], ['TEN', 20.00], ['TWENTY', 60.00], ['ONE HUNDRED', 100.00]]);
in the while loop i fixed the initial_amount has to be bigger than 0 but now the change comes out right exact for the penny at 0.03 instead of 0.04 and I don;t know where this rounding error can be
probably something to do with adding and subtracting floats with integers
lol lovely
$(document).ready(function() {
var coords =getWeather();
});
function getWeather(){
var arr=[];
$.getJSON("https://freegeoip.net/json/?callback=?",function(json){
var city = json.city;
$('#city').text(city);
weatherInfo(city);
});
}
function weatherInfo(city){
var url="http://api.openweathermap.org/data/2.5/weather?q="+city+"&APPID=cee148fb0779f2a22dca2f1c4fdb911c";
$.getJSON(url,function(weather){
console.log(city);
var general=weather.weather[0].main;
var description = weather.weather[0].description;
var kTemp= weather.main.temp;
var cTemp= Math.round((kTemp-273.15)*100)/100;
var fTemp = cTemp*1.8+32;
$('#temp').text(cTemp+" C");
$('#desc').text(description.slice(0,1).toUpperCase()+description.slice(1));
});
}
so that I can use the two variables within a new function in my .ready function (for when I click a button)
@JMitnik declare them in global scope - it means in no function
@JMitnik e.g.
var cTemp;
function(){
//use cTemp
cTemp = 5;
console.log(cTemp);
}
@JMitnik @flota113 then just change them inside the function by assigning without var
var cTemp;
$(document).ready(function() {
var coords =getWeather();
console.log(cTemp);
});
function getWeather(){
var arr=[];
$.getJSON("https://freegeoip.net/json/?callback=?",function(json){
var city = json.city;
$('#city').text(city);
weatherInfo(city);
});
}
function weatherInfo(city){
var url="http://api.openweathermap.org/data/2.5/weather?q="+city+"&APPID=cee148fb0779f2a22dca2f1c4fdb911c";
$.getJSON(url,function(weather){
console.log(city);
var general=weather.weather[0].main;
var description = weather.weather[0].description;
var kTemp= weather.main.temp;
cTemp= Math.round((kTemp-273.15)*100)/100;
fTemp = cTemp*1.8+32;
$('#temp').text(cTemp+" C");
$('#desc').text(description.slice(0,1).toUpperCase()+description.slice(1));
$('#optionsRadios2').click(function(){
$('#temp').text(fTemp+ " F");
});
$('#optionsRadios1').click(function(){
$('#temp').text(cTemp+ " C");
});
});
}
Right, so I did that, but it cTemp is logged as 'undefined'
I have a feeling it is related to the getJSON function
for now, I put in two event listeners in my weatherInfo function that uses the variables used in the weatherinfo, but what if I want to put such an event listener in my getready, and not within a function within another function? I guess I would have to make them global then
but if that is not as easy with getJSON, I wonder if that really is the best thing to do
you mean in the ready function ?
it's not wrong cTemp is undefined put something with the deceleration :smile:
yeah, whoops, ready()
@JMitnik Yes You're right it's beacuse of getJson
it's and async function
@oab00 , but doesn't that already come from cTemp=Math.round (etc etc)?
@flota113 yeah I know
it means that it works in background and the rest of the code is executed
^
However, is there no way to make every thing wait until it has found the information, and then continue?
Basically, turn of the async
you should make another function to call inside the getJSON so you know that getJSON has finished
Probably the $.ajax()
@oab00 how do you mean?
wont the rest of the code still continue ,regardless of whether I know if the getJSON is finished>
@JMitnik one way is like @oab00 to call a function inside GetJson
$.getJSON("https://freegeoip.net/json/?callback=?",function(json){
var city = json.city;
$('#city').text(city);
weatherInfo(city);
//here call function or just do whatever You need with data
});
it's what @oab00 means ;)
right, like I did inside the getWeather function
something like this
var temp;
function gotData() {
console.log(temp);
}
$.getJSON('url', function(data) {
temp = data.temperature;
gotData();
});
@JMitnik exactly, there's also http://api.jquery.com/jQuery.Deferred/
but then, should I put event listeners in functions, such as $('button').click() ?
@JMitnik maybe ajax call will also do the trick I don't know - still learning like You do ;)
Heheh, we all do
So if I got it right in my head: if you want to use info achieved from an API, call a function to play with that value, and do not return it
@JMitnik I just did that today - I mean I put the event listener in deferred object so it's almost the same as if used it in getJSON - I don't see any troubles with it - the button won't work before data is fetched but anyway how could it work without data ;)
@flota113 I should research this deferred object, this is the first I heard of it. Do you use it often for such a purpose?
@JMitnik Would love to answer this question but really can't - I searched for this because I know C# and there are also async function - in c# I use a lot of deferred object alternative so it was easy for me to use it here as well - is it a good practise - can't say - I know that Parse (it's facebook's property) use deferred object in their api (or sth veerryy similiar to it )
it has some cons for sure
@flota113 Thank you for the tips, I will check them out later tomorrow ;)
no problem, just sharing what I know ;)
can anyone explain how to do the "check for palindromes" bonfire? i'm stuck and the few pair programmers i've worked with were too
i dont understand how the replace method fits into it
any tip on how to approach the Symmetric Difference problem in advance algorithm scripting? I can't seem to wrap my head around it
@EphemeralArchitect I made it a while ago so don't remember it well but checked and see that it can be helpful to remove blank spaces,dots - I mean I did this - not sure if You need it
@hammadpatel maybe flattening all the arrays together, then replacing any number that appears twice?
is the determinant of an object, method, function, etc., punctuaction (special characters)? Is an object an object by way of it being behind an equal sign and curly brackets? Are those the only things that determine whether something is an object?
are special characters what make a programming language a language?
Create an "urgently-red" class that gives an element the font-color of red, but add !important to the class to ensure the element is rendered as being red. Immediately below your "urgently-red" class declaration, create a "blue-text" class that gives an element the font-color of blue. Apply both classes to your h2 element.
Can Any One help Me ?
@EphemeralArchitect In JS at least, every primitive value is an object, an object being something which stores one or more values
as far as I know, I may be wrong, I'm new heh
@aayanqazi you need to do something like
.class {
font: Monospace !important;
}
hey, any reason this wouldn't work?
<div ng-show="story.description.length > 0" class="description">
{{story.description.length}}
</div>it doesn't matter what evaluation I make, it still shows the div with 0 in it. (i made it write the length of itself to debug)
It's on line 17
http://codepen.io/Miauwi/pen/WvmpQd
Not Working
oh, it was because I was using ng-if in div siblings
i was in the main room wondering why everyone is so dead all of a sudden xD
@aayanqazi you still stuck?
Hi Everyone
i'm stuck on the last bonfire
@abhishekarora12 advanced?
Argument optional
begginer still @ozydesign
:smile:
if you could tell me just what is to be done here, i will do it myself
dont tel me the code
bf argument
:fire:Bonfire: Arguments Optional :link:
function add() {
return false;
}
add(2,3);Create a function that sums two arguments together. If only one argument is provided, return a function that expects one additional argument and will return the sum.
For example, add(2, 3) should return 5, and add(2) should return a function that is waiting for an argument so that <code>var sum2And = add(2); return sum2And(3); // 5</code>
If either argument isn't a valid number, return undefined.
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
type:
bf detailsbf linksbf spoiler
bf links
hi. a little question if maybe someone can help me I would appreciate it. Is it feasible to install a mac OS X on a normal PC? is it a crazy idea? don't have the means to get a mac now. I've been using win 8. thanks
https://university.mongodb.com/courses/M101JS/about <- just started
@andreiamlm http://archive.oreilly.com/pub/a/windows/archive/PearPC.html ??
thanks @moigithub so only emulation =(
andreiamlm sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
thats from 2005
@andreiamlm http://www.macbreaker.com/2014/10/install-os-x-yosemite-on-your-pc-with-unibeast.html this says it's possible on most new intel motherboards
‘’'
function binaryAgent(str) {
// Check if string matches 1s & 0s & repeats 8 times
if(str.match(/[10]{8}/g))
{
// Match regex -> map string to function
var wordsFromBin = str.match(/([10]{8}|\s+)/g).map(function(fromBinary)
{
// parseInt fromBinary on the base of 2
/
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt
/
return String.fromCharCode(parseInt(fromBinary, 2) );
}).join('');
//console.log(wordsFromBin);
return wordsFromBin;
}
}
binaryAgent('01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111');
‘''
I needs help with my function, in the console it works( safari, maybe chrome, not FF)
wiki match
no wiki entry for:
:pencil: click here to create one now!after creating your page type
match:pencil: click here to create one now!after creating your page type
update to reload it here
Hi guys. Can I look somehow nonprofits projects of FCC alumni ?
I'm just curious about results of their works and how it's look like
Yes @mehroshh
@chiffenok i remember seeing it on their website, but cant for the life of me find it now :|
thanks @Miauwi
andreiamlm sends brownie points to @miauwi :sparkles: :thumbsup: :sparkles:
@Miauwi if you accidentally will find, can u pls give me a link in private msg ?)
@chiffenok http://www.freecodecamp.com/nonprofits/directory here it is
@chiffenok http://www.freecodecamp.com/nonprofits/directory go here :smile:
i'm on bonfire 20. i can't pass the last test. here is the error message :
assert.deepEqual(diff([], ['snuffleupagus', 'cookie monster', 'elmo']), ['snuffleupagus', 'cookie monster', 'elmo'], 'empty array');
empty array: expected [ Array(3) ] to deeply equal [ Array(3) ]what does that mean ?
@Miauwi @abhishekarora12 wait a moment I've seen this page. But I thought it's nonprofits who is in the order. But I meant if smbd from you have already did nonprofit project. and can give link to just look what you did
ooooh... nop, im not that advanced :sparkles:
@chiffenok those websites have been built!
just go to the website link on the page :smile:
example - http://savvycyberkids.org/
it tells on the page the status of project : completed or started
@abhishekarora12 ah, Ok thanks, sorry)
@chiffenok np :smile:
hi
@harvey56 means the expected array
['snuffleupagus', 'cookie monster', 'elmo’] doen’t equal the array returned by your function
@rossta yes, what is different is that the array my function returns is sorted, whereas the array expected keeps the same order as the array given at the start
looks like it doesn’t want you to sort
that test was defined to avoid people like me find a workaround not using the filter function lol
why this doesn't work for strings:
str[0] = str[0].toUpperCase();
the first character stay lower case
str[0] = str[0].toUpperCase();
the first character stay lower case
Can someone help me with jquery? I'm just starting, and usually what makes anything difficult in learning this stuff is that I don't speak the language, so have a hard time understand what it is, exactly, that is being asked.
Hi all, I'm working on the 8th bonfire and am a bit stuck. So far, I'm able to sort and return the first three of the four nested arrays. For some reason though, the fourth nested array won't sort! The only methods the problem description mention are the comparison operators. Should I attempt to solve the problem with comparison operators or can it be done with a for loop/calling the sort function like i'm doing? Here's my code:
```largestOfFour = [[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]];
for(i = 0; i <= 3; i++) {
sortedArr = largestOfFour[i].sort();
newArr = [[],[],[],[]];
newArr.push(largestOfFour[i].pop());
console.log(newArr);
}
```
largestOfFour = [[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]];
for(i = 0; i <= 3; i++) {
sortedArr = largestOfFour[i].sort();
newArr = [[],[],[],[]];
newArr.push(largestOfFour[i].pop());
console.log(newArr);
}
@codybousc
hint :
If compareFunction is not supplied, elements are sorted by converting them to strings and comparing strings in Unicode code point order. For example, "Cherry" comes before "banana". In a numeric sort, 9 comes before 80, but because numbers are converted to strings, "80" comes before "9" in Unicode order
hint :
If compareFunction is not supplied, elements are sorted by converting them to strings and comparing strings in Unicode code point order. For example, "Cherry" comes before "banana". In a numeric sort, 9 comes before 80, but because numbers are converted to strings, "80" comes before "9" in Unicode order
check the last sentence
Anyone? Is this microphone working?
@remitamine strings are immutble
@SerenityFL yep
@SerenityFL I think the help chatroom is most effective when you ask for help on a specific problem. It's a bit tough to 'help you with JQuery'.
@codybousc yes, cody, I understand that. First I needed to know if anyone was available.
@harvey56 Thanks harvey. I'll read up on compareFunction
@SerenityFL see my pm
whtas wrong with this code
//Title Case a Sentence
function titleCase(str) {
str.split(" ");
return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
}
titleCase("I'm a little tea pot");
you aren't saving the split as in str = str.split
it show error
if i save it in str
@ozydesign
because you then need to loop through the array
str[0] and so on
hows
@Optmistic pm me
So, I'm still on the 8th Bonfire. Can anyone see where I'm going wrong here?:
largestOfFour = [[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]];
for(i = 0; i <= 3; i++) {
sortedArr = largestOfFour[i].sort(function(a,b){
return a - b;
});
newArr = [[],[],[],[]];
newArr.push(largestOfFour[i].pop());
console.log(newArr);
}
@codybousc ur function should return a result
@moigithub i'm 'console logging' at the moment just to troubleshoot
if u put
newArr = [[],[],[],[]]; in middle of ur for/loop.. everytime it "loops" will delete previous value, and reasign `newArr = [[],[],[],[]];' so ur push only will have newArr = [[],[],[],[]]; + last value pushed
so.. on console log i bet u seeing
[[],[],[],[], 5]
[[],[],[],[], 27]
[[],[],[],[], 39]
[[],[],[],[], 1001]
[[],[],[],[], 5]
[[],[],[],[], 27]
[[],[],[],[], 39]
[[],[],[],[], 1001]
@moigithub that's exactly what i'm getting
declare newArr on top.. outside ur for
var newArr= []; <-- empty array
var newArr= []; <-- empty array
that will fix :)
@moigithub now i'm getting
[5]
[5,27]
[5,27,39]
[5,27,39,1001]
[5,27]
[5,27,39]
[5,27,39,1001]
[[],[],[],[], 5, 27, 39, 1001]
]
var newArr= [];
not tihs
var newArr= [[],[],[],[]];
not tihs
ahhh
four empty arrays and then the properly sorted array
not four emtpy 2d array.. only 1 emtpy arr
@moigithub that might just work! i think the question may have asked for a nested array though
which is why i was attempting to set the var newArr to that funny looking empty nested array
if u read the left bottom part (where the test are.. u will see what the answer should looks like )
or what the test expect
@moigithub thanks for your help!
:) yw
Is there a problem with testing on Convert HTML Entities?
@willbonds maybe you forgot the semicolon at the end
that problem has been the bane of campers lately
literally every day someone comes and asks about that
Can someone help me on this?
@Singhsukh what's the problem?
@ozydesign It just equals one for each test in the bonfire
can you paste the code?
@Singhsukh
hi everyone, can somebody invite me to superhero please?
Superhero?
ScreenHero?
:smile: yeah this one
getting late
@Singhsukh you need str.split(" "), you forgot the space in the split, else it will split each character and not by word.
@ozydesign Thanks! I've been stuck on this and had no idea
@mildused so can you invite me?
How to ignore whitespace and characters that are not letters when checking for a palidrome?
@michelleafleck replace/regex and lowercase string
@michelleafleck regexp may be too much. I'm doing the same exercise right now... still not working
post code
This message was deleted
triple backticks on its own line ```
`function palindrome(str) {
var newString =str.replace(/[^\w\s{}]|_/g,"").replace(/\s{1,}/g,"").toLowerCase();
var newStringWoSpace = newString.split('').reverse().join('');
if(newString === newStringWoSpace){
return true;
}
// Good luck!
else {
return false;
}
}
palindrome("A man, a plan, a canal. Panama");
`
```function <--- not on same line
should be
```
function
I can get all but these two.
@michelleafleck i used regex to solve mine
@gabazine [^\w] <-- non word.. u can also do like this [\W] <-- uppercase W
Holy cow... that's not how I have it at all. Maybe I need to redo the whole thing...
function palindrome(str) {
str = str.replace(/\s/, '');
str = str.replace(/\W/, '');
var reverseStr = str.split([[]]);
reverseStr = reverseStr.reverse([[]]);
reverseStr = reverseStr.join([[]]);
if (str === reverseStr) {
return true;
}
else {
return false;
}
return str.toLowerCase;
}
palindrome("eye");
@Singhsukh, hey how do you format your code like that
is there a way to combine the two replace to one replace
plz what is the diff beetween type primitive and immutable ?
shorter one:
function palindrome(str) {
str = str.replace(/(\s|\W)+/g, '').toLowerCase();
return str === str.split('').reverse().join('');
}
str = str.replace(/(\s|\W)+/g, '').toLowerCase();
return str === str.split('').reverse().join('');
}
(a|b) <-- a or b
[ab] <-- a or b
[ab] <-- a or b
@gabazine apparently there is... and i still did it the long way?
@zadamah thanks thats make so much sense
you're welcome. i had some difficulties at first to understand "replace" syntax
Can someone explain why assert.deepEqual(telephoneCheck("(6505552368)"), false);expected true to deeply equal false
parenthesis
Oh yeah I just saw that, thanks! @moigithub
Hi. Is anyone ablle to help me with bf Where art thou?
I have pretty much everything working. My problem is when I try to compare the values of the keys.
here is my code:
I have pretty much everything working. My problem is when I try to compare the values of the keys.
here is my code:
function where(collection, source) {
var arr = [];
// get array of keys from source
var sourceKeys = Object.keys(source);
// loop through collection
for (i = 0; i < collection.length; i++) {
// loop through sourceKeys
for (x = 0; x < sourceKeys.length; x++) {
// if key is in collection
if (collection[i].hasOwnProperty(sourceKeys[x])) {
// if found key has same value in collection obj and source obj
// HERE IS THE ERROR. IF I DO THIS USING VALUES, LIKE
// COLLECTION[2].LAST == SOURCE[0].LAST
// I GET TRUE
// HOWEVER, IF I USE THE BELOW CODE, IT GET
// COLLECTION[I].SOURCEKEYS IS UNDEFINED
if (collection[i].sourceKeys[x] === source.sourceKeys[x]) {
// add obj to new array
arr.push(collection[1]);
}
}
}
}
return arr;
}
where([{ first: 'Romeo', last: 'Montague' }, { first: 'Mercutio', last: null }, { first: 'Tybalt', last: 'Capulet' }], { last: 'Capulet' });
@zadamah That worked, but clearly I don't really understand it as well as I should.
btw, the last push (
arr.push(collection[1]) was fixed to arr.push(collection[i]
@pwdd use bracket notation.. instead of dot notation
sourceKeys[x] its a variable... wich holds a value like "last"
so ur the correct code should be
urobject["last"]
ur object do NOT have a property/key named "sourceKeys"
so ur the correct code should be
urobject["last"]
ur object do NOT have a property/key named "sourceKeys"
@michelleafleck it replace one space \s or one non alpha char. \W or more "+" with nothing
@michelleafleck , 1. you telling javascript to take the string, remove all the non-words and punctuation and space,
2.Turn the newly cleaned string to lowerCase
3.perform the previous bonfire(how to reverse a string bonfire)
4.Comparely newly reversed string to cleaned and reversed string.
2.Turn the newly cleaned string to lowerCase
3.perform the previous bonfire(how to reverse a string bonfire)
4.Comparely newly reversed string to cleaned and reversed string.
@moigithub thanks! I got it working by using the square braket notation.
@moigithub that was tricky... because {foo: "a"}.foo returns a, right? I wrongly assumed that sourceKeys[index] would be treated as a key...
@moigithub so, thank you very much for that!
Could someone explain the Object.keys() to me? I'm on the Where art thou? and totally confused by the documentation page linked.
@alexlitel It returns the keys from an object.
For instance:
if you call
it will return an array of the keys:
For instance:
var obj = {keyOne: "valueOne", keyTwo: "valueTwo"}if you call
Object.keys(obj)it will return an array of the keys:
[keyOne, keyTwo]
@pwdd Thanks.
@alexlitel yw. I hope it helps you ;)
In Where art Thou, why does console.log Object.keys(source) only return the common property "last" and not "first & last?
where(
[{ first: 'Romeo', last: 'Montague' }, { first: 'Mercutio', last: null }, { first: 'Tybalt', last: 'Capulet' }],
{ last: 'Capulet' }
);
where function have 2 arguments
first is an array <-- collection
second is an object <-- source
[{ first: 'Romeo', last: 'Montague' }, { first: 'Mercutio', last: null }, { first: 'Tybalt', last: 'Capulet' }],
{ last: 'Capulet' }
);
where function have 2 arguments
first is an array <-- collection
second is an object <-- source
function where(collection, source) {
so source argument will "hold" this data
{ last: 'Capulet' }
Objects.keys({ last: 'Capulet' }) will return ["last"]
{ last: 'Capulet' }
Objects.keys({ last: 'Capulet' }) will return ["last"]
@moigithub so the source object will only refer to the first source object?
Er, last source object
@alexlitel if u check the code.. at the end it call where function and it PASS 2 values to that function
where([{ first: 'Romeo', last: 'Montague' }, { first: 'Mercutio', last: null }, { first: 'Tybalt', last: 'Capulet' }] , { last: 'Capulet' });
where( [array] , {object} )
see the comma separator ?
see the comma separator ?
Yes.
so .. the function header its like this...
function where(collection, source) {
first value will be passed to "collection" variable
and second value.. will be passed to "source" variable
I understand that the source is the object in the array and the collection is the array.
so source will be { last: 'Capulet' }
Because I'm not iterating over the array?
doin Objects.keys(source)
in memory JS will be doin
Object.keys ({ last: 'Capulet' } )
in memory JS will be doin
Object.keys ({ last: 'Capulet' } )
if u call where function with "others values".. then source variable will hold "other values"
hey all. I need some help with bonfire Arguments Optional. Anyone familiar with that solution? I'm getting totally and completely hung up on the part where I have to return a function...
reading now!
hmm... I think my issues has to do with the fact that I'm using arguments[0], arguments1 to refer to the parent functions arguments, but want to also use arguments[0] to refer to the input of the child function that I'm returning. Does that makes sense?
still not sure where to go from here...
show your code..
each function have their OWN arguments object
so if u have nested function
calling arguments[0] inside one or another.. will return differents results
depending what data argument u passing
what is a good api to use for the quote generator zipline
a lot quote websites like brainyquote don’t seem to have an api
function add() {
var singleNum = arguments[0];
function addOneMore () {
return singleNum + arguments[0];
}
if (typeof arguments[0] !== 'number' || typeof arguments[1] !== 'number') {
return undefined;
} else if (arguments.length === 2) {
return arguments[0] + arguments[1];
} else if (arguments.length === 1) {
return addOneMore;
}
}
add(2)(3);I pulled the test "add(2)(3)" from the errors that chai.js was throwing
@japfohl try adding a parameter that represents the arguments like
function add(n) {
and replace "arguments" with n
addonemore is a function
return addOneMore(); <-- parentesis
This line seems to be wrong for me:
if (typeof arguments[0] !== 'number' || typeof arguments[1] !== 'number')
In this case when you call add(2) - the second argument is undefined
And instead of return a function you return undefined
@Mistereo but it still passes the first test so the || operator helps prevent that from failing right?
plus... its not returning undefined.
It returns undefined..
its returning "add(. . .) is not a function"
oh doh...
return addOneMore(); <-- parentesis
yes your add(2)(3) - is same as add2 = add(2); add2(3)
posted above...
add2 is undefined
@japfohl saw ?
why parentesis?
@moigithub he returns a function, not their result...
@moigithub i still cant get it to work. let me repost the code
@japfohl check add(2) gives undefined...
Can someone help me out with assignment 63? I've been stuck on it for awhile.
@Mistereo yeah you're right...
argh...
@Mistereo because oneAddMore its a function.. not a variable.. so it need paretesis
@moigithub nope, it need paretesis when you call it :)
ofc u calling it at return :)
@japfohl Also, you aren't passing anything into your addOneMore(); function.
only place it calling..
above it declaring..
function add() {
var singleNum = arguments[0];
function addOneMore (n) {
return singleNum + n;
}
if (typeof arguments[0] !== 'number' || typeof arguments[1] !== 'number') {
return undefined;
} else if (arguments.length === 2) {
return arguments[0] + arguments[1];
} else if (arguments.length === 1) {
return addOneMore();
}
}
add(2, 3);
@moigithub in this case you return a function itself but not their result.
on return it calling
@japfohl paretesis is a mistake :)
erm...
the returning fuction returning a value.. so at the end its returing a result
@moigithub nope, we return a function, that we can call later...
@moigithub the function is a value :)
Hi all, I'm working on the 9th Bonfire and am running into some difficulties. So far, I'm able to get the function to work when the second argument is a letter and when the string is one word. But, as soon as the string is a sentence, my function fails. How can I save the final word of a string as a variable? Here's my code that works when the string is a single word:
I'm almost feeling more lost than before... lol
function end(str, target) {
strLength = str.length;
lastLet = str.substr(strLength - 1, strLength)
if (lastLet === target) {
return true;
}
else {
return false;
}
}
console.log(end('Bastian', 'n'));
@japfohl On line 12, you still aren't passing anything into your function, so n is holding no value.
look at line 4, what is var singleNum being added to?
@japfohl you are close, some additions and you get it :)
function is not a value :P
but it execute/evaluate and return a result
but it execute/evaluate and return a result
thanks @Mistereo
japfohl sends brownie points to @mistereo :sparkles: :thumbsup: :sparkles:
oh thats interesting!!!
@moigithub lol, https://en.wikipedia.org/wiki/First-class_function
@moigithub why are you confuse peoples? :/
Would greatly appreciate it if someone could send me an invitation for screen hero
@RoadToCode822 just download the app and you can create an account within the app itself without an invite
@sok213 grrrrr
that's actually very helpful. thank you!
that's actually very helpful. thank you!
@codybousc Glad to help
var square = new Object();
square.sideLength = 6;
square.calcPerimeter = function() {
return this.sideLength * 4;
};
// help us define an area method here
var calcArea = function () {
return this.sideLength * this.sideLength;
};
var p = square.calcPerimeter();
var a = square.calcArea();
what am I doing wrong, it says square.calcArea is not a function.
@japfohl so got ur code working ?
@Lux3 look at calcPerimeter and calcArea definitions and compare them :)
Nope... still brooding and trying little things but not having success
derp
@japfohl I can help you at floobits.
floobits?
@Mistereo not sure how I was missing that thank you!
@japfohl Thanks, did exactly that.
code
`function findLongestWord(str) {
str = str.split(" ");
str.sort(function(a,b){
return b.length - a.length;
});
return str[0].length;
}
findLongestWord('The quick brown fox jumped over the lazy dog');
`
This message was deleted
is there a way to combine the split and sort into one big line
This message was deleted
According to the doc,
//var strReverse = str.split('').reverse().join(''); // 'lkjhgfdsa'
//var strReverse = str.split('').reverse().join(''); // 'lkjhgfdsa'
This message was deleted
//var strReverse = str.split('').reverse().join(''); // 'lkjhgfdsa'
use ``` for multiline code.
function reverseString(str) {
var strReverse = str.split('');
strReverse.reverse();
strRevrse.join('');
return str;
//var strReverse = str.split('').reverse().join(''); // 'lkjhgfdsa'
}
reverseString('hello');function findLongestWord(str) {
str = str.split(" ");
str.sort(function(a,b){
return b.length - a.length;
});
return str[0].length;
}
findLongestWord('The quick brown fox jumped over the lazy dog');
can someone tell me why my code isn’t working?
@gabazine yes, you can chain them :)
var str = "bcda";
str.split("").sort();
@Mistereo it doesn't work, it keeps saying str.split not a function
@LCBecker
I have a dumb question about the Twitch TV zipline. What key is the stream's "name" under?
The JSON sample has "game"...but that's only if the stream is under the game category. What would, say, FCC's Saturday stream's name be under if it was live?
I have a dumb question about the Twitch TV zipline. What key is the stream's "name" under?
The JSON sample has "game"...but that's only if the stream is under the game category. What would, say, FCC's Saturday stream's name be under if it was live?
@gabazine show what you are truing to do..
@RoadToCode822 first: you return str, not strReverse, second:
strRevrse.join(''); -- typo...
missed 'e'.
@Mistereo Not working
function findLongestWord(str) {
//str = str.split(" ");
str.split(" ").sort(function(a,b){
return b.length - a.length;
});
return str[0].length;
}
findLongestWord('The quick brown fox jumped over the lazy dog');
Hi ladies and gents - can anyone provide any help on one of the beginning lessons?Waypoint: Override Styles with Important
function reverseString(str) {
var strReverse = str.split('');
strReverse.reverse();
strReverse.join('');
return strReverse;
//var strReverse = str.split('').reverse().join(''); // 'lkjhgfdsa'
}
reverseString('hello');
@RoadToCode822 you have to assign your function calls like so
temp=strReverse.reverse();
@RoadToCode822 i think because you are perfoming parallel things to strReverse
@RoadToCode822 join didn't mutate the source array;
strReverse.join('');
return strReverse;Should be:
return strReverse.join('');
@gabazine the same, split didn't mutate the source string..
@LCBecker I think it's called game in any case
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<style>
.red-text {
color: red;
h2 {
font-family: Lobster, Monospace;
}
!important: <style> .urgently-blue { color: blue !important; }
p {
font-size: 16px;
font-family: Monospace;
}
</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>
Trying to figure out what I did wrong here
this should work
@Mistereo I dont get it
@gabazine
function findLongestWord(str) {
str = str.split(" ").sort(function(a,b){
return b.length - a.length;
});
return str[0].length;
}
findLongestWord('The quick brown fox jumped over the lazy dog');
Also you return the length of word, is it what you want?
function reverseString(str) {
var strReverse = str.split('');
var temp = strReverse.reverse();
return temp.join("");
}
reverseString('hello');
@Mistereo yep, not the word, but its length.. thanks I get it now
or even simpler
function reverseString(str) {
return strReverse = str.split('').reverse.join("");
}
without the stdReverse =
Can you elaborate on “join didnt mutate the source arraY”
I guess I mean 'does not', sorry English is foreign for me :)
var arr = ['a', 'b', 'c', 'd'];
arr.join('');
// arr is still ['a', 'b', 'c', 'd'] not "abcd";
Could anyone help me fix my code?
@anthonyblow did it say your text should be blue or red? And where is your "urgently-red" class?
@Singhsukh - That bonfire doesn't want you to remove the spaces. The spaces should count as characters to be removed. Also, you need to add "..." to the end of the string before its returned.
@SerenityFL The text should be red -
thanks, i appreciate the help everyone :)
@SerenityFL here's the updated with urgently red
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<style>
.red-text urgently-red {
color: red !important;
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class='blue-text'.urgently-red> 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>
@anthonyblow Ok, I did this probably 10 times to make sure I could do it without hints, so I'm very familiar with the lesson you're on
i like Practice Functional Programming its very coool
in your H2, you don't need the dot before urgently red, should read: "h2 class='blue-text urgently-red'
@SerenityFL Thanks - I've been on this for a couple of hours - really appreciate it - just need to know what I'm doing wrong
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, 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
@SerenityFL OK
let me go back and look at mine, your urgently red up in the top I'm wondering about, but I did see that you got the !important fixed up from the first c/p you put up.
main thing is the last two - making the text emerge as red @SerenityFL
Yes... not going to let this challenge beat me! @SerenityFL
@anthonyblow what is the title of that lesson?
@SerenityFL Waypoint: Override Styles with Important
bonfire trun
:fire:Bonfire: Truncate a string :link:
function truncate(str, num) {
// Clear out that junk in your trunk
return str;
}
truncate('A-tisket a-tasket A green and yellow basket', 11);Truncate a string (first argument) if it is longer than the given maximum string length (second argument). Return the truncated string with a '...' ending.
Note that the three dots at the end add to the string length.
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
type:
bf detailsbf linksbf spoiler
@anthonyblow ok, give me a second
Ok, @anthonyblow at the top, you have .red-text and .urgently-red. What I did was create it separately. I created it like this: .urgently-red { color: red !important }
so you will have one .red-text if and then anotehr .urgently-red with the !important declaration going there after your color.
@SerenityFL ok one sec - let me try again
<style>
.red-text {
color: red;
}
.urgently-red {
color: red !important
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class='blue-text urgently-red'>CatPhotoApp</h2>
@SerenityFL Thank you for your help - I have one last task which says the h2 element should be red. my text is red now, but just wondering why this is not checked off
c/p what you have?
c/p?
sorry, copy/paste
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<style>
.red-text {
color: red;
}
.urgently-red!important;
}
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
<h2 class='blue-text urgently-red'> 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>
Ok, up by your "urgently-red" at the top under style, it needs to read: .urgently-red { (your forgot your lead bracket)
so .urgently-red { color: red !important }
@SerenityFL Thank you so much SerenityFL! I'm going to go back as you did and work this one a couple more times to get it down
Patience I'll have to pay forward once I get the hang of this
@anthonyblow No problem. Brackets and / and < and ' are killers. I go over everything a lot of times to make sure I'm as comfy with it as I am HTML.
@SerenityFL Advice adopted
@anthonyblow and congrats, you're the first person I was actually able to help. I've never done CSS before my 9 hour marathon on it yesterday. Once you get it, it actually starts to click.
hi everyone
how can I get same random values two times?
Can someone look at my Twitch code. Everything works but I can't get it to load the initial list on page load. http://codepen.io/jma921/pen/LVabXd?editors=001
Anyone already complete the Confirm the Ending bonfire? I think it's bonfire #9.
Hi all. Can anybody give me some direction on the reverse string bonfire?
I am just curious how other people solved it
I tried using the string split method following this instruction to break it down into an array
@wannabecoding you have to use .split(' ').reverse().join(' ');
@codeJunkie01 return str.slice(-end.length)===end
@codeJunkie01 thanks, didn't want the exact answer though :)
Interesting I used a regex
what regex did you use codejunkie
How do I individually test .split? I get undefined
@codeJunkie01 what regex did you use
function end(str, target) {
// "Never give up and good luck will find you."
// -- Falcor\
var regex = new RegExp(target + "$");
if(str.match(regex)){
str = true;
}else{
str = false;
}
return str;
}
end('Bastian', 'n');
@wannabecoding are you doing .split(' ');?
you have to put a space with quotes around it
@codeJunkie01 i think.. instead str.match..u can use str.test() wich returns a boolean
just .split(); wont work I dont think
I don’t think you have to put a space between the beginning and ending quotes for the split method
@moigithub when I use .test() it gives me an error and states str.text() is not a function
test not text
so I was able to get the .match() method to work
var regex = new RegExp(target + "$");
//return str.test(regex); <-- wrong syntax
regex.test(str); //<-- fixed
//return str.test(regex); <-- wrong syntax
regex.test(str); //<-- fixed
should work...
i think
@RoadToCode822 i think you at least have to have the quotes in the parenthesis
has anyone here done the quote generator zipline?
looking for a good api to use to get quotes
any suggestions?
some used api.. some used arrays.. some said both are valid :)
some did drunks quotes,, other startrek, saw even pokemon quotes...
Hi, I'm not sure where it's appropriate to post about needing help but this place seemed the most likely? I'm early on in coding and am stuck even though I feel as though I've completed the task. I need the image to be 100 px wide and this is my code:
African: Read the instructions carefully, I think you have to add a class as well-
@snwyvern is .smaller-image not a class? It's saying that I've created the class but that my image is still not 100 px.
Make sure the CSS matches? :|
@AfricanSam try refresh ?
@moigithub arrays is cheating imo :p
@skr5e Hey! :wink: It depends on what quotes you want to use. For example, I wanted to do a Star Trek quotes thing, and there wasn't an API available for that. So I was stuck typing them in one by one. I would have LOVED to use an API instead.
Is there supposed to be a space between width and 100px? I'm just guessing.
Ag, I've moving onto the next task. It's frustrating to not get a green tick but the code is resizing the image if I put in different amounts. Thanks for the suggestions everyone!
@AfricanSam you have the number of the waypoint?
@AfricanSam Or the URL/link?
has anyone used regex before?
I am trying to solve this question: Write an expression to see if the num variable contains the string "3.5".
I tried num.test("3.5")
num.exec(/3.5/)
@Buzzlightyear90
/3\.5/
that's what I entered except that the backslash disappeared every time I enter the thing on here
@Buzzlightyear90 and didn't work?
is ```num.test(/3.5/) good?
it didn't work
I am using http://tryregex.com/
it worked, I don't know why
@Buzzlightyear90 perhaps you need to use the global flag
/3\.5/g
@AfricanSam I couldnt find where you went wrong. I tried it and this worked
<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-kittens'/>
<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>
and it is waypoint 19
hmmm...
i cant find anything wrong either
can anyone help me?
i'm on bonfire: chunky monkey, and i just dont no wer 2 start. any tips on what i shood do first?
bonfire chunky monkey
: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.
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
type:
bf detailsbf linksbf spoiler
@cjg040103 Remember that you can iterate in chunks of specific sizes, you don't have to always use i++.
i just don't understand wat it wants me 2 do.
brb 10 mins. hav 2 go eat dinnr
bonfire title case a sentence
:fire:Bonfire: Title Case a Sentence :link:
function titleCase(str) {
return str;
}
titleCase("I'm a little tea pot");Return the provided string with the first letter of each word capitalized.
For the purpose of this exercise, you should also capitalize connecting words like 'the' and 'of'.
Remember to use RSAP if you get stuck. Try to pair program. Write your own code.
type:
bf detailsbf linksbf spoiler
Hi all. I can't seem to figure out why my array will only ever have one word in it, and was hoping someone could help
bf spoiler
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
When I push the current word into the array, it doesn't append it, it seems to be overwritten.
// This part is working, now I need to loop it
function titleCase(str) {
var words = str.replace(myRegExp, "").toLowerCase().split(" ");
var myRegExp = /[^a-zA-Z][\.,-\/#!$%\^&\*;:{}=\-_`~()]?/ig;
console.log (words + ' <= word list');
for (i = 0; i <= words.length; i++){
var current = words[i].slice(0,1).toUpperCase() + words[i].slice(1).toLowerCase();
console.log(current + ' <= current word');
var titled = [];
titled.push(current);
console.log(titled + ' <= titled word list');
}
return titled;
};
titleCase('help I need somebody');
~~
@voodoobettie you created a blank
titled in every iteration
@Kolloom Oooh. I kept looking at it, trying to figure out why it was doing that!
@Kolloom Okay, thanks. Duh me. lol
@Kolloom Instantly fixed. Many thanks!
no problem
Okay one more question, it runs but I get an error which says words[i] is undefined, how can I fix that?
Working on Smallest Common Multiple. I've got one iteration down, but I'm now trying to figure out how to loop through the rest of the numbers. Code below. I want to multiply the largest number by 1, then 2, then 3, then 4, etc, checking each time to see if the numbers in the range are evenly divisible by that multiple. I can't figure out how to get that done.
function smallestCommons(arr) {
var numMin = Math.min(arr[0], arr[1]);
var numMax = Math.max(arr[0], arr[1]);
var numMultiplier = 1;
var arrBool = [];
for (var i = numMin; i < numMax; i++) {
if ( (numMax * numMultiplier) % i === 0) {
arrBool.push(true);
} else {
arrBool.push(false);
}
console.log("min " + numMin + " " + "max " + numMax + " " + "i " + i + " " + "mult " + numMultiplier);
}
console.log(arrBool);
if (arrBool.indexOf(false) == -1) {
return numMax * numMultiplier;
}
}
smallestCommons([1,5]);
I'm having trouble with bonfire: mutations. For whatever reason, my argument is returning true no matter what. Do I have the syntax wrong on my indexOf call?
function mutation(arr) {
var baseStr = arr[0].toLowerCase();
var searchStr = arr[1].toLowerCase().split('');
for (i = 0; i < searchStr.length; i++) {
if (baseStr.indexOf(searchStr[i]) < 0) {
return false;
}
else {
return true;
}
}
}
mutation(['hello', 'hey']);
@SojournerOctocat Would a switch statement work?
@voodoobettie Hint: take a 2nd look at
i <= words.length
@voodoobettie I think not. The issue is that I don't know how many multiples it would take to find the answer. I think switch statements are for when you know all of the answers available, no?
@sanspulp you see the
return statement will break the entire for loop at first iteration
@SansPulp Your
for loop is short-circuiting with the return statement
since the first letter are the same, true is returned
which means your for loop never looks for any other letter but the first one
@SojournerOctocat I think I can see what you’re trying to do; there may be an easier way to solve this problem.
@Reggie01 I'm confused, the i is just to run the loop and it runs correctly, and gets the right result but I still get the error.
could you post the new code ? @voodoobettie
@Kolloom Here it is...
// This part is working, now I need to loop it
function titleCase(str) {
var words = str.replace(myRegExp, "").toLowerCase().split(" ");
var myRegExp = /[^a-zA-Z][\.,-\/#!$%\^&\*;:{}=\-_`~()]?/ig;
//console.log (words);
var titled = [];
for (i = 0; i <= words.length; i++){
var current = words[i].slice(0,1).toUpperCase() + words[i].slice(1).toLowerCase();
// console.log(current + ' <= current word');
titled.push(current);
console.log(titled + ' <= titled word list');
}
return titled;
}
titleCase('help I need somebody');
@voodoobettie you’ll want to change your
for loop
use
i < words.length
e.g., for an array of length 4, the last index is 3
@rossta Ah ok, I gotcha. It's undefined because it's an index that doesn't exist. Okay. Thanks!
you got it
Hello everyone, does anyone have any problem with Codepen interface? I have some bugs, I tested my code on jsfiddle, it works very well
what are the bugs you see?
Heya gang I am kind of stuck since yesterday on the "find the longest word bonefire" .. I know how to find make the array out of the string , and how to find the character number in all the words in the array ,but I cant figure out the logic for finding the longest word :/ Any tips ? :)
function findLongestWord(str) {
var stringReplace = str.split(/\s/g);
console.log(stringReplace);
for (var i=0; i !== stringReplace.length; i++) {
console.log(stringReplace[i] + " has the length of " + stringReplace[i].length + " characters");
// var longest = "";
// if(stringReplace[i].length > longest.length ){
// longest.length += stringReplace[i].length ;
// console.log("This is the longest word: " + longest);
// }
}
}
findLongestWord('The quick brown fox jumped over the lazy dog');
I tried all kinds of ways. array sorting, some weird if else loops
probably missing something obvious :)