@gothamknight text-align didn't help, but could fix it after you mention col-xs-8
https://codepen.io/arrudamt/full/QMRaZm/
https://codepen.io/arrudamt/full/QMRaZm/
@gothamknight thanks a lot! =)
arrudamt sends brownie points to @gothamknight :sparkles: :thumbsup: :sparkles:
:cookie: 429 | @gothamknight |http://www.freecodecamp.com/gothamknight
@BrianWilliams28 - that is true, but in this case the parenthesized groups are used just to partition the expression into different portions - like the one that I posted grouped the two different matching expressions into one group, so it would be either the
\(\d{3}\) that would match for a three-digit group delimited by literal parentheses, or the \d{3} - a three-digit group without parentheses. The matches are also saved, but that is just a side-effect in this case, not useful for anything else.
Need help with simon game. For some reason, it doesn't work on codepen.io but it runs fine on my local machine.
https://codepen.io/mtrivera/pen/wqpZZZ
https://codepen.io/mtrivera/pen/wqpZZZ
it seems to work for me
Do the sounds work? On codepen it doesn't for me, but locally on my computer they work.
i had sound yes
did you disable sound on your browser maybe ?
No, it works in Firefox but not Chrome
@mtrivera - it is working, at least somewhat. I'm hearing sounds, the lights are changing. The behaviour doesn't seem to be quite what I was expecting, but it is functioning insofar as lights and sounds
it seem to forget it's own combination over time or something
Thanks @Gersho @khaduch
@Gersho Can you elaborate?
@Gersho Can you elaborate?
mtrivera sends brownie points to @gersho and @khaduch :sparkles: :thumbsup: :sparkles:
:cookie: 429 | @gersho |http://www.freecodecamp.com/gersho
:star2: 3293 | @khaduch |http://www.freecodecamp.com/khaduch
it's hard to explain exactly, but after a loss (the count doesn't reset btw) it displayed blue, i clicked blue, then it displayed only red, i i click red, then red folowed by a second color
but it's like it forgot about blue
ah ok
Hi, does anyone know if it's okay to use bootstrap col classes by themselves without rows or containers? I was just looking at a project with a floated box with class col-xs-4 but it's not in a row and there are no other columns.
Ok dropbox just screwed me with public links. Anyone else know a good convenient image storage service ?
@FredrikOseberg you can try https://postimages.org/
@FredrikOseberg You can simply use github
@alpox To link to from a site like codepen?
@FredrikOseberg are you uploading images from your computer and putting them in codepen?
@jtan3 No I was using dropbox and linking to the images from codepen with a public dropbox url. Changes to dropbox public folder deleted all of those urls, so they didn’t work anymore. I fixed it for now, generating new urls for each and every image.. Such a pain
@Raza403
Can someone give me link to FCC's beta sass challenges
Like this one of react http://hysterical-amusement.surge.sh/
Can someone give me link to FCC's beta sass challenges
Like this one of react http://hysterical-amusement.surge.sh/
Asking out of curiosity, did anyone had problems with
setInterval/setTimeout for the pomodoro clock project and the natural behavior of the browsers to ignore them while tab is out of focus?
function dropElements(arr, func) {
// Drop them elements.
var newArr = [];
for (var i=0; i<=arr.length; i++) {
if (func(arr[i])) {
newArr.push(i);
}
}
return newArr;
}
dropElements([1, 2, 3, 4], function(n) {return n >= 4;});
https://codepen.io/VaclavFojta/pen/vmJLvy?editors=0011
why do i alway get mixed status? what can i do about that?
why do i alway get mixed status? what can i do about that?
@iangracia you need to do
newArr.push(arr[i]) instead
cowcrazy sends brownie points to @iangracia :sparkles: :thumbsup: :sparkles:
:cookie: 326 | @iangracia |http://www.freecodecamp.com/iangracia
@cowCrazy of course, thanks
iangracia sends brownie points to @cowcrazy :sparkles: :thumbsup: :sparkles:
:cookie: 344 | @cowcrazy |http://www.freecodecamp.com/cowcrazy
@iangracia and enjoy you brownie ;)
@cowCrazy you too lmao
@VaclavF you want the lines which are online/offline to disappear when you click the opposite button?
hi all, someone can suggest me which free host is better? I want to my file to put online
@amare16 host for what? a simple webpage?
@cowCrazy yes, specially i want github host because my file is on github.
@amare16 this guy seems to give you a guide to do set it on github
How to find motivation when everyone seems to understand challenges and you have no idea what you are doing?
define everyone..... scroll upwards and you would see many questions, some more simple than yours some more complex.... try a challenge a couple of times, if you can't solve it I would suggest try and use the hints attached to it, if then not, read the docs of the hints and make sure you can work with the given hints, then try again if still not working put it aside work on other things then come back to it a day or two later, still not then ask here :)
you would see you asks less questions, and the more you understand the hints you can start help other people here :)
@iangracia hope that helps! and I hope you will find the motivation to continue with this great community :)
cowcrazy sends brownie points to @iangracia :sparkles: :thumbsup: :sparkles:
:cookie: 332 | @iangracia |http://www.freecodecamp.com/iangracia
@iangracia it comes with experience. Even if you know the language doesn't mean you can solve any problem in a minute.
As @cowCrazy suggest, try it yourself few times, then take a look at hints. If it doesn't help, take a look at others' people solutions (google it or open fcc profiles and seek challenge name). Read the code and try to understand it. It's not cheating as long as you understand what are you doing. Then solve challenge or skip it. Reading code is the best way to learn. Just don't waste to much time with one challenge. I saw people spent 2 weeks with one challenge. It's insane.
As @cowCrazy suggest, try it yourself few times, then take a look at hints. If it doesn't help, take a look at others' people solutions (google it or open fcc profiles and seek challenge name). Read the code and try to understand it. It's not cheating as long as you understand what are you doing. Then solve challenge or skip it. Reading code is the best way to learn. Just don't waste to much time with one challenge. I saw people spent 2 weeks with one challenge. It's insane.
korzo sends brownie points to @iangracia and @cowcrazy :sparkles: :thumbsup: :sparkles:
@iangracia CamperBot also sees the need to motivate you and sends you lots of brownies today lmao
:cookie: 333 | @iangracia |http://www.freecodecamp.com/iangracia
:cookie: 345 | @cowcrazy |http://www.freecodecamp.com/cowcrazy
@korzo That is currently what I'm doing, tho i find myself not understanding alot of challenges. I really read the solutions until i understand them. But when it comes to finding my own solutions, im helpless
but with the last solution you were really close, this tiny bug was cause you were peobably already to tired or something like that..... if that's the kinds of problems you have it is completely normal
Hi guys, I need help with getting access to the wikipedia API. I get the classic cross-domain error when trying to fetch the data with axios:
XMLHttpRequest cannot load https://www.mediawiki.org/w/api.php. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed accessHere is my code:
axios({
method: 'GET',
url: "https://commons.wikimedia.org/w/api.php",
crossDomain: true,
headers: { 'Api-User-Agent': 'Example/1.0' },
}).then(articles => console.log(articles))
.catch(error => console.log(error))
}I tried the workaround where I preset the request with crossorigin.me, but that did not work. Help is very much appreciated.
i think it's the url your using
try with a url you know works
I tried all the other urls they list on their page https://www.mediawiki.org/wiki/API:Main_page
None worked. Then I tried the api for the weatherapp and got back perfect results.
I think I nailed down the problem to the header.
got a pen?
I have a cros problem, you can try and use 'https://cors-anywhere.herokuapp.com' infront of your api url, or to work with jsonp
@cowCrazy That one works. Thx
gh05d sends brownie points to @cowcrazy :sparkles: :thumbsup: :sparkles:
:cookie: 346 | @cowcrazy |http://www.freecodecamp.com/cowcrazy
@Gh05d :+1: , anyhow take a look as well on jsonp, it should be the correct why now days........
@Gh05d you can use Wikipedia api without CORS proxy. add Add &origin=* to url
@korzo Nice, that worked. Thx.
gh05d sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 501 | @korzo |http://www.freecodecamp.com/korzo
Can someone help? I cant figure out why my function is returning undefined.
let regex = /(\d{3}|\(\d{3}\))([0-9]{3}|-[0-9]{3})(\d{4}|-\d{4})/g;
function telephoneCheck(str) {
str = str.replace(/\s/g, '');
let test = regex.test(str);
if (str.length == 11 && str.charAt(0) == 1) {
str = str.slice(1);
if (test) {
return true;
}
} else if (str.length == 10 && test)
{
return true
} else
return false;
}
telephoneCheck("1 555 555 5555"); // should return true but returns undefined? =/
console.log(telephoneCheck("1 555 555 5555"));
@BrianWilliams28 it shows true to me, not undefined
@korzo yeah
@korzo my regex works but my conditional statements dont work for all cases, bah
@BrianWilliams28 because you have one branch with missing else on line 9
if(test)
@korzo arent you allowed to put an if without an else though?
i've been doing it for a while and it works for me
@BrianWilliams28 yes, you can, but then it returns undefined
@korzo this better?
let regex = /(\d{3}|\(\d{3}\))([0-9]{3}|-[0-9]{3})(\d{4}|-\d{4})/g;
function telephoneCheck(str) {
str = str.replace(/\s/g, '');
let test = regex.test(str);
console.log(str.length);
if (str.length == 11 && str.charAt(0) == 1) {
str = str.slice(1);
if (test) {
return true;
}
else return false;
} else if (str.length == 10 && test)
{
return true
} else
return false;
}
console.log(telephoneCheck("1 555-555-5555"));
telephoneCheck("1 555-555-5555"); // should return true but returns undefined? =/
if test is false
hi guys! i really need your help. I've been trying to make my portfolio page mobile responsive by putting my rows into containers. however, now my navbar brand and the contact form have both moved to the right of the page, and it still doesnt fit a mobile screen well. could anyone help me on what to do ? https://codepen.io/arolf_flora/full/WEoYmd/
@BrianWilliams28 also
str = str.slice(1); does nothing
@korzo wrong
Hey guys! can you give me a hint on how to make the borders of my img rounded? I tried but it seems to be a bug because of the img being responsive
https://codepen.io/victorabeledo/pen/prNOGM
https://codepen.io/victorabeledo/pen/prNOGM
it chops off the 1
@BrianWilliams28 Yes, but you don't use str afterwards
@victorja
#image{
border-radius: 50px
}
oops
@BrianWilliams28 you slice str and then return true/false
@Gersho great! that worked. thanks
victorja sends brownie points to @gersho :sparkles: :thumbsup: :sparkles:
:cookie: 431 | @gersho |http://www.freecodecamp.com/gersho
Any idea on how to fix the unordered list? (the bullet points stay left aligned but I want them centered)
https://codepen.io/victorabeledo/pen/prNOGM
https://codepen.io/victorabeledo/pen/prNOGM
@korzo right i see what you mean now
@BrianWilliams28 but you should avoid such complicated structures of conditions. It often introduce bugs and it's hard to follow.
also always use curly braces in condition, even on one liners. It's easier to read
also always use curly braces in condition, even on one liners. It's easier to read
someone help me how to make online my laravel project... free
@amare16 Like where to host you laravel project for free?
@korzo i know i'm trying to make it as simple as possible but this algorithm is giving me a lot of trouble
i skipped that one, they weren't even being that clear about what should be a valid number, and it's not mandatory D:
you skipped the telephone algorithm?
yes
they do tell you what a valid number is, with a couple conditions..
so far in the code i have im really close, there's a few that are going unsolved
literally two cases are going unsolved
which ones ?
telephoneCheck("(555-555-5555") and telephoneCheck("(6505552368)") its due to my regex testing true through them
here's my code
both should return true right ?
both should return false
my regex needs some tweaking i think
```function telephoneCheck(str) {
let regex = /(\d{3}|(\d{3}))([0-9]{3}|-[0-9]{3})(\d{4}|-\d{4})/g;
str = str.replace(/\s/g, '');
let match = str.match(/\d/g);
if (match.length == 11 && str.charAt(0) == 1) {
str = str.slice(1);
if (regex.test(str)) {
return true;
}
else return false;
} else if (match.length == 10 && regex.test(str))
{
return true;
} else
return false;
}
console.log(telephoneCheck("1 555-555-5555"));
telephoneCheck("1 555-555-5555");```
what ? the first one should return false ? isn't that a valid number ? o_o
@korzo are you sure? https://regex101.com/r/xRyVpm/2/
@BrianWilliams28 I took numbers from challenge description
look at my code though
i remove white spaces
if you remove white spaces the regex works
function telephoneCheck(str) {
let regex = /(\d{3}|\(\d{3}\))([0-9]{3}|-[0-9]{3})(\d{4}|-\d{4})/g;
str = str.replace(/\s/g, '');
let match = str.match(/\d/g);
if (match.length == 11 && str.charAt(0) == 1) {
str = str.slice(1);
if (regex.test(str)) {
return true;
}
else return false;
} else if (match.length == 10 && regex.test(str))
{
return true;
} else
return false;
}
console.log(telephoneCheck("1 555-555-5555"));
telephoneCheck("1 555-555-5555");
line 3
@korzo just to make it live on the internet
i know how to fix it to make it work for evetything
how can i write if (str.charAt(0) != a num) ?
@BrianWilliams28 isNaN
@korzo if (str.charAt(0) isNaN) ?
or since you're in full regex mode why not check for [0-9] ?
@BrianWilliams28 if(isNaN(str.charAt(0)))
for non numbers
@amare16 there is a lot of free hostings for php + mysql
And you can make Laravel to work on shared host with few modifications
And you can make Laravel to work on shared host with few modifications
@korzo please if you know... because i tried a lot but i didn't get any success
i need to edit my regex to stop testing positive through these two strings.
(6505552368)
(555-555-5555
(6505552368)
(555-555-5555
i need a rule in the regex to not count the open and closed brackets unless they encase only 3 numbers
if i have a string inside an array, and i want to split up that string into multiple elements how would i do that?
@BrianWilliams28 splice
this algorithm is making me lose my mind lol
every time i change something i fix some and lose the others
arr[0].split() ?
need to take a break. @korzo @Gersho thanks
brianwilliams28 sends brownie points to @korzo and @gersho :sparkles: :thumbsup: :sparkles:
:cookie: 502 | @korzo |http://www.freecodecamp.com/korzo
:cookie: 433 | @gersho |http://www.freecodecamp.com/gersho
it would have to be arr[0] = arr[0].split() I reckon
because split() doesn't mutate the original array
or its elements
In the "Profile Lookup" lesson, why is "prop" surrounded by brackets in the second if statement?
because you'e aiming for it
like object.prop but written as object[prop] since prop is a variable not a string
Users[rylew0925][name] = Richard
that's how prop would be used in that context
Then shouldn't firstName also be object[firstName]
i don't remember the lesson exactly, but isn't prop an argument passed in the function ?
so object[prop] would be object[gersho] or object[rylew0925] depending on arguments
so it's like saying "i want to check up on [prop] from object"
Then why isn't "firstName" surrounded by brackets in the first if statement since it's also a parameter?
let me take a look at the lesson :P
@rylew0925 use bracket notation when using variables to access properties in object, since the value of the variable is being used, not the name given to the variable (so
prop falls under this category)
oh ok, firstName is the name of the person you're looking stuff on, and prop is the property you're looking for
@rylew0925 dot notation can be used when you are accessing a property using the actual name of the property.
so is there a person named Kristian ? if so what does she likes ?
@rylew0925 one of the challenges explains it
@gothamknight haha yeah i got burned on that plenty of time trying to obj.variable
same
Oh. So it has a bracket because like also has brackets?
"likes": ["Javascript", "Gaming", "Foxes"]
nono
i think you should re-read lessons about object manipulation
objects are tree-like data forms, a bit like folders on a file system
no.
@rylew0925 say var variable = "name". if i did obj.variable, I would be trying to access a property in the object called "variable" (a string). But if i did obj[variable], then I would be accessing the property of the object which is called "name", since "name" is assigned to variable
@rylew0925 say var variable = "name". if i did obj.variable, I would be trying to access a property in the object called "variable" (a string). But if i did obj[variable], then I would be accessing the property of the object which is called "name", since "name" is assigned to variable
Ah, I think I grasped the concept
@Gersho @gothamknight Thanks!
rylew0925 sends brownie points to @gersho and @gothamknight :sparkles: :thumbsup: :sparkles:
:cookie: 434 | @gersho |http://www.freecodecamp.com/gersho
:cookie: 430 | @gothamknight |http://www.freecodecamp.com/gothamknight
Guys do you know how to inline display my input forms? Tried a few ways but none of them seem to work
https://codepen.io/victorabeledo/pen/RLWJgB
https://codepen.io/victorabeledo/pen/RLWJgB
@victorja is that what you mean?
nice paint skillz
@gothamknight yes! thank you. it seems a bit complicated
victorja sends brownie points to @gothamknight :sparkles: :thumbsup: :sparkles:
:cookie: 431 | @gothamknight |http://www.freecodecamp.com/gothamknight
@Gersho nah bro, snipping tool hahah
Not to do it, but to come up with the solution
you don't come up with it, someone shares it with you
and you'll share it too
hippie song
:satisfied:
@victorja You only created the one input field. Each of the fields you say are required will need to have an input text field. Are multiple choice questions - such "How Likely Are You?" going to be radio or check boxes? Or a dropdown? Questions should such as "What do you like most of our business?" should either be a text input or a selection that allows one answer with an Other option which should have an input if chosen. You haven't really styled anything either. You can wrap the entire container in a specific style, or create different divs for each question type.
hi guys! i really need your help. I've been trying to make my portfolio page mobile responsive by putting my rows into containers. however, now my navbar brand and the contact form have both moved to the right of the page, and it still doesnt fit a mobile screen well. could anyone help me on what to do ? https://codepen.io/arolf_flora/full/WEoYmd/
@hifede First, try to move your top link from the HTML page to the head section of the HTML Settings. Then remove the body tag from HTML because CodePen already takes care of the document head. I'm not as familiar with Bootstrap 4 as I am with 3, but I know there is a media break on the smaller devices. Double-check their nav documentation. You might try to place this in the HTML header section: <body data-spy="scroll" data-target=".navbar" data-offset="0">
thanks so much @KoniKodes. will try it and see how i get on
hifede sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 397 | @konikodes |http://www.freecodecamp.com/konikodes
Referring back to the "Profile Lookup" lesson, I played around with it and tried to return "firstName" only to find that there would be no output. How come it only outputs "prop" but not "firstName"?
i'm not sure i understand what you're looking for, but maybe
Object.getOwnPropertyNames()
or
Object.prototype.hasOwnProperty()
?
Object.getOwnPropertyNames()
or
Object.prototype.hasOwnProperty()
?
I meant I was trying to replace "return contacts[x][prop];" with "return contacts[x][firstName];" yet it would not output firstName for some reason
put quotation around "firstName" so it looks for that name, instead of looking for a variable with that name (like prop) or use dot notation
return contacts[x]["firstName"];
or
return contacts[x].firstName;
assuming your x is valid
Strange how prop didn't need quotations around it
prop was a variable
so prop was equivalent to a string "John" for exemple
or "firstName" in that case
So firstName didn't need quotations because it was already listed under contacts?
if
var prop = "firstName";
//all statements are the same
obj.firstName
obj["firstName"]
obj[prop]
when you use [] it evaluates the inside first before passing it, so if the inside is a variable, it'll look it up, if it's a string, it'll pass it right away
@Gersho Thanks again!
rylew0925 sends brownie points to @gersho :sparkles: :thumbsup: :sparkles:
:cookie: 436 | @gersho |http://www.freecodecamp.com/gersho
@hifede Thank you for the brownies. I look forward to seeing your final code.
konikodes sends brownie points to @hifede :sparkles: :thumbsup: :sparkles:
api offline
Hey guys
hi
I got a newbie question
go ahead
I have a div and inside the div it has h4 and I elements
Are the h4 and I children of the div?
yep
How come #mydiv:nth-child (2) won't work ?
try removing the space between 'child' and '(2)'
@fefo360 it would be
#mydiv h4:nth-child(2)
for the second h4 child of the #mydiv element
yeah true just realised that.
But I also want the I styled
<i>
It won't work
Can you show your HTML?
<i> is old school HTML4
Is on my pc :(
wouldn't be easier to give a class or id to the elements you want to aim for ?
usually used for icons
Yes I'm using an icon
just copy/paste the <div><h4><i> structure here in chat
we don't need all of your HTML
Let me check if I can get gitter running here
<div id="followus" class="col-lg-4 col-md-4 col-sm-12 col-xs-12 nopaddinglr">
<h4 style="padding-left: 30%">FOLLOW US</h4>
<i style="padding-left: 30%" class="fa fa-5x fa-instagram" aria-hidden="true"></i><br><span style="padding-left: 30%">Instagram</span><br><br>
<i style="padding-left: 30%" class="fa fa-5x fa-facebook-official" aria-hidden="true"></i><br><span style="padding-left: 30%">Facebook</span>
</div>
my goal is to remove those padding styles from there
It gets complicated when you're using those <br> tags
the h4 is the first child (nth-child(1))
the first <i> tag is nth-child(2)
the second <i> tag though is nth-child(7)
An easier approach might be:
#followus h4,
#followus i,
#followus span {
padding-left: 30%;
}
let me try it
nice
thank you so much
Sure, no problem. I'd recommend using <div> instead of <br> though - if you want to try and get it working that way
i tried #follow us h4, i {} but now i see that my syntax was wrong
use <div></div>
like this?
Yes, like that
I'll show what I mean
ok thanks
<div id="followus" class="col-lg-4 col-md-4 col-sm-12 col-xs-12 nopaddinglr">
<h4>FOLLOW US</h4>
<i class="fa fa-5x fa-instagram" aria-hidden="true"></i>
<div>Instagram</div>
<i class="fa fa-5x fa-facebook-official" aria-hidden="true"></i>
<div>Facebook</div>
</div>
then your css is:
#followus {
padding-left: 30%;
}
ah i see
<div> is a block element - it takes up its own line
similar to <p>
you are right
I'm guessing some might say that <p> is actually more appropriate in this case, search engines at least might have a better idea of what you're trying to do
so people dont use br anymore?
br is mainly for poems, addresses, etc. where you need to break in the middle of a text string
yeah i felt wrong just trowing the text without wrapping it
it's confusing because there are probably 100 different ways to do this :)
yes i hate that part about coding :(
i can get stuff done but usually not in the best way