get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
that’s awesome, what is your background prior to this?
Coding off and on for about 6 years, js maybe past 2
The hardest bonfire imho was no repeats please
i just read the description for no repeats, then i hit "back" right away. lol
would it be proper to master script then learn jQ?
wondering if any angular people are around to help me with this
$http stuff?http://stackoverflow.com/questions/33190600/using-put-to-update-a-vote-count
Anyone know how to break out of a click function?
@Jauble JS is non-blocking so you can just return
@hansinla Thanks for the input. I just tried a whole bunch of options. Then I tried this:
myCar["engines"] = 4;I don’t recall a Waypoint showing this technique prior, but it worked! Thanks!
easyspirit sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:star: 542 | @hansinla | http://www.freecodecamp.com/hansinla
@hansinla Thanks that's good to know. It doesn't seem to be doing what I want it to thought
*though
I'm a bit lost in trying to figure out the first zipline of a web portfolio. I think the challenge needs to list out the possible tools we'll want to use from bootstrap there. There seem to also be a lot of bootstrap features needed for it which are not taught in previous waypoints.
Here's mine: http://codepen.io/Philosophist/pen/xwZGar
Any tips of what to try and figure out or search for next would be appreciated.
hi guys....
I'm trying to get a range of [1, 4] to be [1,2,3,4]. how can i do that? i tried using for loops
help where do i belong
:point_right: bonfire where do i belong [wiki]
Explanation:
This can be a tricky problem to understand. You need to find where in the array a number should be inserted by order, and return the index where it should go.
:pencil: read more about bonfire where do i belong on the FCC Wiki
@pappilino Did you try using push()?
@pappilino there are more ways than one to do that. For loop with push would be easiest
function sumAll(arr) {
var min = Math.min.apply(null, arr);
var max = Math.max.apply(null, arr);
var newArr = [];
for (var i = arr[0]; i < arr[1]; i++) {
newArr.push(arr[i]);
}
return newArr;
}
sumAll([1, 4]);
i get [4,undefined,undefined]
Do push(i) instead
@pappilino
yep.. got it
thanks @HermanFassett
pappilino sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:star: 384 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
@pappilino A side thought, the max and min variables seem unnecessary.
why?
oh, the array doesn't always come with smaller number first
so, is it still necessary?
@pappilino I don't see any purpose that they serve. You never use them after establishing them.
i think that's the reason i still can't pass it
function sumAll(arr) {
var min = Math.min.apply(null, arr);
var max = Math.max.apply(null, arr);
var tempArr = [min, max];
var newArr = [];
for (var i = tempArr[0]; i <= tempArr[1]; i++) {
newArr.push(i);
}
return newArr.reduce(function(previousValue, currentValue) {
return previousValue + currentValue;
});
}
sumAll([1, 4]);
now it's passed
thanks for pointing it out @Philosophist
pappilino sends brownie points to @philosophist :sparkles: :thumbsup: :sparkles:
:star: 283 | @philosophist | http://www.freecodecamp.com/philosophist
@pappilino you could also just put the min and max into your
for loop instead of adding a reduce
@pappilino Ahh, I would suggest then using an if test to establish which is lower. After that set your min var to the lowest and max to the highest, but don't use the MAth . min .apply thing. I'm not sure what it's supposed to do, but it seems unnecessarily complicated for what you need. Then you want to make sure to use your min/max variables in the for loop
NP
Cool, glad it worked!
without the .apply i got NaN from the Math.min.
does anyone know if I should be able to use Font Awesome icons within Codepen? I have both Bootstrap and Font Awesome added as external CSS files in the CSS settings, and I'm using the correct
<i> classes for the icons I'm attempting to display, but I keep getting a broken icon box in the preview window
This message was deleted
This message was deleted
@samanthamed I add this whenever I need to use font awesome and it has always worked for me. Add it to the html's head section:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
thanks @kirah1314, but unfortunately that isn't fixing it for me
samanthamed sends brownie points to @kirah1314 :sparkles: :thumbsup: :sparkles:
:star: 288 | @kirah1314 | http://www.freecodecamp.com/kirah1314
@samanthamed ok, what codes are you using to the fonts?
share the codes or your codepen?
this is the section of HTML that I put the fa classes in...
working on Where do I belong bonfire
function where(arr, num) {
var when = arr.concat(num);
var why = when.sort();
var who = why.indexOf(num);
// Find my place in this sorted array.
return who;
}
where([2,5,10], 15);why is this returning 1 and not 3?
sorry hang on, having trouble sending my code
<button class="btn btn-primary" type="button" onclick="loadQuote()"><i class="fa fa-quote-left"></i> Give me another! <i class="fa fa-quote-right"></i></button>
@samanthamed hmm that looks about right
@samanthamed did you add the link I posted above to html/head section?
@kirah1314 I did, yeah
at this point I'm starting to wonder if it's just my browser (FF)...I'm going to try it in chrome to see if I can rule that out
@samanthamed try to remove the css link you added to your css settings
oh, I'll try that first
ok I'm using chrome btw
alas, removing it in settings didn't help either. off to try chrome
ok, if that doesn't work then you could post your codepen link and I could take a look if you want :)
huh busted in chrome too. okay, my codepen link is http://codepen.io/samanthamed/pen/GpOoyJ (definitely still in progress, ha)
@samanthamed ok it has something to do with your CSS stuff, if you remove all your CSS then you'll see the quotes
ok, I'm glad that's narrowed down now. thanks @kirah1314 !
samanthamed sends brownie points to @kirah1314 :sparkles: :thumbsup: :sparkles:
:warning: samanthamed already gave kirah1314 points
@samanthamed it's this:
* {
text-align: center;
font-family: Calibri !important;
background-color: #eeeeee !important;
}
oh! the font family I'm guessing
@samanthamed glad to help :thumbsup:
yup the font family
bingo!
@samanthamed btw, I used the same exact quotes you're using on my zipline too lol
@bkthegeek because it is in this order "10, 15, 2, 5" i believe
@kirah1314 haha nice :+1: thanks again!
samanthamed sends brownie points to @kirah1314 :sparkles: :thumbsup: :sparkles:
:warning: samanthamed already gave kirah1314 points
@bkthegeek @Aoxom is correct about the order it's coming in. your need to give your sort a function. see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
Hi, I'm new to this site and I am stuck on the exercise giving a background color to a div element. I placed this code at the end within the style element and it does produce the desired result but I can't pass the exercise. What gives? div {background-color: gray;}
</style>
</style>
This message was deleted
@EdwardUdelle if that doesn't make sense paste all your code and i will take a look at it
Here it is...
<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;
}
div {background-color: gray;}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
<div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
@EdwardUdelle in the instructions: "Create a class called gray-background with the background-color of gray. Assign this class to your div element."
so instead of just targeting "div" with your css you need to make a class like ".this-class-should-have-a-certain-name". and you need to give your div that class in your HTML
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
@EdwardUdelle What @qualitymanifest said. The
.red-text class that's already in the code provides a good model.
hi anybody here
?
$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('.project').filter('#' + id).show(100);
})
i want to be able to close it on click and open on click
anyone?
?
$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('.project').filter('#' + id).show(100);
})
i want to be able to close it on click and open on click
anyone?
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
Strange, I place that within the style element and it still does not pass.
Here's what I have now.
@EdwardUdelle can u gimme
WayPoint links ?
show it again
@EdwardUdelle Did you apply the class to the
<div> element in your html? If not, look at how the red-text class is used in the <h2> element for an example.
Here's the style element so far.. <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;
}
div .gray-background {background-color:gray;}
</style>
@EdwardUdelle you don't need the "div" before .gray-background. you apply the .gray-background class to your div in your HTML
@EdwardUdelle similar to what you did with .thick-green-border
Put class in HTML to link ur CSS
<div class="grey-background”>
……..</div>
@daiky00 :point_up: October 18, 2015 9:23 AM
ok
$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('#' + id).toggle(100);
})
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('#' + id).toggle(100);
})
i want to do this
@daiky00 :point_up: October 18, 2015 9:23 AM
check the link for reference
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
@daiky00 :point_up: October 18, 2015 9:43 AM
make your code more readable plz
easier to help you
ok
@daiky00 making the code readable will make us easier to read and help you
$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('#' + id).toggle(100);
})
@daiky00 multiline pls. You're pasting a codeblock
how do i do that
use shift + enter
:point_up: October 18, 2015 9:43 AM @daiky00
$('.main3').on('click', '.show', function() {
var id = $(this).attr('data-panel-id');
$('.project').hide(100);
$('#' + id).toggle(100);
})
now i egt it
hahaha
and this what im trying to do
@daiky00 so what's the issue?
well your variable isnt doing what you want it to
Can someone help me figure out what I am doing wrong on Bonfire: Reverse a String
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
well
the problem is
everything is working but after you open it once it doesnt want to hide again
(#$(this).attr('data-panel-id')).toggle(100); isnt functioning code
@daiky00 yes. It does when you click it again
nono it doesnt
function reverseString(str) {
array = str;
array = array.reverse();
str = array;
return str;
}
reverseString("hello");
what is that
?
@jimillett you need to use all the methods in the "helpful links"
@daiky00
@jimillett you can't reverse a string, you can reverse an array of characters, which is why you need .split. and it needs to be a string when you return it, so that's why you need .join
ah ok that makes sense derp.
thanks
if you want to thank someone, put an @ before their name!
@abhisekp
@jimillett also there's no need for "array" (which should be initialized as "var array" if you did use it), you can do the whole thing to str... on one line, in fact.
Hey @abhisekp any idea how to get my buttons to center when minimized? http://codepen.io/auble220/pen/avyZZE
@jimillett convert the string to array using
string.split() then reverse it and convert it back a string
@Jauble i thot you were doing the bfs
got it thanks all :)
if you want to thank someone, put an @ before their name!
also initialize variable names with
var name
although you don't need any addition variables for this one
did anyone understand my code?
@Jauble wrap the buttons and center them using
margin: 0 auto
@daiky00 yeah! I understood it. :)
@abhisekp I started on the ziplines, then they moved the bf before the ziplines so I started on those, then they moved them back. I just decided to switch back and forth whatever I feel like working on
Thank you all! The div element needs the class= "gray-background" and the style element needs .gray-background{background-color:gray;} I found the instructions a little confusing.
if you want to thank someone, put an @ before their name!
@Jauble just do what you were doing. Don't switch.
when i click it each image it show content below
the problem is you cant close it after you open it
@abhisekp I think I tried using margin auto, but I'll try that
how can record a videos
a video
@daiky00 clicking the img again doesn't work? like in the gif i showed above? :point_up: October 18, 2015 9:51 AM
explain animated gif
:point_right: create, upload and link animated gif image [wiki]
- Download LICEcap and install.
- Open and start recording to create animated GIF.
- Upload the
.giffile in EZGIF.com.- Crop, Resize and Optimize as many times or as required.
- Download animated GIF.
- Upload image to imgur.com.
- Link image using
.
:pencil: read more about create upload and link animated gif image on the FCC Wiki
@daiky00 :point_up: October 18, 2015 9:57 AM
@abhisekp tahnks
@abhisekp thanks
daiky00 sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 615 | @abhisekp | http://www.freecodecamp.com/abhisekp
@daiky00 But lemme give you my trick how to upload it faster.
- Record gif using licecap
- Use snipping tool + to upload from file
@abhisekp Thanks that worked. I realized I had the id wrong in my css, so I'm guessing that's why it wasn't working before lol
jauble sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 616 | @abhisekp | http://www.freecodecamp.com/abhisekp
Hello, gus
guys
How are you?
I am problem,
Create a new p element around your a element.
Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).
Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).
But, I don't know what's to do.
what*
what exercise is this?
you should have a p element with an a element inside it
@3IBit the ,
<p> opening tag needs to be before the a element, the </p> closing tag needs to be after the a element
Hey @jedpimentel. Do you know how to save the file you're working on in dev tools? I can't get it to work
unfortunately not
@jedpimentel Oh ok thanks
jauble sends brownie points to @jedpimentel :sparkles: :thumbsup: :sparkles:
:star: 368 | @jedpimentel | http://www.freecodecamp.com/jedpimentel
hey guys, are you not able to replace the ".text." in this line with ".innerHTML" or ".textContent"?
$(document).ready(function(){ $("h1").text("Hello"); });
You can do html or val
ok, but i'm just trying to understand conceptually, something like ".innerHTML" just doesn't work with jQuery or something?
Well jquery is just a library of javascript
how do I import a font
Depends on if it's online or local
its local
You can import it in the css style like
@font-face {
font-family: "Font Name";
src: url("Fontfile-Regular.ttf") format("truetype");
}
Then just use it regularly as a font-family
I am having trouble on Waypoint: Use Hex Code for Specific Shades of Gray. Give your body element the background-color of a dark gray. My code says:
<style>
body {
background-color: dark gray;
color: #111111;
}
</style>
This does not work. Any suggestions?
@jab5 you should set the background-color to the hex value. setting color doesn't change background-color
@jab5 the color they want is #808080
that works. thanks
if you want to thank someone, put an @ before their name!
No the color they want is #111111 @dting
@jab5 dark gray is also #A9A9A9
oh i guess i was looking at the previous challenge
@jab5
<style>
body {
background-color: #111111;
}
</style>
Anyone know of any settings that would make it so that I can't save changes in dev tools? When I save as, nothing changes. When I do the same thing in a different browser it works though
help palindrome
:point_right: bonfire check for palindromes [wiki]
Explanation:
You have to check if the string you get as an input is a palindrome and return true if it is, and false otherwise.
:pencil: read more about bonfire check for palindromes on the FCC Wiki
Can someone please look at this code and tell me either why it doesn't work or if there is place I can go to check my code to determine what is wrong when I'm doing it?
function palindrome(str) {
var newstr = str.toLowerCase('');
var array = newstr.split('').reverse().join('');
if newstr == array;
return true;
else
return false;
}
palindrome("eye");
I tried it without the single quotes after .toLowerCase(); but that didn't work either ?
@Katie-S ur if statement is missing sybols
if () { }
Yes what @bruglesco said also you need to remove punctuation
Thanks @bruglesco . Now the only thing I've got to figure out is how to get it to ignore spaces and punctuation?
katie-s sends brownie points to @bruglesco :sparkles: :thumbsup: :sparkles:
:star: 205 | @bruglesco | http://www.freecodecamp.com/bruglesco
Only other thing I don't get is if the word is "almostomla" it should return false but returns as undefined?
you need to use a regEx to remove spaces and punctuation
okay thank you. I'll have to go back and read some more. :)
if you want to thank someone, put an @ before their name!
Hi guys! I'm really new to this, does anyone have time to talk about the class definitions for CSS? My code keeps producing thr incorrect result
I feel as though I'm completely lost. Like I completed all the waypoints, but seems like I completely missed something now that I'm on the Bonfires? Like where did we learn about RegEx ?
There were a few waypoints on regex
It was referred to by it's full name Regular Expressions
https://regex101.com/ should help tho
Yeah that's a helpful site
Nvm, got it!
@Katie-S this waypoint: http://www.freecodecamp.com/challenges/waypoint-sift-through-text-with-regular-expressions
hey does anyone know how to fix the problem where a sort doesn't account for a 2nd digit?
@jones-codes as in 10 showing up before 2?
as in 1-10 sort fine. but then item 11 butts in right after item1, instead of after item 10 where it should be
yeah
1-9 sort fine, i meant
@jones-codes you need a comparisonFunction
@jones-codes it's outlined pretty well in there
otherwise sort will be lexigraphically
hmm thanks
if you want to thank someone, put an @ before their name!
@dting good to know that's the word for it... hope i retain it haha
thanks @qualitymanifest
jones-codes sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 281 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
@dting thanks
qualitymanifest sends brownie points to @dting :sparkles: :thumbsup: :sparkles:
:star: 1421 | @dting | http://www.freecodecamp.com/dting
not sure how to apply that to meteor though
it's right there
@jones-codes haven't done meteor. maybe post your code? @dting is here after all!
here's a sort specifier in meteor
@jones-codes but if the issue is what i think it is, the correct .sort function should fix it...
Warriors.find({}, {sort: {rank: 1}});
is rank a Number?
yes
that finds every document in the Warriors collection, and sorts it by rank...until 9
what happens to the rest of the values?
I don't follow, which values?
it sorts by rank until 9
then what happens?
then 10-19 jump up before 2
thats sounds like the rank is stored as a String
meteor should sort the in natural order
hmm
does it sort correctly
if you sort it descending?
Warriors.find({}, {sort: {rank: -1}});
somewhat off-topic but... what is meteor exactly? i'm not finding it on the map
meteor is a js framework for live web apps
live/real-time
And no, making it negative doesn't sort it correctly either, starts with 9
its like a verticalized javascript framework
verticalized??
it deals with basically the entire stack
data sever and front end
yep!
can you post your Warriors model
Warriors = new Mongo.Collection("warriors");
if (Meteor.isServer) {
Meteor.publish('theWarriors', function(){
return Warriors.find();
});
Meteor.methods({
'draftWarrior': function(selectedWarrior){
var currentUserId = Meteor.userId();
Warriors.update(selectedWarrior, {$addtoSet: {draftedBy: currentUserId}});
},
'insertWarriorData': function(warriorNameVar, rankVar, weaponVar, armorVar){
var currentUserId = Meteor.userId();
Warriors.insert({
name: warriorNameVar,
rank: rankVar,
weapon: weaponVar,
armor: armorVar,
createdBy: currentUserId
});
},
'removeWarriorData': function(selectedWarrior){
var currentUserId = Meteor.userId();
Warriors.remove(selectedWarrior);
//Warriors.remove({_id: selectedWarrior, createdBy: currentUserId});
}
});
}
and the function call where you add the rank?
err insert Warrior
@jones-codes oh okay. meteor.js... i thought you were talking about a bonfire or something. that's way out of my league currently. i'll leave you guys to it
if (Meteor.isClient) {
Meteor.subscribe('theWarriors');
Template.warrior.helpers({
warriors: function () {
//Show highest rank at the top
var currentUserId = Meteor.userId();
return Warriors.find({}, {sort: {rank: -1}});
}
});
where you call insertWarriorData
Template.newWarrior.events({
'submit form': function(event){
event.preventDefault();
var warriorNameVar = event.target.warriorName.value;
var rankVar = event.target.rank.value;
var weaponVar = event.target.weapon.value;
var armorVar = event.target.armor.value;
Meteor.call('insertWarriorData', warriorNameVar, rankVar, weaponVar, armorVar);
event.target.warriorName.value = "";
event.target.rank.value = "";
event.target.weapon.value = "";
event.target.armor.value = "";
}
});
here's the html field where rankVar is pulling the value from
<input class="form-control" type="number" name="rank" min="1" max="64" placeholder="Enter Warrior's Rank"> 'insertWarriorData': function(warriorNameVar, rankVar, weaponVar, armorVar){
check(rankVar, Number); // Insert this line
var currentUserId = Meteor.userId();
Warriors.insert({
name: warriorNameVar,
rank: rankVar,
weapon: weaponVar,
armor: armorVar,
createdBy: currentUserId
});
},
try this:
var rankVar = +event.target.rank.value;
you are storing strings
unary plus to conver the string to a number
hmm now I'm not seeing the new Warriors enter
I enter*
event.target.rank.value = "";
probably because of this i guess you can
remove that check line
and just try the unary plus to convert values you set to numbers
oh actually
I think I got it, I put this line inside the 'insertWarriorData' function
thanks @dting !
jones-codes sends brownie points to @dting :sparkles: :thumbsup: :sparkles:
:star: 1423 | @dting | http://www.freecodecamp.com/dting
rankVar = Number(rankVar);
just be cautious that Number("") is 0
nice
You mean if I forget to fill out that field?
This particular form is honestly just to make my life easier filling up the database
the real app will be allowing users to transfer warriors to their own databases...if I can ever figure that out
nice good luck with the project
thanks again for your help @dting
jones-codes sends brownie points to @dting :sparkles: :thumbsup: :sparkles:
:warning: jones-codes already gave dting points
Thanks guys I found them. I got the bonfire to read correctly all except the one that include punctuation? Here is my code the only issue is the one current str should return true and not false. How do I get it to leave in the symbols yet remove commas and periods?
function palindrome(str) {
var newstr = str.replace(/[^\w\d]/gi,'').toLowerCase();
//return newstr;
var strReverse = newstr.split('').reverse().join('');
//return strReverse;
if (newstr==strReverse){ return true; } else { return false;
}
}
palindrome("0_0 (: /-\ :smile: 0-0 ")
if you want to thank someone, put an @ before their name!
Sorry that looks better
Do I just type in the symbols I want to keep inside of the brackets?
Hello everyone, I am doing the twitch.tv zipline, and sometimes the status doesn't load for some users, and they stay neither online or offline. Does anyone know why that might be? Here is a link to what I have done so far...
Ooh I got it
Thanks guys
if you want to thank someone, put an @ before their name!
Al I had to do was add |_ outside of the brackets to include underscore back in the replace expression to look like this
function palindrome(str) {
var newstr = str.replace(/[^\w\d]|_/gi,'').toLowerCase();
//return newstr;
var strReverse = newstr.split('').reverse().join('');
//return strReverse;
if (newstr==strReverse){
return true;
}
else
{
return false;
}
}
palindrome("0_0 (: /-\ :) 0-0 ");
Did anyone implement the minimax algorithm for the tic tac toe zipline?
@Katie-S the \d is redundant
\w is [A-Za-z0-9_]
also you can use \W which is [^A-Za-z0-9_]
so
/\W|_/ or /[\W_]/also work
you can check them out at www.regex101.com
@TheHighPriestess I did minimax for my tictactoe
pls help i am confused
@brijesh68kumar more details please
hey everyone.. i'm stuck at setting up ssh for github ..
hey @designviacode - what do you mean?
here's what i've done till now..
successfully generated ssh keys ..
added them to my system and github...
added them to my ssh-agent ..
successfully generated ssh keys ..
added them to my system and github...
added them to my ssh-agent ..
@designviacode okay
what is giving you problems?
has anybody used the twitter API?
on running ssh -T git@github.com
it successfully shows
it successfully shows
Hi designviacode! You've successfully authenticated, but GitHub does not
# provide shell access.
the problem is on trying to clone a repo via ssh .. or trying to access via ssh .. it doesn't work ..
and this is where i've no clue .. on how to move forward with this ..
hmmmm...that is the message you should get if your ssh key is set up correctly
how are you trying to clone
using the ssh clone url ..
so you tried "ssh git@github.com:(repo)"?
sorry for the emoji
: (
i just tried .. ssh git@github.com
PTY allocation request failed on channel 0
Hi designviacode! You've successfully authenticated, but GitHub does not provide shell access.
Connection to github.com closed.
can you show me the whole command you are typing?
ssh should just use the git@github.com cloning address
yeah sure ..
this is the repo i'm trying to clone .. from my account ..
Link : git@github.com:designviacode/hello-world.git
sorry ..
git@github.com:designviacode/hello-world.git
emojis can be a *itch!
yeahh ..
:wink2:
do you mind if I clone it?
yeah suree..
so
'''
:bulb: to format code use backticks! ``` more info
git clone git@github.com:designviacode/hello-world.git
''' git clone git@github.com:designviacode/hello-world.git '''
:bulb: to format code use backticks! ``` more info
git clone git@github.com:designviacode/hello-world.git
worked for me
what do you get when you try that?
it worked ..
cool
so does this mean now i can access github from .. terminal itself ..
yeah
creating a new repo is complicated, but everything else is easily done from the terminal
thanks @BoDonkey :smile:
designviacode sends brownie points to @bodonkey :sparkles: :thumbsup: :sparkles:
:star: 295 | @bodonkey | http://www.freecodecamp.com/bodonkey
@BoDonkey just one more query ..
on every commit ..
git asks for my username and password ..
on every commit ..
git asks for my username and password ..
every singhle time ..
git config --global user.name "designviacode"
are you on a mac?
ubuntu ..
and its different there ..
so once i change it .. it should work ..
hmmm. on mac there is a keychain for credentials--not sure about linux
i just changed it to represent designviacode..
converted my macbook air to ubuntu--best decision ever
hehehe ..
now on running
git config --global user.name it shows : designviacode
Hi all I need help . Why this is wrong ? I try to nest element in form element : <form action="/submit-cat-photo"></form> It was refused , I don't know why . THANKS
@QuincyLarson Hi all I need help . Why this is wrong ? I try to nest element in form element : <form action="/submit-cat-photo"></form> It was refused , I don't know why . THANKS
slibre2 sends brownie points to @quincylarson :sparkles: :thumbsup: :sparkles:
:star: 140 | @quincylarson | http://www.freecodecamp.com/quincylarson
@designviacode looking around the interwebs, it looks like people on different flavors of unix using gnome-keyring
okay i'll try to do so .. thanks @BoDonkey for all your help .. :wink:
designviacode sends brownie points to @bodonkey :sparkles: :thumbsup: :sparkles:
:warning: designviacode already gave bodonkey points
@slibre2 what do you mean by "it was refused"?
@BoDonkey It doesn't work . It's not validated
@slibre2 is this at codeacademy or codeschool?
@BoDonkey ? It's a free code camp
I m beginner waypoint 30
@slibre2 which section? HTML5 and CSS?
@slibre2 okay CatPhotoApp, right?
@BoDonkey yes !
yes
@boDonkey This is my answer : <form action="/submit-cat-photo"></form>
@slibre2 where are you putting the </form>?
@BoDonkey at the end as it is a closing tag
@slibre2 is it after your
<input type="text" placeholder="cat photo URL">?
@BoDonkey Oh yes ! I put alone
@slibre2 should be"
```<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>```
@BoDonkey I was asking if I had to put it bewteen style ele
@slibre2 be right back
@BoDonkey Thanks . in input ele ; ok thanks a lot Bo
slibre2 sends brownie points to @bodonkey :sparkles: :thumbsup: :sparkles:
:star: 296 | @bodonkey | http://www.freecodecamp.com/bodonkey
@slibre2 you don't need to mention quincy asking for help. We're here to help.
@abhisekp ok ! sorry ! Because I had no answer So I thought I could ask the teacher ! Mr LARSON . sorry
@slibre2 he is too busy! That's the reason he created this awesome community where we can help each other and progress simultaneously. :D
@abhisekp ok thanks for your explanations ! Is it possible to ask a question beginning with @all or to all ?
slibre2 sends brownie points to @abhisekp and @all :sparkles: :thumbsup: :sparkles:
:star: 619 | @abhisekp | http://www.freecodecamp.com/abhisekp
:warning: could not find receiver for all
In jQuery challenges, I am not able to run tests for the first challenge
@abhisekp yes that 's a very good communauty ! It's awesome ! worldwide ! great !
This message was deleted
hey i'm on the campers news app and i want to add the date of the post
like"poste by x on Oct 18"
the API retrieve this:
timePosted: 1445112631816
what format is it?
like"poste by x on Oct 18"
the API retrieve this:
timePosted: 1445112631816
what format is it?
I am super stuck. Can anyone help me with the making the background of my form green. I have put the ID attribute everywhere I can think of. I can make it green but it negates the cat-photo-form portion. Ugh!
I need some eyes on this one. Codepen ISN'T giving me an error message for this...but is it correct? Doesn't seem so to me:
var winModal = function () {
if (xWins == true) {
$(".winAlert").fadeIn(1000);
}
else if (oWins == true) {
$(".loseAlert").fadeIn(1000);
}
}
};
@EclecticSquare which one are you doing?
@EclecticSquare let me see your code
using an ID attribute to Style an element
I'm so new to this. Give me a sec
That's what I've got @tanasic
and what does it fail you ?
from this I dont see what you need to do
trying to make the background color of the form green
@EclecticSquare have you used the '#' in the CSS for id ?
@EclecticSquare paste the whole code so we can see whats wrong :/
This message was deleted
okay. I'll try
#cat-photo-form {
background-color: green;
}<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;
}
.gray-background {
background-color: gray
}
#cat-photo-element {
background-color: green; }
</style>
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
<div class="gray-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
<form action="/submit-cat-photo" id="cat-photo-form" "cat-photo-element">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
I've tried all of those things. Nothing is working.
I clearly don't know how to post the code correctly. Eesh! So much to learn.
@EclecticSquare whenever you get stuck, I advise you to read carefully what is asked of you ;)
@EclecticSquare #cat-photo-form
you have...#cat-photo-element
get rid of "cat-photo-element"
@tanasic because If I have learned anything here it is that ppl rush to do the coding and do not read/understand what is asked of them :/
Try this @EclecticSquare
#cat-photo-form {
background-color: green;
}
@EclecticSquare replace the 'cat-photo-form' with 'cat-photo-element'
@EclecticSquare see.. that lessons says: "Try giving your form, which now has the id attribute of cat-photo-form, a green background.
"
"
change the word "element" to "form"
OMG! Thank you SOOOOOOO much @TheHighPriestess. That totally fixed it and helped to understand better where I messed up.
eclecticsquare sends brownie points to @thehighpriestess :sparkles: :thumbsup: :sparkles:
:star: 298 | @thehighpriestess | http://www.freecodecamp.com/thehighpriestess
Thanks everyone!
if you want to thank someone, put an @ before their name!
Glad to know this is available. I was losing it over here. @tanasic @TheHighPriestess @camperbot @KofiAkorli
@EclecticSquare haha dont sweat it.. just stay calm :)
@EclecticSquare yeah, you're welcome
Yeahhh. You could end up with a lot of broken electronics if you don't. @tanasic
@EclecticSquare What happened was that your CSS didn't match your HTML. In your CSS you had "#cat-photo-element"...but in your HTML you had id="cat-photo-form".
Yes. Thank you @TheHighPriestess . From reading it, I was understanding it as 2 separate things but it all makes sense now. I didn't even think about it like that.
eclecticsquare sends brownie points to @thehighpriestess :sparkles: :thumbsup: :sparkles:
:warning: eclecticsquare already gave thehighpriestess points
@EclecticSquare when Im stuck I do two things: 1. carefuly, slowly read again all the instructions, 2. reset my code and start over... usually helps :)
okay. @tanasic I'll keep that in mind.
Sometimes I just take a break. Helps to clear the mind. Often..when I do that..I will come back and instantly figure it out.
@EclecticSquare here's a tip, you can let two class names control one element by putting a space between them like this
class = "first second"
...and after taking a break I just went back and figured out my problem
@TheHighPriestess Yeah, sometimes I overthink it if I sit there and be stubborn. If I walk away and come back with a fresh train of thought, I realize it's usually much simpler than I was making it.
This place is a wealth of info and help. So glad I stopped being scared to ask for help for fear of sounding like a complete idiot.
back to the coding adventure I go
var Car = function() {
this.wheels = 4;
};
// Only change code below this line.
var myCar = new Car();
engines = 1;
//Add the property "engines" to myCar, and make it a number.
// Only change code above this line.
(function() {return JSON.stringify(myCar);})();
What I'm doing wrong? This error shows up :
"The Property engines of myCar should be a number"
I've even used this.engines = 1;
@saadi123 if you use
this.engines, thisis bound to global, use myCar.engines = 1 instead.
@ronaldrdguez thanks. It worked. Just for guidance. Even if this.engines is global, isn't it still the property of myCar ?
saadi123 sends brownie points to @ronaldrdguez :sparkles: :thumbsup: :sparkles:
:star: 356 | @ronaldrdguez | http://www.freecodecamp.com/ronaldrdguez
sorry im new and Im only learning, i just need to ask a simple question
on my task "Give elements with the red-text class a font-size of 16px." what am I doing wrong?
<style>
.red-text {
color: red;
}
h1 { font-size: 16px; }
</style>
<h2>CatPhotoApp</h2>
<p class="red-text" class="h1">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text" class="h1">kitty ipsum 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>
@saadi123 When you do
this.property = value outside the function definition. this Has nothing to do with Car anymore, instead it refers to the global object. What you’re doing in that case is basically creating a global variable, same as engines = 1. Take a look at Udacitys Object Oriented Javascript course, they have a nice explanation on the parameter this.
@francescoeri You have to add font-size: 16px in your .red-text class.
.red-text {
color: red;
font-size: 16pz;
}
.red-text {
color: red;
font-size: 16pz;
}
@aneequrrehman thankyou, and sorry for my stupid question
No problem :)
@francescoeri
h1 { font-size: 16px; } adds the font size to every h1 on the page. You need to add the property to the .red-text selector so it will only be applied to elements with the red-text class.
@ronaldrdguez thankyou very much
Can someone tell me why the "loseAlert" div is showing even though I have this: $(".loseAlert").hide(); ?
I'm stumped.
@TheHighPriestess Add this to your style sheet:
.loseAlert{
display: none;
}
Hey, everyone, I'm stupid in regular expressions. And I need help to understand one algorithm: Bonfire: Title Case a Sentence. What is wrong:
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
function titleCase(str) {
var str = str.toLowerCase().replace(/\b./g, function(m){
return m.toUpperCase();
});
var str = str.toLowerCase().replace(/\b./g, function(m){
return m.toUpperCase();
});
. matches any character (except newline)
https://regex101.com/
https://regex101.com/
@hansinla Thank you! I completely overlooked that.
thehighpriestess sends brownie points to @hansinla :sparkles: :thumbsup: :sparkles:
:star: 543 | @hansinla | http://www.freecodecamp.com/hansinla
@zerin108 \b. selects both words boundaries (beginning and end of word)
hey guys please what is wrong with my code.
function mutation(arr) {
var Narr = arr[0].split("");
var Marr = arr[1].split("");
for(var i = 0; i < Marr.length; i++){
if(Narr.indexOf(Narr[i]) !== -1){
return true;
}else{
return false;
}
}
}
mutation(["hello", "hey"]);
Thanks @jlslew I cracked it finally
rejreign sends brownie points to @jlslew :sparkles: :thumbsup: :sparkles:
:star: 283 | @jlslew | http://www.freecodecamp.com/jlslew
hey all! i am currently working on my jquery section with free code camp and am having an issue with this one - can anyone tell me what my "Unexpected identifier" is?
("button").addClass("animated");
You are missing the "." (dot operator) after the selected element.
oh jeez
@aneequrrehman brilliant
thanks for helping me see my silly error @aneequrrehman :)
acotlow sends brownie points to @aneequrrehman :sparkles: :thumbsup: :sparkles:
:star: 180 | @aneequrrehman | http://www.freecodecamp.com/aneequrrehman
hi question, im on (Waypoint: Make Dead Links using the Hash Symbol)
I have write this on my code but does not work
<p>Click here for <#>="http://www.freecatphotoapp.com">cat photos</#>.</p>
I can help you out.
thankyou @mildused
your link is your href
so you should do a href=#
@francescoeri To create links, you use anchor tag i.e. <a></a>. Now, to add source to your anchor tag, you use the attribute href="". The target link is written in this href. For example
<a href="http://www.google.com">Google</a>. To make dead links, just replace that target link with "#". So <a href="#">Google</a>
<a href="http://www.google.com">Google</a>. To make dead links, just replace that target link with "#". So <a href="#">Google</a>
In your case, it's just
<p>Click here for <a href="#">cat photos</a>.</p>
a ok simple than what i thoug, thankyou guys @aneequrrehman @mildused
var flip = Math.floor(Math.random() * (1 - 0 + 1)) + 0;
function myFunction(){
// Create an if-else statement here to return "heads" if flip is 0. Otherwise return "tails".
// Only change code below this line.
// Only change code above this line.
}
// We use this function to show you the value of your variable in your output box.
var result = myFunction();if(typeof(flip) !== "undefined" && typeof(flip) === "number" && typeof(result) !== "undefined" && typeof(result) === "string"){(function(y,z){return 'flip = ' + y.toString() + ', text = ' + z;})(flip, result);}
This message was deleted
is these two means the same?
if(obj.hasOwnProperty(t[i])) {
if(obj[t[i]] == source[t[i]]) {
return true;
}
}
return false;if(!obj.hasOwnProperty(t[i]) || obj[t[i] !== source[t[i]]) {
return flase;
}
return true;
@nicktrull You need to follow the example in the sidebar of how to write an if-statement but change the comparison and return value to match what the question is asking you to do. Here’s what that should look like:
if (flip === 0) {
return "heads";
} else {
return "tails";
}This code checks if the variable flip has the value zero and returns a string ”heads” if it does. Otherwise it returns a string ”tails”
@zjasonyang Yes, those two should accomplish the same thing.
@zjasonyang Yes, I believe so. They both check to see if a property exists in obj and if it exists, if it's equal to the propery. If it neither exists nor is equal, it returns false. There are actually Boolean algebra formulas which say, roughly,
A && B === (!A || !B)
@ltegman ok thank you. a few waypoints back when booleans were introduced i got the impression their values could only be true or false. didn't know i was supposed to change return to the values of heads and tails. that was my hang up. now clear thanks to you! booleans can have other values
nicktrull sends brownie points to @ltegman :sparkles: :thumbsup: :sparkles:
:star: 244 | @ltegman | http://www.freecodecamp.com/ltegman
Perhaps this is not the proper place to ask "interview process" questions, but I thought I'd try.
I'm looking at someone else's code and there are a few things that I find odd. For example, this:
// INITIALIZES GAME - keep after var newGame
$(document).ready(function () {
newGame();
});
What is your question @TheHighPriestess
I would not have done it this way. I would have put everything inside .ready
@mildused The rest of the functions are OUTSIDE document.ready.
Well this is quite optimized actually
I'm wondering...why do it this way?
That means the functions are rendered while the page is loading
and when the page is loaded, the functions are quickly called
instead of waiting for the functions to be compiled and called after the window is ready
@nicktrull booleans can only be true or false, but you can return values that are not booleans. We are returning a string in this case instead of a boolean.
newGame() calls the other functions....
Yes.
So...this is just for optimization?
Primarily, yes
It could also be used for setting it up as a component based js
if that function needs to be called again at any time, it is globally accessible
Notice that it says it should be placed AFTER newGame()
@ltegman ah. more clarity. i press on. thanks again.
nicktrull sends brownie points to @ltegman :sparkles: :thumbsup: :sparkles:
:warning: nicktrull already gave ltegman points
@TheHighPriestess That is so the function could be defined already
@mildused Would it have been incorrect to place eveything within document.ready?
@TheHighPriestess Not necessarily, but you could want to call those functions elsewhere, and that could have caused trouble
Ok...I am making a note of what you're saying. I know that my javascript skills aren't that great. I feel that I have some serious gaps.
@mildused thank you for the information
thehighpriestess sends brownie points to @mildused :sparkles: :thumbsup: :sparkles:
:star: 44 | @mildused | http://www.freecodecamp.com/mildused
Hi everyone. Please tell me does this http://codepen.io/caco3/full/rOYKmR/ work correctly?
Image doesn't work. My city doesn't show up
And this doesn't seem to be my weather
It should be able to get the weather of the user, not just yours
@mildused yes, I know. Did you opened that in the new window?
Yes
Seems to be Moscow weather even in different page
Somehing strange happens.
@cac03 Works for me in Sacramento
@SaintPeter does image work?
@cac03 Is there supposed to be a background image?
@SaintPeter no, it's just gray color.
@cac03 I see a weather icon, if that's what you mean?
@SaintPeter yes.
Thanks @SaintPeter
cac03 sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1060 | @saintpeter | http://www.freecodecamp.com/saintpeter
@SaintPeter thanks again. And I should fix sunrise and sunset time.
cac03 sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:warning: cac03 already gave saintpeter points
This message was deleted
For Waypoint: Bring your JavaScript Slot Machine to Life
I enter this as code:
$($".slot")[0]).html(slotOne);
$($".slot")[1]).html(slotTwo);
$($".slot")[2]).html(slotThree);
And it tells me:
missing ) after argument list
What am I doing wrong?
@amirghafouri You're actually missing an opening
(:$($(".slot
Oh wow that's embarrassing haha. Thank you @SaintPeter !
if you want to thank someone, put an @ before their name!
@amirghafouri Haha - happens to the best of us :D
Hi I am beginner here I wish anyone can help me I am still at an early stage I have a problem with "Waypoint: Inherit Styles from the Body Element " Can anyone help me
First, create a h1 element with the text Hello World.
Then, let's give all elements on your page the color of green by adding color: green; to your body element's style declaration.
Finally, give your body element the font-family of Monospace by adding font-family: Monospace; to your body element's style declaration.
@abdonaguib ok, have you written any code?
thats what I have written I don't know what shall i add
<style>
body {
background-color: black; color:green; font-family:Monospace;
}
<h1> Hello World</h1>
</style>
body {
background-color: black; color:green; font-family:Monospace;
}
<h1> Hello World</h1>
</style>
@abdonaguib You need to close your style tag above your HTML (Before the
<h1> element)
This message was deleted
if you want to thank someone, put an @ before their name!
@SaintPeter ohh yea silly mistake thank you very much
abdonaguib sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1068 | @saintpeter | http://www.freecodecamp.com/saintpeter
Waypoint: Create a Form Element
i have a problem
@ardinculori What's the trouble?
how to insert the form correct?
into the text fielrd
field
@ardinculori Can you show what your code looks like?
<input type="text" placeholder="cat photo URL">
i tried to insert it in front
between "text" and placholder"
doesn't work
@ardinculori one moment
ok
@ardinculori Are you sure you're doing "Create a Form Element"?
@ardinculori As opposed to Create a text input?
figure it out
figured it out
thankx anyway
this is the way the code should have been
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
@ardinculori ok, cool
Back here…so I have another question with bootstrap menu bar…
When I try to implement the rest of the page, they stay in the “back” of the menu bar…forcing me to break line until the elements starts to appear
because if I don’t that, the first texts doesn’t appear on the page because they stay behind the <nav> element
how can I solve that?
@dseabra1984 Do you have the navbar set to
navbar-fixed?
@dseabra1984 because that forces it to stay fixed at the top of the page
yes, let me check it
navbar-fixed-top
I want that
to stay fixed on the top
I don’t know how to explain in english clearly…but if you want, take a look at this URL http://codepen.io/dseabra1984/pen/zvPaqb
You can see the text staying behind the menu bar
your content needs margin that's equal to the height of the navbar
the top margin? I will try
specifically:
.div1background {
margin-top: 50px;
}
Brilliant
thank you very much @h4r1m4u
dseabra1984 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 249 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
my pleasure
Can I get some help with a bonfire?
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
@gunrunners-paradise Sure
@gunrunners-paradise Which one, what's the trouble?
@saintPeter
I can't get this function to add to an object
I can't get this function to add to an object
function where(collection, source) {
var arr;
var src_keys = Object.keys(source);
var src = source;
var result = '';
var bool = false;
for(i=0;i<collection.length;i++) {
arr = collection[i]
for(k=0;k<src_keys.length;k++) {
if(arr[src_keys[k]] === src[src_keys[k]]) {
bool = true;
} else {
bool = false;
}
}
if(bool === true) {
result += arr;
}
}
//arr = collection[0]["last"];
//arr = collection[0].hasOwnProperty("first");
//arr = collection[0][src_keys[0]];
// What's in a name?
return result;
}
//where([{ "a": 1 }, { "a": 1 }, { "a": 1, "b": 2 }], { "a": 1 })
where([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });:bulb: to format code use backticks! ``` more info
using jQuery, how do you use $(".slot") selector to select all slots then assign values to respective slots?
This is the Where art thou bonfire
So can someone help?
Anyone here?
hi guys im stuck here
@gunrunners-paradise
if(arr[src_keys[k]] === src[src_keys[k]]) {
bool = true;
} else {
bool = false; // What if your first item doesn't match, but your second does?
}result needs to be an array, and push arr onto it
var array = [4,5,6,7,8];
var singleVal = total;
// Only change code below this line.
var total = array.reduce(function(prev, cur)) {
return prev+cur;
});
// Only change code above this line.
(function() {return singleVal;})();
i am stuck here can somebody tell me how to solve this
?
@SaintPeter
@daiky00 One sec
ok
@daiky00 line 2 is wrong
line two?
change it to the original code
var singleVal = 0
but how do i insert the array total
in that value
?
in that variable a i meant
the total variable is updated when you run the reduce function
on line 5
Reduce can be useful for condensing an array of numbers into one value.
var singleVal = array.reduce(function(previousVal, currentVal){
return previousVal+currentVal;
});
Use the reduce function to sum all the values in array and assign it to singleVal.
Here are some helpful links:
Array.reduce()
shite, sorry. you also need to change line 5 to
var singleVal = ....
@daiky00 and you have an extra
) in there
in your reduce function
Program Execution Failure
oh
@daiky00 use proper variable names in the
reduce method callback. The variable name prev doesn't tell a story. But you can replace it with total.
@abhisekp thanks
daiky00 sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 620 | @abhisekp | http://www.freecodecamp.com/abhisekp
@MattYamamoto tahnks
@MattYamamoto thanks
daiky00 sends brownie points to @mattyamamoto :sparkles: :thumbsup: :sparkles:
:star: 382 | @mattyamamoto | http://www.freecodecamp.com/mattyamamoto
why there's a semicolon behind the curly bracket in some places, and others there isn't in js unlike other lang?
@Abhi493 Because it's an assignment
@h4r1m4u thanks
daiky00 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 250 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
@Abhi493 You've got a function that you're assigning to a variable
every time we assign we need a semicolon
@Abhi493 IE:
var someFunct = function() { return 1; }; // Last semicolon needed to complete the assignement
@Abhi493 you only need semicolon after an expression or assignment of expression to a variable. But you don't need a semicolon after a statement.
ok thanks @abhisekp and @SaintPeter , got it
abhi493 sends brownie points to @abhisekp and @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 621 | @abhisekp | http://www.freecodecamp.com/abhisekp
:star: 1071 | @saintpeter | http://www.freecodecamp.com/saintpeter
@Abhi493 now you must know which is an expression and which is a statement. Then won't face any difficulty. EVER.
but even if i use it works
@Abhi493 bcoz the shortest statement in JS is a semicolon. ;)
haha, we have a common name @abhisekp
@Abhi493 :)
But you shek and I just sek! ;)
But you shek and I just sek! ;)
Hello guyz
@Abhi493 you've
yourName.length > myName.length
@Vectorjay hey hey
hahahhaha but ur userName.length> myUserName.length lol
@Vectorjay Hellllloooo
@SaintPeter i'm good
@Vectorjay Need a hand?
yeah please
@Vectorjay Which waypoint?
@Vectorjay Can I apply cross product on you?
Vectorjay X Vectorjay
var city = prompt(" Which is your favourite city!").toUpperCase();
switch(city){
case'Florida':
if(city && Florida){
console.log(" Awesome city to leave in");
}else{
console.log(" Florida is not awesome");
}
break;
case'Broklyn':
if(city || Broklyn){
console.log("Gangstar area in the USA");
}else{
console.log("Not a ganstar city!");
}
break;
case'Texas':
console.log("Partly dorminated by rich africans");
break;
default:
console.log(" You entered a wrong city");
}
i didn't know the consequences of using spoilers to complete the bonfire , i tried to understand it but as of now i forgot a lot, what should i do ? do it all again ???
Don't seem to know wht is wrong with that code
@Vectorjay check for
'FLORIDA', 'BROKLYN', etc
in UPPERCASE
@SaintPeter Did you get that
@Vectorjay Which waypoint is this?
Guys is it valid to have <img> inside a <h2> ? I encountered it for the first time...is it valid?
@Abhi493 practice, practice and practice once more
@ThekhoN Yes, it should be valid. Maybe not "smart" or "clean", but valid
@ThekhoN perfectly valid as long as it makes sense
https://www.codecademy.com/courses/javascript-beginner-en-ZA2rb/0/5?curriculum_id=506324b3a7dffd00020bf661
@ThekhoN as in, is it sensible to draw in the HEADING section of your NOTEBOOK?
Practicing... js again...
@Abhi493 use CodeAcademy and don't forget to return here. We're waiting.
maybe with a :rose:
lol
i learned the js course there few months ago @codeacademy
do it once more
explain js res
:point_right: js resources [wiki]
Tutorials
- Eloquent Javascript (annotated)
- Professor Frisby's Mostly Adequate Guide to Functional Programming
- Speaking Javascript
- Exploring ES6
- Udemy - Javascript Understanding the Weird Parts (first 3.5 hrs)
- JavaScript for Cats
References
Find other libraries at http://jster.net
See Also: :loop: Quick JS | :watch: Challenges | :wrench: Exercises | :clipboard: Editors | :newspaper: Blogs | :books: Books
@Abhi493 :point_up: October 19, 2015 1:18 AM
hmmm..ok. But won't it be the best thing?
rather use div to contain em images right?
tysm @abhisekp thanks for all the res
@abhisekp thanks it worked
abhi493 sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:warning: abhi493 already gave abhisekp points
@ThekhoN does it seem best to draw images in the heading section of your notebook?
@camperbot THANKS too
:star: 372 | @camperbot | http://www.freecodecamp.com/camperbot
abhi493 sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
@ThekhoN HTML is about writing semantically.
@abhisekp yes..but i encountered this in some one's code that's why i asked here..
i'm not advocating this in anyway..just wanted to know the best practice
@ThekhoN it's simply a markup language.
You mark: this is a heading
Then you mark: this is a para
Then: This is an image inbetween my texts in the para
You mark: this is a heading
Then you mark: this is a para
Then: This is an image inbetween my texts in the para
@abhisekp yes i get it.
@ThekhoN btw, if you are trying to use a logo near your heading or in your heading, you can use imgs inside heading
@ThekhoN but you can write the img. outside of heading and use CSS for styling the img. to show near the heading
normally, small imgs are used and it's perfectly alright
hmmm..now would tat be semantically correct? maybe not..but we do that coz it's a logo..things aren't always black and white :)
@ThekhoN yep! :smile: you get it
adding icons?
@CoreyThomas maybe
that icon can be written outside of heading
<img src="icon.png">
<h1>I'm A Goat</h1>and use CSS to do some magic and everything look perfect.
@ThekhoN
maybe use a div to wrap them for better styling
<div class="style-me">
<img src="icon.png">
<h1>I'm A Goat</h1>
</div>
@abhisekp thanks
thekhon sends brownie points to @abhisekp :sparkles: :thumbsup: :sparkles:
:star: 622 | @abhisekp | http://www.freecodecamp.com/abhisekp
@ThekhoN happy codin :D
On the Ziplines, anybody knows how to make the effect of the background to stay fixed inside the divs as I scroll the page, and it changes do the next background when I reach the next div?
@dseabra1984 I think you use a jumbotron (bootstrap) set the background picture or color. and use background-attachment: fixed; or the default scroll
okay
let me try
great
thanks @VeeShostak
dseabra1984 sends brownie points to @veeshostak :sparkles: :thumbsup: :sparkles:
:star: 197 | @veeshostak | http://www.freecodecamp.com/veeshostak
waypoint target the same hint
hint
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
@Andrei-Croitoru here
@Andrei-Croitoru waypt. link pls
@dseabra1984 are you looking for parallax effect?
Kind of @abhisekp ! but jumbotron do the work!
@Andrei-Croitoru you can paste link in this format
[Link Title](http://blablabla)
@Andrei-Croitoru when you use name of classes, quote them. They're strings.
and you can add multiple classes by adding a space between the class names
js explain res
@Andrei-Croitoru writing it directly without quoting, makes javascript compiler think that they're variable names. But since, they're not, so it doesn't work
explain js res
:point_right: js resources [wiki]
Tutorials
- Eloquent Javascript (annotated)
- Professor Frisby's Mostly Adequate Guide to Functional Programming
- Speaking Javascript
- Exploring ES6
- Udemy - Javascript Understanding the Weird Parts (first 3.5 hrs)
- JavaScript for Cats
References
Find other libraries at http://jster.net
See Also: :loop: Quick JS | :watch: Challenges | :wrench: Exercises | :clipboard: Editors | :newspaper: Blogs | :books: Books
find js
find js
:zero: js fundamental
:one: js resources
:two: zipline use the twitchtv json api
:three: js arguments
:four: js closures
:five: js falsy
:six: js filter
:seven: js for in
:eight: js for of
:nine: js for
:one::zero: js immutable
:one::one: js indexof
:one::two: js loops
:one::three: js map
:one::four: js regex
:one::five: js scope
:one::six: js slice
:one::seven: js ternary
:one::eight: js truthy
:one::nine: js undefined
limited to first 20 entries.
typefind jsagain for more enteries.
commands
commands:
- isCommand
- cbot
- echo
- echojson
- whoami
- botversion
- botstatus
- botenv
- archive
- init
- tooNoisy
- help
- menu
- rooms
- find
- commands
- music
- announce
- rollem
- camperCount
- welcome
- hello
- bob
- wikiFooter
- wikiUsage
- wikiCantFind
- wiki
- messages
- thanks
- about
- showInfoCallback
- update
- bonfire
- checkBonfireCommands
- searchBonfire
- checkHasBonfire
- inBonfireRoom
- hint
- bf
- explain
- bot
- hi
- index
- thank
- log
- archives
@Abhi493 :point_up: October 19, 2015 1:53 AM
REALLY helpfull
This message was deleted
This message was deleted
Hi, just a simple question, I have done this:
<style>
body {
background-color: black;
}
.h1 {
color: green;
font-family: Monospace;
}
</style>
<h1 class="h1"> Hello World </h1>
But i think i have made some errors because It wont let me go trhu, I get this 2 errors:
- "Give your body element the color property of green."
-"Give your body element the font-family property of Monospace."
any help with this little problem.
welcome to FreeCodeCamp @francescoeri!
@francescoeri it says give your BODY element...
did you do it ? :)
@francescoeri You gave the requested properties to
<h1> not to <body>
And
h1 is not a class, so you need to lose the .
sorry I'm just learning I don't get it, so what i need to change?
dont worry
@francescoeri Read the task again and carefully look at your code.
just read again what is it asking you, I suggest you delete / reset your code, read it carefuly and try again
ok ill try
i m putting a border width of 10px but it doesn't accept it
heheh not easy when I have to translate from Italian to english in my head and then code it up ;)
@Equlnox lets see your code :)
@francescoeri haha that is usualy the problem..
<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>
it says, give your image a border of 10 px
can you send me the screenshot so i can see the code and what it is failing you and asking you to do please
okay
because that code looks ok to me :/
oh.. no need to..
see what you did there
:D thanks @hansinla @tanasic sometimes the easy tip (just delete, read and try) it's the most useful ;)
francescoeri sends brownie points to @hansinla and @tanasic :sparkles: :thumbsup: :sparkles:
:star: 544 | @hansinla | http://www.freecodecamp.com/hansinla
:star: 83 | @tanasic | http://www.freecodecamp.com/tanasic
@francescoeri yeah,... i tell that everyone here who gets stuck..
just rearead crefuly and reset
whats the error?
sometimes it is some stupid typo.. but you cant see it.. so it is easier to do from scratch :D
@Equlnox well what have you wrote.. is is asking you to give your image a BORDER of 10 px
and what did you do ? :)
as I say as Italian I do need to concentrate allot to do it and if i just miss a word the whole thing goes banane
@tanasic i don't see anything wrong with my code
how do you give a border to something please write here just that one line ?
border-width: 10px;
no..
then?
that is border WIDTH
it is not asking you for border width.. it is asking you for border ;)
get it now :) ?
@Equlnox I think you just need to insert a
space after : in your stylesheet.
tried that
@hansinla that is not the problem..
@tanasic what do you mean?
@tanasic can you just write that line of code?
@Equlnox it is asking you to set the border not border widht
its like color and background-color
they are different
Your img element should have the class smaller-image.
Your img element should have the class thick-green-border.
Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green.
Your img element should have the class thick-green-border.
Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green.
just do what it says.. it isnt mentioning border-witdt
is is sayin to give BORDER of 10px
what lesson is that please
so i can check it out there
@tanasic
border-width: 10px; is correct
the given sample syntax - .thin-red-border { border-color: red; border-width: 5px; border-style: solid; } </style>.
Waypoint: Add Borders Around your Elements
<style> .thin-red-border { border-color: red; border-width: 5px; border-style: solid; } </style>.
your code is ok..
@hansinla i tried that ... didn't work
i've copy pasted it :S
@tanasic works?
yes...
:S
i dunno what the problem is..
@Equlnox Have you tried resetting the code and clearing the browser cache?
i'll refresh the page then
maybe you should try reseting the code
@hansinla @Equlnox yea do that.. helps sometimes with tproblems like tihs... happens from time to time, dont worry, it is not just you :)
its not working
o.O
i even cleared the cache
can you please send the screenshot with code and error.. maybe we can help
how do i send files in this chat?
@Equlnox dont know.. you can upload it on imgur
it is ok, image has 10px green border...
man this is some bug.. its definitely not you
i'll just skip that level then
@Equlnox yea... dont worry that one is not required for certificate..
My dear Roman Numeral Converter is dysfunctional:
function convert(num) {
var rechim = num.toString().split("");
var l = rechim.length - 1;
console.log(rechim);
if (rechim[-1] === 1) {rechim.splice(-1,1, "I")}
else if (rechim[-1] === 2) {rechim.splice(l-1,1, "II")}
else if (rechim[-1] === 3) {rechim.splice(l-1,1, "III")}
else if (rechim[-1] === 4) {rechim.splice(l-1,1, "IV")}
else if (rechim[-1] === 5) {rechim.splice(-l1,1, "V")}
else if (rechim[-1] === 6) {rechim.splice(l-1,1, "VI")}
else if (rechim[-1] === 7) {rechim.splice(l-1,1, "VII")}
else if (rechim[-1] === 8) {rechim.splice(l-1,1, "VIII")}
else if (rechim[-1] === 9) {rechim.splice(l-1,1, "IX")}
else if (rechim[-1] === 0) {rechim.splice(l-1,1,"")}
if (rechim[-2] ===1) {rechim.splice(l-2,1,"X")}
else if (rechim[-2] ===2) {rechim.splice(l-2,1,"XX")}
else if (rechim[-2] ===3) {rechim.splice(l-2,1,"XXX")}
else if (rechim[-2] ===4) {rechim.splice(l-2,1,"Xl")}
else if (rechim[-2] ===5) {rechim.splice(l-2,1,"L")}
else if (rechim[-2] ===6) {rechim.splice(l-2,1,"LX")}
else if (rechim[-2] ===7) {rechim.splice(l-2,1,"LXX")}
else if (rechim[-2] ===8) {rechim.splice(l-2,1,"LXXX")}
else if (rechim[-2] ===9) {rechim.splice(l-2,1,"XC")}
else if (rechim[-2] ===0) {rechim.splice(l-2,1,"")}
if (rechim[-3] ===1) {rechim.splice(l-3,1,"C")}
else if (rechim[-3] ===2) {rechim.splice(l-3,1,"CC")}
else if (rechim[-3] ===3) {rechim.splice(l-3,1,"CCC")}
else if (rechim[-3] ===4) {rechim.splice(l-3,1,"CD")}
else if (rechim[-3] ===5) {rechim.splice(l-3,1,"D")}
else if (rechim[-3] ===6) {rechim.splice(l-31,"DC")}
else if (rechim[-3] ===7) {rechim.splice(l-3,1,"DCC")}
else if (rechim[-3] ===8) {rechim.splice(l-3,1,"DCCC")}
else if (rechim[-3] ===9) {rechim.splice(l-3,1,"CM")}
else if (rechim[-3] ===0) {rechim.splice(l-3,1,"")}
console.log(rechim);
return rechim.join("");
}
convert(36);surprising result: "36"
@navyvel Goodness. A loop would be helpful
can anyone suggest me a good text editor for developing html programs?
@navyvel In general, you need to think about what is really happening when you're converting a number to a roman numeral:
Say I'm converting 2015
Say I'm converting 2015
- 2000 is greater than 1000 (M), and I can get 2 in there, so I start with MM
- 2015 - 2000 = 15
- 15 is not greater than 500 (D), 100(C), or 50(L)
- 15 is greater than 10 (X) and I can fit 1 in, so now I have MMX
- 15 - 10 = 5
- 5 === 5 (V) and I get one, so now I have MMXV
- 5 - 5 = 0, so I can stop
@Equlnox Atom is pretty nice. It has a ton of plugins, too, to make your life easier
thanks
if you want to thank someone, put an @ before their name!
@Equlnox u can also try microsofts new visual studio code.. it is pretty fast.. has their intelli sense and what not
i've switched from atom to visual code... much faster
@Equlnox https://code.visualstudio.com/
@SaintPeter I think that to convert the decimal number into a string and begin with the index of the sliced string to a roman character. Is it not faster?
2015 is 2 -> MM
0 -> ""
1 -> X
5 -> 5
that is MMXV;
No good?
2015 is 2 -> MM
0 -> ""
1 -> X
5 -> 5
that is MMXV;
No good?
@Equlnox sublime 3
@navyvel The problem is that values like 50 don't have a place value.
@navyvel IE: 75
thanks every one :P
if you want to thank someone, put an @ before their name!
@hansinla @tanasic @SaintPeter thanks for your respective suggestions
equlnox sends brownie points to @hansinla and @tanasic and @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 545 | @hansinla | http://www.freecodecamp.com/hansinla
:star: 85 | @tanasic | http://www.freecodecamp.com/tanasic
@Equlnox Honestly, there are a ton of good tools out there. The best one is the one you know how to use. Pick one and stick with it and you're fine.
:star: 1074 | @saintpeter | http://www.freecodecamp.com/saintpeter
@SaintPeter
Why not? 7 -> LXX
and 5 -> V
75 -> LXXV no?
Why not? 7 -> LXX
and 5 -> V
75 -> LXXV no?
@navyvel Or 500 - consider this:
- 74 is not greater than 1000, 500, 100, but it is greater than 50, so "L"
- 74 - 50 = 24
- 24 is greater than 10, and I can fit 2, so "LXX"
- 24 - 20 = 4
- 4 = 4 (IV), so "LXXIV"
- 4-4 = 0 so we're done
@navyvel Well, then you get into the situation that you have to spell out every possible roman value for each digit. Seems like a drag. Your code will be huge.
@SaintPeter Right You're right. I agree with you.
But in my enormous code Is an error, why the split method don't replace the digits in Upper case letters? Can your explain this?
But in my enormous code Is an error, why the split method don't replace the digits in Upper case letters? Can your explain this?
@navyvel The problem may be that it's a string, not a number
Hello!!!
@pantelisB hiii
@navyvel You can use parseInt to turnit into a number
@SaintPeter Sorry if I'm a bore... but for me the number will be turned into a string, through the toString method, and next sliced in an Array, and next the Array were spliced with suppressed digit-characters and replaced Up case letters.
@navyvel Right, so each digit needs to be converted to a number with
parseInt
@navyvel Or you need to compare it to a string
@navyvel IE: digit === '1' or digit === '2'
@SaintPeter Yees
I understand, you're good, the === was out of my mind
Thank's so much and congratulation for the patience!
I understand, you're good, the === was out of my mind
Thank's so much and congratulation for the patience!
navyvel sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1076 | @saintpeter | http://www.freecodecamp.com/saintpeter
@camperbot You recognize the thank's. Is there an other word that is recognized as brownie points?
navyvel sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star: 374 | @camperbot | http://www.freecodecamp.com/camperbot
bf fib
:fire:Bonfire: Sum All Odd Fibonacci Numbers :link:
function sumFibs(num) {
return num;
}
sumFibs(4);Return the sum of all odd Fibonacci numbers up to and including the passed number if it is a Fibonacci number.
more info:
bf details|bf links|hint
hint
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
Hello help room. Can I get some feedback on the portfolio web page zipline? I'm feeling a bit lost on what to do next. http://codepen.io/Philosophist/pen/xwZGar
Like, how do I get the horizontal break lines to be clear and how do I push the content to not bury itself behind the nav bar?
margins/padding I guess
@Philosophist Nitpicking, but <hr> does not require a closing tag
Oh, cool. I think I just figured out opacity for the hr. How do I get it to be longer like the one I'm reverse engineering? http://codepen.io/ThiagoFerreir4/full/eNMxEp
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat alt="A cute orange cat lying on its back"></a>
I can't get this code to run. Can anyone find any error with this?
Se
You are not closing " in src tag
@Pat-Nebe
I have a jQuery question. I am currently doing a static todo app, and for dynamically generated checkboxes, the .change() event does not work, as opposed to a pre-existing checkbox (one that was part of the original DOM) where it would work. Why is that?
What I am trying to do is, if the user changes/clicks on the checkbox, a class would be toggled on its sibling <label>. It doesn’t work for injected checkboxes. How can I go about fixing this?
Hello guys, a little help here: "Waypoint: Use CSS Selectors to Style Elements" does not automatically go to the next Waypoint, even though I have the right solution. On the challenge map this is the only waypoint missing... any ideas what's happening?
This is HTML Waypoint 9.
hi sorry I'm a bit stuck here "Use Font Awesome to add a thumbs-up icon to your like button by giving it a i element with the classes fa and fa-thumbs-up."
this is what i did:
<button class="btn btn-block btn-primary fa i fa-thumbs-up">Like</button>
@abeermorssy use
and "install" the listener event on a parent element
.on('change', .... for dinamycand "install" the listener event on a parent element
but it does not work
@francescoeri hint: <i ...> Like </i>
Why can I never get the last part of this function to run, even when the paramaters are met?
function yourTurn() {
var currentPosition = 0;
var pressTracker = 0;
$('.gameButton').mousedown(function() {
yourNum = parseInt(this.id)
lightPressed(yourNum);
yourSeq[currentPosition] = yourNum;
})
$('.gameButton').mouseup(function() {
checkLight(currentPosition);
currentPosition++;
console.log(currentPosition, yourSeq.length);
})
if (currentPosition == 1) {
console.log("done");
return;
}
}
@Esztee thankyou :)
thanks, @moigithub. I'll try this now.
abeermorssy sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star: 379 | @moigithub | http://www.freecodecamp.com/moigithub
Is there a way to request someone to codepair with?
hi, what does it means this :
"Give your form's text input field a class of form-control. "
and how i can fix it on the right way?
Here's my code:
<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
Does anyone know how to make a gutter in between foundation columns?
@francescoeri just give your text input field i.e. <input type="text" placeholder="cat photo URL" required> a class of "form-control." So it will be
<input class="form-control" type="text" placeholder="cat photo URL" required>
"form-control" is class from Bootstrap for input text fields.
Okay. I'm just starting out, and I can't get h2 to have the font-family Lobster. Here's my code:
<style>
.red-text {
color: red;
}
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
h2 {
font-family: Lobster;
}
Can someone tell me what I'm doing wrong?
@Vixtar You need to put your link above the <style> tag
@SaintPeter You are my hero. Thank you!
vixtar sends brownie points to @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1080 | @saintpeter | http://www.freecodecamp.com/saintpeter
@Vixtar the <link> element you could put it everywhere; just do not put it into a tag. vg: <element>…do no tput it here...</element>