@emilyaringoen Your code must be incorrect somewhere, you're missing a semicolon or a bracket or something
@Waqas909 You're a life saver. Now, I'll get a beer and relax for a while to recharge my batteries. Thanks again, and take care.
mojoe13 sends brownie points to @waqas909 :sparkles: :thumbsup: :sparkles:
:warning: mojoe13 already gave waqas909 points
Haha cheers :+1:
Night all
Btw @MoJoe13 Your Html code has alot of Divs, so it helps if you just close the ones you're not using
by clicking the tiny arrow left of a div
Night
Supp bros and sis
somebody struggling with JS?
feeling all they know is syntax?
or somebody went through that?
Hello
Not sure if it's a call for help or it's you asking for help :P
call for help as in you wanting to help people :P
hahahaha
both
i need help
but i want people in the same struggle to get help
Haha in that case, we've all been through that phase. Of learning something, and wondering how to apply it :P , If u need help just ask. Somebody might be able to help
@volkranium if you feel like that I bet you did not work on an own project? I´m also new to JS, but coming from Java, so yeah it´s about solving problems. Create your own page and think about some cool stuff you want to implement with JS, and then it won´t be only syntax, but something you created and know how the algorithms behind that work.
I learnt python an year ago, and had to idea to apply it.. so i forgot everything overtime
But I'm glad I found FCC, because I'm not only able to learn, but they give us Projects to make!
Well Unless you have finished the FCC course... There should be plenty things for you to apply your knowledge on!
@DennisTalmid yes its true , the problem is the things im doing right now dont require JS or thats what i think, cause i know little about the language
maybe thats a solution
@volkranium What Are you on?
studying a bit more about what it does
as in what challenge/ lesson are u on
@Waqas909 i took treehouse front end courses , but i got stuck in their JS , now im working on the FCC JS
Compound Assignment With Augmented Addition
@volkranium It's important you go through Learning all the Syntax, before actually applying it, but you technically are applying it by solving each JS lesson. You're not that far from applying this knowledge
I also used to do those courses, because I thought I need to do those before creating things - well I was wrong. Those courses are great if you need more information about how to use stuff so you can implement that. For example I did the bootstrap part on FCC like a year ago, but forgot everything. But when I actually created a website using bootstrap, it was a much better learning experience. imho these courses are a good start-point and to get back for reviewing, but should not keep you from creating own projects
@volkranium Basic Algorithm Scripting, is where u have to start applying your knowledge
They give u challenges, and u have to use your JS knowledge to solve problems!
@Waqas909 hmmm thanks for your advice
volkranium sends brownie points to @waqas909 :sparkles: :thumbsup: :sparkles:
:cookie: 280 | @waqas909 |http://www.freecodecamp.com/waqas909
@DennisTalmid thats so true , thanks
volkranium sends brownie points to @dennistalmid :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @dennistalmid |http://www.freecodecamp.com/dennistalmid
i guess imma continue my quest
@volkranium you can also have the best of both worlds, for example make a portfolio page using pure css or even a css-framework, where you put in all finished challenges etc.
and with JS you could create some effects like moving pictures or I don´t know, it is about creating things - be creativ mate
@DennisTalmid thats a good idea...
@DennisTalmid maybe creating auto playing slideshows
for photographers i know
Damn i love this chat
you could even build a page, where the html is almost completely generated using JS - thats the next project I want tro start btw
Yea I Love it to
can you guys believe there almost no coders here in this country?
:D
Where from?
Dominican Republic
just hover over my pic, it gives you all the information
He hasnt specified it in his profile ^^
everything here is done with templates , Dreamwaver , blah blah
@DennisTalmid hey man good luck with that , sounds interesting...
then if u want to pursue in this field
it's kind of good for u
because less competition
and you'll be like the one of the few people who actually understands what he's doing :D
@Waqas909 yes i know , thats what im striving for
i live in a pretty well developed city
and Computer science was just introduced
like 1 year ago
so... it's the same case here
@Waqas909 Netherlandss
Yep :P
In my school*
Forgot to mention that :P
@Waqas909 that fkn nice , i was about to go to a metal fest
haha nice
@Waqas909 called Netherlands Deathfest
@volkranium thanks, well it is the next step for me after html and css becoming easy js is next. just today i created my first JS-game, to learn dom-manipulation - so yeah I didn´t know the syntax lol, it was all just working with the W3C tutorial and previous knowledge of Java
dennistalmid sends brownie points to @volkranium :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for volkranium
we have crazy things here
@DennisTalmid Can i see your js game :P
@DennisTalmid and what are doing after learning the front-end? , i wanna do some python , but thats after i become a front end master
shure, let me get the link
The thing with python is, there's alot of website which teach u the syntax, but not anything like FCC, not any website which properly challenge you with projects and actual challenges
which is kind of why My brain slowly faded away from python
@Waqas909 and hows your city different from Amsterdam ?
@Waqas909 hmmm i see , ill find my way through python as ill do with JS
@volkranium It's very Different, Like VERY
It's like 100% more peaceful and quiter
@Waqas909 sounds nice , i love quite... is there a lot of green there?
people are genuinely much nice like 100%, less theft. Good Infrusture and Very Green
and Full of Old people
Like everywhere u turn around
@Waqas909 ohh thats awesome
there's always one old lady
atleast*
the only problem is, that it has less opportunities for people in our field
@Waqas909 dont u like that? im 22 but i prefer to be around old people
@volkranium I don´t want to be a frontend-dev actually, but I find it very interesting. And right now, it fits in my scedule to learn that. After that, I want to learn backend-dev with node.js for small projects and java for enterprise-scale-apps. Well but thats only trhe plan for now, since I like the frontend-stuff so far, but it gets less payed :D
haha, I meant it in a good way :)
I think it's full of old people because of how Peaceful it is
@DennisTalmid feel ya , someday ill be a fullstack warlock from hell
xD
@Waqas909 or its the other way around xD
o.o
could be
@Waqas909 I was also thinking about python, but since node.js is so popular and uses JS, I´m more into that, but Python is 2nd on my list when I think about scripting languages
Yea @DennisTalmid I started off programming with Python, because it's so very Easy
It's very good for small programs
true
but yea Node.js is more sexi
@volkranium yeah, but first the basics - then the full-stack talk lol
yup :)
also Python is very good language if you're like an engineer (Machines, robots etc.
@Waqas909 @DennisTalmid Yo guys dont hesitate to chat me privately , ill go back to my JS challenges , thank you very much for your help...
volkranium sends brownie points to @waqas909 and @dennistalmid :sparkles: :thumbsup: :sparkles:
:warning: volkranium already gave waqas909 points
:warning: volkranium already gave dennistalmid points
if you saw the js game I shared you will know, I realy just started with Js but if you look for example at http://blog.nowsee.me you see that I still could pull of some frontend-stuff withouut even using JS actively lol
@volkranium Was nice talking to you Thanks as well
:warning: could not find receiver for volkranium
waqas909 sends brownie points to @volkranium :sparkles: :thumbsup: :sparkles:
@DennisTalmid Of course , step by step ...
@DennisTalmid Yea the game was awesome!
Just that you can choose like 5 cards at once if u click fast enough xD
a good challenge would be to limit it to two :P
aight cya lads as well gonna work on my Twitch viewer
yes it isn´t the best algorithm, I agree its pretty bad, but at least you can reset it haha
@Waqas909 @volkranium see u around
@DennisTalmid Yoooo how did u doo that parallax on the headerr!!!
Ive got a question about .replace.
Can you use a variable as the parameter, such as
Can you use a variable as the parameter, such as
var me = "hello";
var text = "hello world";
var answer = text.replace(me);
@volkranium it is realy just a bit css, very cheap
Yup @jdc101214 However, .replace() requires 2 inputs, .replace("What you want to replace", "With what you want to replace the text by")
let me look that up one sec
@Waqas909 That wasent a literal example.
and do you mean the color-change or the picture?
@jdc101214 mate check W3C they explain all syntax-issues pretty good!
:)
@volkranium
.section-showcase {
height: $showcase-height;
text-align: center;
background-color: whitesmoke;
margin-bottom: 0;
background-image: url(../../img/showcase.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
h2 {
margin-top: 20%;
margin-bottom: 20px;
font-size: 4em;
text-shadow: 2px 2px #ffffff;
color: $primary;
}
p {
color: white;
text-shadow: 1px 1px $primary;
}
}
you can ignore the h2 and p selectors, those are the headline on the picture
https://github.com/Mr-Kumar-Abhishek/mobile-android-hello-world <--- app built in cloud :D
since I used SASS these are nested in the .section-showcase, but don´t get distracted by that
now only if the emulator starts working properly
@volkranium
background-image: url(../../img/showcase.jpg);
background-attachment: fixed;
background-repeat: no-repeat;so basically this is what you want to ctrl+c :)
@DennisTalmid W3 schools didnt say anything about my situation. that i could see.
@jdc101214 Can u describe/ give a description of what you want to do?
Someone else helped me
@jdc101214 what about http://www.w3schools.com/jsref/jsref_replace.asp
xD
I looked at that.
Syntax
- string.replace(searchvalue, newvalue)
THey didnt say anything to my situation.
well we cant really help you if we dont know what you want to achieve
But mozzila did
jacob
you can use a variable that way of course
Ive got a question about .replace.
Can you use a variable as the parameter, such as
Can you use a variable as the parameter, such as
var me = "hello";
var text = "hello world";
var answer = text.replace(me);
@Waqas909
yea you can :P
That was my question.
lol
wait one sec
yes, but you also have to give the newValue, not only the searchValue
I understand.
Why is this code not working?
function destroyer(arr) {
// Remove all the values
var arr1 = "";
for(var i = 0; i < arguments.length; i++){
arr1 = arguments[0[i]].replace(arguments[i], "");
}
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
@jdc101214 It's Arguments[0][i]
I answered you that one pretty detailed in another room, if you didn´t see that.
Also http://www.w3schools.com/jsref/jsref_replace.asp actually explains your situation xD
@DennisTalmid
according to the syntax:
- array.filter(function(currentValue, index, arr), thisValue)
you should do:
yourArray.filter(destroyer([1, 2, 3, 1, 2, 3], 2, 3));Or somehting similar, I am sorry I didn´t read the challenge, but in general this would be the apporach if I am not mistaken
and if you want to replace the removed values with " " for example, you do:
var arr1 =" ";
yourArray.filter(destroyer([1, 2, 3, 1, 2, 3], 2, 3),arr1);
@DennisTalmid Im trying another way.
But ill try that.
anyone had their hands on native script ?
arr1 = arguments[0[i]].replace(arguments[i], ""); // you can't access arrays like this.
you need to use arguments[0][i]
@Waqas909 I changed that but It brought another error.
What error would that be :P ?
var arr1 =" ";
yourArray.filter(destroyer([1, 2, 3, 1, 2, 3], 2, 3),arr1);
yourArray.filter(destroyer([1, 2, 3, 1, 2, 3], 2, 3),arr1);
Its not copying....
well it was more of an general example - not the exact solution! but it´s a good starting-point, since at least the syntax should be fine.
replace is a string method. It would work with what Im trying to do
I think the problem is
function destroyer(arr)
Your input name is arr
And you use "argument" instead
arguments.length
nvm
ignore that
Just remembered argument %_%
"Replace is a string method" means that you can use .replace on variables that are not strings
cant*
and your input is numbers
he gives arr in the parameter, but doesn´t use it in the function.
Yea "argument.length" basically means the same thing as arr.length @DennisTalmid
ah ok
@jdc101214 Your input to the function are integers, and .replace only works on strings
integers in JS :D
lol
numbers*
it should work if you put your numbers ["1","2","3"]
again syntax:
- string.replace(searchvalue, newvalue)
string lol
Yea ^^ Exactly my point, He's Function input are numbers and not strings
but the good thing about JS is it should compile numbers to strings without any problems i think
Unfortunately it doesn't that is why he gets an error "Replace is a string method"
well it works with numbers only
not shure about that array though
yeah
the array does not work
you need to make that array to numbers or to a string
:point_up: December 16, 2016 8:03 PM
@jdc101214 I Think you're doing it your own way, which is good but the Challenge requires you to learn .filter()
like if you do destroyer([1, 2, 3, 1, 2, 3].toString(), 2, 3); it will work.
since in js 2 == "2"
for example
@DennisTalmid Will it not convert the entire array into 1 string?
yses
destroyer??? @DennisTalmid
@DennisTalmid and how would i convert that to a string?
@jfc246 I was speaking about Jacobs problem
he posted it up above
@DennisTalmid ok.
@Waqas909 of course you can make demoArray[i].toString() - I just wanted a prove of concept that numbers do work in the string replace-function
@DennisTalmid Yea but that's only if they are written as a string
then yea the numbers work
qwa
@Waqas909 what do you mean by written as strings?
@Waqas909 @DennisTalmid Sorrry, I had to make some nachos for dinner.
"2"
instead of 2
"2" = string
2 = number
2 = number
no, then it would be a string xD
you can do string.replace(searchString,2); for example
:P
the browser then compiles the 2 then to "2" for u
But we were talking about the "string.replace" part
yea ofc :P
@jdc101214 I think the best solution is to follow the challenge!
To learn about .filter()
The argument of the day! :wink:
@Waqas909 Ya, I reliazed that about 15 min ago.
well justr trya it out here for example and change the arguments
@jdc101214 It's great you have your own way, but it's more efficent to use filter()
you learn more by doing it your way though
but it is often the harder one also
But then he'll never about new and faster things ^^
he needs to step out of his comfort zone to try out new methods :D
well the thing is to do it yourself andf then to see different implementations
Like I haven't already. lol
xD
I did that about 3 yrs ago....
btw your .replace function wasn't working because you were inputting numbers
so the computer was reading it as 2.replace
e.g*
replace is a string method. It would work with what Im trying to do
nope
you're feeding your function an array with numbers
for example I used to solve an algorithm in java with 1 Array and 2 ArrayLists, when I could have just used 1 HashSet lol. I learned a lot about ArrayLists, and also then looked up the HashSet class :smile: )
:point_up: replace is a string method. It would work with what Im trying to do
.=.
well , but the compiler won´t compile an array-object to a string-object for you sadly
Trying to point you to where I said that like 30min ago before you starting arguing.
I did tell u
but u were busy making nachos
like 30 mins ago ^^
I think the problem is
~~~
function destroyer(arr)
Your input name is arr
And you use "argument" instead
arguments.length
~~~
well me personally never argued, it was a conversation about the js-compiler doing this his way
that message
Yea i mean he was talking about something else, and i was like what's going on :package:
and then i realised he was talking about the parameters
xDDD
well at least everybody has learned something
Why cant they make these easy....
"Replace is a string method" means that you can use .replace on variables that are not strings
cant*
and your input is numbers
If they are easy, you wont learn as much! simple as that
true.
What's the point of them even being a challenge if they are not even challenging :P
FIGURED IT OUT!
Finally.
_> Took you a while to read my comment xD
Thanks you guys. @Waqas909 @DennisTalmid
jdc101214 sends brownie points to @waqas909 and @dennistalmid :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @dennistalmid |http://www.freecodecamp.com/dennistalmid
:cookie: 281 | @waqas909 |http://www.freecodecamp.com/waqas909
so let's see that solution!
@jdc101214 good job :clap:
function destroyer(arr) {
var args = Array.prototype.slice.call(arguments);
args.splice(0, 1);
return arr.filter(function(element) {
return args.indexOf(element) === -1;
});
}
@jfc246 You had nothing to do with this.
DO your own stuff
LOL
@jdc101214 ok.......
xD
i think he was inspecting us this whole time :P
well I´m sad I don´t see the replace-function anymore :D
@DennisTalmid @Waqas909 he is my older brother :smile:
@DennisTalmid lol
nice brother learning coding together
i wish my brother was into computers..
Yep. Im the to go helper for him.
instead he's playing on his android all day
He dosent have to rely on chat, at least for now.
@Waqas909 that is NOT me
wow FeelsBadMan You abused us!!! U didnt even use the replace function
gonan report u for harrasment xD
well atleast you learned how to use .filter
@Waqas909 it seemed like a waste of space. :wink:
yea but it works so.. Idk ur point :D
aight great banter, gonna work
now
That makes me think about starting those challenges too.
been active on FCC one year ago, maybe it is more fun with chitchat indeed
I´m done for now too - thanks for the time and have a good time coding all.
:+1:
Anyone know why my search history items when clicked are loading in the wiki articles? http://codepen.io/ssgriffen/pen/KNraGP
I have, what are probably, some simple questions about adding images. Can anyone help?
@bearswamppastor Sorry can you rephrase ur question?
@Waqas909 I have some questions about adding images to a website using bootstrap.
@bearswamppastor Go ahead and ask ! Perhaps someone can help you
@ssgriffen <form autocomplete="off">
that should turn your history off
add that property to your form element
@ssgriffen http://www.w3schools.com/tags/att_input_autocomplete.asp if you want to see it in action and read more about it
I know this code (<img src="my-image.png" alt="My Image">) will work for adding images to my tribute page using bootstrap. But I have some really dumb questions.
When getting an image offline do I just copy and past the image url into the quotations?
Can I pull an image from my computer?
If I can't pull an image from my computer, but want to use one I have do I just post that image online?
If I pull offline do I use the <a href="http://website.com">
Unfortunately, you can't pull it directly from your computer. You have to upload it an image website. When it is done uploading, right click it and click "Open image in a new tab", copy paste the address and use it for <img src="Your address link from the image u just copied">
Oh btw There are no dumb questions :-)
If you add <a href=" Link> then it will give it an anchor, which means when that picture is clicked, the link in "href" will open!
@bearswamppastor https://imgsafe.org/ Try this website :-)
You can just upload it, and click on the image and it'll give you a url
Hope it was clear. Sorry I could have structured my answer better!
Oh Extra Information. Bootstrap is a framework. So for your tribute page, make sure to add it in the settings --> CSS --> Quick Add.
@Waqas909 Thank you!
bearswamppastor sends brownie points to @waqas909 :sparkles: :thumbsup: :sparkles:
:cookie: 282 | @waqas909 |http://www.freecodecamp.com/waqas909
hey guys can anyone help me with bootstrap?
specifically how to center images inside columns
i've tried everything i could think of and searched google but none of the answers seem to solve it, i must be missing something
i'm trying to get the dog images (they are placeholders haha) to be centered regardless of the screen size, so margins don't help me as they are hard code and changing the screen size doesn't change the margins, so they only work for specific screens
so i was hoping to get some help with Copepen.io suppressing my window.open()
what is the correct way to use <a target='_blank'>.
to workaround that
function getIndexToIns(arr, num) {
// Find my place in this sorted array.
var arr1 = arr.sort(function(a, b){return a-b;});
var arr2 = "";
for(var i = 0; i < arr.length; i++){
if(num < arr1[i]){
arr2 = arr1.unshift(num);
return i;
}
}
}
getIndexToIns([40, 60], 50);
My carousel was switching pictures automatically just fine, I started working on my social media stuff and noticed a little later on that my carousel stopped working. Can anyone assist on getting it working again? http://codepen.io/jrivera27/full/GNPEbG/
hey does anyone know a possibility to add 2 functionalities to 1 button? ... like clinking does one thing and holding the button for a longer period of time does something different? needs to work on mobile too
Hello, I was hoping someone could help me figure out why my header is sticking to the right. https://codepen.io/CaseyR/pen/LbMdLN
@JamesHaengsin what do you mean by sticking to the right?
@bomholt Hey! So when I look at the page it has a white gap in my header. But the tribute page is purely black. I thought it might be a padding or margin thing, but I tried changing that and the white gap is still there.
body has a default margin
probly what it is
you can see it by opening the inspector
@bomholt If you are using jQuery you could try building an event for click and an event for mousedown for the same button.
@anony456 the first project i'm trying to accomplish everything without jquery though :( but thanks =)
bomholt sends brownie points to @anony456 :sparkles: :thumbsup: :sparkles:
:cookie: 36 | @anony456 |http://www.freecodecamp.com/anony456
@JamesHaengsin you mean the gap left and right?
@bomholt You can check this out then. Hopefully this could help. I should read this myself since I love jQuery alot.
@bomholt yeah. I tried to set the margin for the whole thing to 0. and padding as well, but the gap stayed.
@JamesHaengsin i believe it's your row div
@JamesHaengsin actually its .container-fluid and its padding
set it to 0
wasnt sure what you meant with gap on the right as its on both sides for me
@anony456 thanks =)
bomholt sends brownie points to @anony456 :sparkles: :thumbsup: :sparkles:
:warning: bomholt already gave anony456 points
What do you guys reckon the best way of active searching is? So the results update as your typing the search thing?
@JamesHaengsin read some stuff on chrome developer tools and you will be able to find stuff like that by yourself. its REALLY helpful
Or rather how do i check that the thing they typed in the search
matches with some sort of a name
so if they type "Henr" and press Enter
They should get results with "Henry"
"Henrrryy"
.-.
@bomholt Thank you! I appreciate your help. I will find some resources to learn about chrome developer tools. Thank you for the advice. It is much needed.
jameshaengsin sends brownie points to @bomholt :sparkles: :thumbsup: :sparkles:
:cookie: 558 | @bomholt |http://www.freecodecamp.com/bomholt
i think there's like a keyup() method in jquery, not sure, but you could maybe use to that to update the results every time a key is pressed (or lifted i guess) @Waqas909
@JamesHaengsin i dont know if its still there but FCC had a section for that too
@JamesHaengsin there's a video challenges section in the freecodecamp map that is quick
@JamesHaengsin https://www.freecodecamp.com/map-aside#nested-collapseChromeDeveloperTools here you go ... its a new one haven't done it myself but should be great
@Waqas909 i answered your first question, ...the second one maybe could be some regular expression
hello
hey
which is good php or js?
for backend
php
I don't think JS is used for Backend...
not sure if js qualifies as backend
Does FCC teaches us any backend lang?
there is a backend section
i know that
but which lang?
??
Are Node.js & Express.js Backend lang.??
im not sure on those
but they are in the backend section
can anyone help me with this? I have links in my codePen to watch a stream: http://codepen.io/sparklie3/pen/Pbyapm?editors=1010
the links work, by opening a new page, but twitch.tv doesn't load
if i right click on the link and say open in a new tab, it does work
?? why ??
@thenote yes, FCC teaches javascript for backend
using node.js and express.js
those are packages that enable backend to run javascript using Chrome V8
does anybody know why in my codepen (http://codepen.io/c0d0er/pen/ObwGPM?editors=0010), the right end of search filed, the search icon is correctly shown, but in my local file it shows error in the console and the search icon doesnt show correctly?
@sparklie3 there was a post on here a week or so ago about the url for that api changed i think
my api all work since i'm able to pull the data
and generate the codepen
i'm just trying to figure out why twitch.tv doesn't load when i open it via clicking the Watch Stream
but it works when i right click on the link the then say open new window
wasn't 100% if that was just unique to me
it seemed to be chrome specific issue
because when i try the same thing in IE, it works
so was just wondering
yea, when i open in new tab it loads right away, and clicking watch it just keeps loading
strange
same url
yeah, that's the thing i can't figure out
and i think it's unique to chrome
i tried this in IE and didn't have the issue
i think chrome is doing something with the
target="_blank"
different than IE
im on firefox
oh?
damn
not sure exactly what your getting, mine just keeps loading and doesn't ever load
so on my chrome, if i click on the link watch stream
it opens a new tab
and loads blank
if I right click and then open the tab
everything is fine
on IE, if i just click on the link, it's fine
@TylerMoeller thanks
c0d0er sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1165 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Hi guys. I am trying to build a random quote machine. cant find a suitable ai.
quotesondesign.com
@c0d0er im trying to take a look at your issue, ...not sure
you didn't make any changes on pen and then not make them locally
feels like a styling issue
thnx @moT01 . was stuck on this for 3 hours
eadc-p sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 415 | @mot01 |http://www.freecodecamp.com/mot01
@moT01 if you can look at the picture i sent earlier, sounds like fonts problem
@moT01 looks like this is a known issue: https://forum.freecodecamp.com/t/i-noticed-an-issue-with-my-and-the-example-twitch-api-project/20367
is php better than express.js & Node.js? Do i need to learn php?
thanks @moT01
eadc-p sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:warning: eadc-p already gave mot01 points
sure thing, @eadc-p there's a pretty easy to read api docs page there
@c0d0er yea, i wonder, you getting the same thing on all browsers locally?
@moT01 yes
@c0d0er i didnt get into reading them, but a google of 'glyphicon search icon not working' brings up a number of results of other people who had similar issues
one result says ...
Setup your fonts folder on the same level as your css folder, where bootstrap is located, and put the glyphicon fonts there. Then find the following lines in your bootstrap css file and make sure they also point to the font folder.
well, i wont post the rest, ...ask if you want the link
@c0d0er thanks
sorry c0d0er, you can't send brownie points to yourself! :sparkles: :sparkles:
i bet that's it
Helllo. Can someone help me with the Weather App?
I am using the Dark Sky API, Skycons, and ipify
All APIs
I can link to what I have
Kinda lost as to where to go next
I’d like the background to change when the weather does. Not sure how to go about that but I am searching
ill take a look
you can do that with jquery, ...set an icon or background, to some html element if certain weather conditions are met
hey guys im working on a website only HTML/CSS how do i setup a separate page? like if i click on help, i want it to open up a new page
if(weatherobject.temp > 90) {
$(".weatherimage").attr(src, "hoticon.jpg");
}
something like that is one way to go
@twhite96 the api i used had links to icons in the object so it was easy, ...not sure what your getting
@Ferdyboy81
<a href="help.html">HELP!</a>
@moT01 I’m using this https://darkskyapp.github.io/skycons/
your object did have an icon, just a label, ...and the different type of labels are listed in their api docs
I have a quick question
I tried Googling it, but to no avail.
I'm doing Project #1, Build a Tribute Page.
I'm trying to center my unordered list. The text will center, but the bullet points will not
here is my code:
<ul class="text-center">
<li>Born in England</li>
<li>Moved to New York</li>
<li>Was in a rap group called KMD</li>
<li>Group was dropped</li>
<li>Brother died</li>
<li>Left rap for nearly a decade</li>
<li>Came back as MF DOOM</li>
<li>Wore a metal mask to protect his identity and people focused on the lyrics rather than looks</li>
</ul>
<li>Born in England</li>
<li>Moved to New York</li>
<li>Was in a rap group called KMD</li>
<li>Group was dropped</li>
<li>Brother died</li>
<li>Left rap for nearly a decade</li>
<li>Came back as MF DOOM</li>
<li>Wore a metal mask to protect his identity and people focused on the lyrics rather than looks</li>
</ul>
@adamfaraj you can try in css:
ul{display: block;margin-left:50%;transform: translate(-50%);}
@sorinr didn't work :(
@adamfaraj can you post the link to your pen?
@adamfaraj it should work. here an example get rid of the text-center class
@sorinr so use this code:
<div class="row">
<div class="col-xs-6"><div class="well"></div>
</div>
<div class="col-xs-6"><div class="well"></div>
</div>
</div>
@adamfaraj like new example
ahhh
so it was the first 2 lines in my CSS
@sorinr so why was this messing that up:
text-align: center
margin: 0px auto;display:block
text-align: center
margin: 0px auto;display:block
@adamfaraj think you where no closing the text-center css the right way .text-center{here the rules to be applied}
thanks @sorinr !
adamfaraj sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 959 | @sorinr |http://www.freecodecamp.com/sorinr
@adamfaraj instead of inline-table you can also use block
@adamfaraj np
@adamfaraj welcome
Can someone critique my first project?
wait. made a few changed
changes*
@adamfaraj better now. the ul had no space at top
wait, i changed a few more things. haha
never satisfied
dang. forgot about the "target="_blank"
ok, last time
i promise
hey any can look into my code and help me to add variable strTemp in get link in ajax
$(document).ready(function() {
$("#seabtn").click(function() {
var strTemp=$("#searchfield").val();
console.log(strTemp);
$.getJSON('http://api.openweathermap.org/data/2.5/weather?q=+strTemp&appid=869e6fd2f6e579ae650d308cb7f62cb4', function(str) {
console.log(str);
/*optional stuff to do after success */
$("#text2change").html(str.coord.lon);
});
});
});i need help.
in the url link
@bitian1506 it should be like
'http://api.openweathermap.org/data/2.5/weather?q='+strTemp+'&appid=869e6fd2f6e579ae650d308cb7f62cb4'
done
@bitian1506 welcome
@sorinr thanks
bitian1506 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 960 | @sorinr |http://www.freecodecamp.com/sorinr
@0x0936 thanks
c0d0er sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star2: 2107 | @0x0936 |http://www.freecodecamp.com/0x0936
So I'm on Project 2: Build a Personal Portfolio Webpage
and the example has a pinned menu. i started googling on how to have a stickied menu
i glanced at the code of the example, and they have JS
CodeCamp hasn't taught me JS yet
just HTML and CSS and some JQuery
can I make a pinned menu with just HTML and CSS?
@adamfaraj yes you can: give your nav a position: fixed
@adamfaraj fcc taught you how to use bootstrap didnt it? https://getbootstrap.com/examples/navbar-fixed-top/ bootstrap got a fixed navbar implemented
good luck with your portfolio :)
can someone explain ".REPLACE" to me? I read about it but i still cant completely understand how it works.
for instance
for instance
.replace(/[aeiou]/ig,'') i know that this removes the vowels of a string. But what exactly every "character" in there means? thank you :)
@thodorisanta
Hi, everyone. I'm trying to build weather app. I've decided on using Dark Sky API. It works but it won't display weather icon. I've checked the console. It says 'Skycons is not defined'. Can you help? Here's my code.
// Prepend https:// to codepen url in order for navigator.geolocation to work
$(document).ready(function() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
var url = "https://api.darksky.net/forecast/myapikey/" + lat + "," + lon;
$.ajax({
type: 'GET',
url: url,
dataType: "jsonp",
success: function(data) {
var country = data.timezone.replace("/", ", ");
var dailySummary = data.daily.summary;
var fahrenheit = Math.round(data.currently.temperature);
var celsius = Math.round((fahrenheit - 32) * (5 / 9));
$(".info").html("<p>" + country + "</p><p>" + dailySummary + "<canvas id='icon' width='128' height='128'></canvas>" + "</p><p class='celsius'>" + celsius + "</p><p class='fahrenheit hide'>" + fahrenheit + "</p>" + "<p class='degree'>" + "°F" + "</p>");
var skycons = new Skycons({"color": "pink"});
var icon = data.currently.icon;
skycons.add("icon", Skycons.icon);
skycons.play();
}
});
});
}
});
@inci-august read this: http://darkskyapp.github.io/skycons/
hey
here is my code
i want a enter key to be as event to execute the function
here is my code
i want a enter key to be as event to execute the function
$(document).ready(function() {
$("#seabtn").keypress(function(e)
{
var key=e.which;
if(key == 13){
var strTemp = $("#searchfield").val();
console.log(strTemp);
$.getJSON('http://api.openweathermap.org/data/2.5/weather?q=' + strTemp + '&appid=869e6fd2f6e579ae650d308cb7f62cb4', function(str) {
console.log(str);
/*optional stuff to do after success */
$("#text2change").html("LOCATION:" + str.name + "</br>" + "Latitude:" + str.coord.lat + "</br>" + "Longitude:" + str.coord.lon + "</br>" + "TEMP:" + str.main.temp + "</br>" + "PRESSURE:" + str.main.pressure + "</br>" + "MIN TEMP:" + str.main.temp_min + "</br>" + "MAX TEMP:" + str.main.temp_max + "</br>");
});
}
});
});
Hi @sorinr . I've read it already. That's how I tried to add icons to my app. I added canvas tags, gave it an id, and used that id to add icons. For some reason it won't work.
@inci-august can you console.log(icon) after var icon = data.currently.icon; and let me know what you get? or just share the pen link if you have it on codepen
@sorinr I tried to console.log. But it doesn't seem to be returning anything.
@inci-august it seems your problem start from var skycons = new Skycons({"color": "pink"}); Skycons its not recognized as an object to declare it like that
@sorinr I agree. I tried to add a script tag to my html page and use js file that declares skycons object from their github page. It didn't work either.
@sorinr thanks by the way. I guess I'll try something else.
inci-august sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 963 | @sorinr |http://www.freecodecamp.com/sorinr
hello guys, what do you think about my Wikipedia Viewer?
http://codepen.io/shaolin30/full/ZBrqJJ/
thanks in advance for the feedback.
http://codepen.io/shaolin30/full/ZBrqJJ/
thanks in advance for the feedback.
@androuino where should I click for a random article?
Cause "here" doesn't work :)
Just followed the example. Didn't realized that. 😂
@Robertb4
@androuino nice ui :+1: just fix the click for a random article. Also it would be better if u some sanity check. Like if no article is found for a particular search query from the api, display the message stating so.
Thanks Mahak, I'll surely add that functionality.
It would be ALSO better if you had used my username instead of my name lol :smile:
Haha, can't see ur username. I'm using the android gitter app.
That's why I cannot tag your username with my replies.
He's just hunting for brownies ;)
Yes he did.
thats how it works @Adi2Point0
@androuino well u can. but i won't explain how. otherwise u guyz will call be brownie obsessed.
brownie fetish ;)
I have code fetish :p
hahha good 1 @Adi2Point0
@JLuboff @sorinr thanks. location var will be the name of the city + country, obtained from an other api (since I understood that it's not possible to use the navigator.geolocation with codepen).
saylos sends brownie points to @jluboff and @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 496 | @jluboff |http://www.freecodecamp.com/jluboff
:cookie: 964 | @sorinr |http://www.freecodecamp.com/sorinr
so.... could some would give a twitch channel which always online ??
ahhh..... my internet connection is so darn slow .... even a push of a small commit to github fails :,-)
ahhh..... my internet connection is so darn slow .... even a push of a small commit to github fails :,)
Hi guys, I can't figure out why this script doesn't work (the part regarding the weather api):
$(document).ready(function(){
var location;
$.getJSON("http://ip-api.com/json", function(json){
location = json.city;
var country = json.country;
$("#Location").html("<p>"+location+", "+country+"</p>");
});
$.getJSON("http://api.openweathermap.org/data/2.5/weather?q="+location, function(json){
$("#Weather").html("<p>"+json.description+"</p>");
});
});
@saylos code looks ok. codepen link plz.
@Mr-Kumar-Abhishek jio nahi liya bhai? :smile:
@saylos think you need the api key for the weather
where do I find it?
@makBit jio doesn't work everywhere , and absolutely not in this forsaken place ~
digital nomad life ~
@saylos got the problem.
$(document).ready(function(){
var location;
$.getJSON("http://ip-api.com/json", function(json){
location = json.city;
$.getJSON("http://api.openweathermap.org/data/2.5/weather?q="+location, function(json){
$("#Weather").html("<p>"+json.description+"</p>");
});
console.log(location);
var country = json.country;
$("#Location").html("<p>"+location+", "+country+"</p>");
});
});
@saylos register to the api its free
$getJSON('http://api.open....') should be inside the callback function of $.getJSON('http://ip-api); @saylos
because u were trying to use country variable in weather api query before its getting defined in ip address api callback function.
@saylos
hey guys im a bit new and i have need to make a portfolio with buttons that automaticaly scroll for you but i dont have a clue on how to do that can someone pls help
@markolie20 just google it for in page linking
@makkBit @sorinr ok thanks guys, I'll see if I can handle it from now on. First i'll try to understand what's a callback function :smile:
:cookie: 363 | @makkbit |http://www.freecodecamp.com/makkbit
:warning: saylos already gave sorinr points
saylos sends brownie points to @makkbit and @sorinr :sparkles: :thumbsup: :sparkles:
https://medium.freecodecamp.com/understanding-asynchronous-javascript-callbacks-through-household-chores-e3de9a1dbd04
read this. this article explains callbacks in simple and very understanding way .
read this. this article explains callbacks in simple and very understanding way .
@makkBit great :+1:
can you please help with this:
You will be provided with an initial array (the first argument in the destroyer function), followed by one or more arguments. Remove all elements from the initial array that are of the same value as these arguments.
my code is not passing any test
here is the code:
```function destroyer(arr) {
// Remove all the values
var newArr = arr.filter(function(val) {
for(i = 1; i < arguments.length; i++) {
return val !== arguments[i];
}
});
return newArr;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
```
the test
destroyer([1, 2, 3, 1, 2, 3], 2, 3) should return [1, 1].
destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3) should return [1, 5, 1].
destroyer([3, 5, 1, 2, 2], 2, 3, 5) should return [1].
destroyer([2, 3, 2, 3], 2, 3) should return [].
destroyer(["tree", "hamburger", 53], "tree", 53) should return ["hamburger"].
can you please help with this:
You will be provided with an initial array (the first argument in the destroyer function), followed by one or more arguments. Remove all elements from the initial array that are of the same value as these arguments.
my code is not passing any test
here is the code:
```function destroyer(arr) {
// Remove all the values
var newArr = arr.filter(function(val) {
for(i = 1; i < arguments.length; i++) {
return val !== arguments[i];
}
});
return newArr;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
```
the test
destroyer([1, 2, 3, 1, 2, 3], 2, 3) should return [1, 1].
destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3) should return [1, 5, 1].
destroyer([3, 5, 1, 2, 2], 2, 3, 5) should return [1].
destroyer([2, 3, 2, 3], 2, 3) should return [].
destroyer(["tree", "hamburger", 53], "tree", 53) should return ["hamburger"].
@Mr-Kumar-Abhishek well then invest in high speed internet. u truly need for web dev. jio works for me though, around 500kb/sec :smile:
can you please help with this:
You will be provided with an initial array (the first argument in the destroyer function), followed by one or more arguments. Remove all elements from the initial array that are of the same value as these arguments.
my code is not passing any test
here is the code:
function destroyer(arr) {
// Remove all the values
var newArr = arr.filter(function(val) {
for(i = 1; i < arguments.length; i++) {
return val !== arguments[i];
}
});
return newArr;
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3); the test
destroyer([1, 2, 3, 1, 2, 3], 2, 3) should return [1, 1].
destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3) should return [1, 5, 1].
destroyer([3, 5, 1, 2, 2], 2, 3, 5) should return [1].
destroyer([2, 3, 2, 3], 2, 3) should return [].
destroyer(["tree", "hamburger", 53], "tree", 53) should return ["hamburger"].
@purpose50
You need to work with arguments as if it was a regular array. The best way is to convert it into one.
You need to filter, this also means you need to create a callback function, one that checks if the element is on the indexOf()
To convert arguments into an array use this code
You need to work with arguments as if it was a regular array. The best way is to convert it into one.
You need to filter, this also means you need to create a callback function, one that checks if the element is on the indexOf()
To convert arguments into an array use this code
var args = Array.prototype.slice.call(arguments);
@makkBit I did "invest" in high speed internet ... unlimited 3G of BSNL (highest coverage ) , but apparently not that great ~
@makkBit okay will try that now
@makkBit I wonder matrix sim cards have better internet ~
@Mr-Kumar-Abhishek I have heard matrix sim cards are good for tourists only
Hello World! :)
welcome to FreeCodeCamp @NitinNair89!
why does this code makes two buttons instead of one?
<button onClick="searchForArticle" class="fa fa-search fa-lg" aria-hidden="true">search<button>
@makkBit yup, that's why I am asking ~
digital nomad life ~
@diederikquak your button tag is not closed properly
it should be
</button>
o wow thx @NitinNair89 :worried:
diederikquak sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 365 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
Happy to assist :)
can somebody explain to me why that upid piece of text refuses to display on my screen?
https://codepen.io/shreyas23-sk/pen/ENGgmX
https://codepen.io/shreyas23-sk/pen/ENGgmX
The one below the navbar
Hello! how to fix the image caption inside the bootstrap thumbnail
@shreyas23sk That's because your "text" is beneath the navbar
add some
margin-top to the row with the text
<div class = "row" style="margin-top:50px;">
$.ajax({
'url': '//en.wikipedia.org/w/api.php',
'dataType': 'jsonp',
'data': {
'action': 'opensearch',
'search': encodeURIComponent($('.search-input').val()),
'limit': 'max',
'namespace' : '0',
'format': 'json',
'success': function(data) {
console.log(data);
},
'error': function() {
}
}
}); // in browser's developer tools i can see the JSON response received, but console.log(data) is giving me undefined. How is this the case?
how do i tweet my quote without having to refresh the codepen
@makkBit man! thank you so much, your suggestion worked :+1: , although i stillhad to do some thinking before i could get it, thanks for the tip :smile:
purpose50 sends brownie points to @makkbit :sparkles: :thumbsup: :sparkles:
:cookie: 364 | @makkbit |http://www.freecodecamp.com/makkbit
@purpose50 cheers !! :smile:
could some one help me why this not working https://github.com/Mr-Kumar-Abhishek/observe-twitch-tv/blob/test/js/main.js ??
could some one help me why this not working https://github.com/Mr-Kumar-Abhishek/observe-twitch-tv/blob/test/js/main.js , I am not able to append
@DennisTalmid hahaha wow , ive used that a lot , but never thought about using it in a picture to create that effect... Thanks again Dennis
volkranium sends brownie points to @dennistalmid :sparkles: :thumbsup: :sparkles:
:cookie: 129 | @dennistalmid |http://www.freecodecamp.com/dennistalmid
Hi guys i'm having issues with my portfolio page in mobile view. for some reason the navigation doesn't seem to work even though i've included the bootstrap js and jquery . here is the link to my portfolio page. https://codepen.io/pakpala/full/WoLxOa/.
how do i make a text like this?>
How to use framework
yo guys why isnt this working for numbers but only for letters, like keyCode isnt wokring for code === 51 (3) 3 still gets typed in and not replaced by 1.
function transformTypedCharacter(typedChar) {
var code = typedChar.keyCode;
if(typedChar == "a") {
return typedChar = "b";
}
else if(typedChar == "q") {
return typedChar = 7;
}
else if(typedChar == "b") {
return typedChar = 9;
}
else if(code === 51) {
typedChar.preventDefault();
return typedChar = 1;
}
else {
return typedChar;
}
}
Hey supp fellow coders
Is it bad practice to use big margins? like margin-right: 500px;
Yes :D
Its probably going to mess things up when you view it on different sized
monitor
@urketadic hmm , and what would be a good option to seperate a nav bar from a logo
with inline-block method
like, you can probably use margin but then you should use media queries to set up website for each resolution
but yes i dont know how the website looks
idk whats the best
@urketadic havent done it its just something i find myself doing xD
anybody know how to make my text like this?https://gyazo.com/e8ddaa988a8e481f5c36dc8be0dc7b10
@urketadic adding huge right margin to the logo to separate the nav bar
like
is floating it to the other side going to work
or giving it position and then like right: 2px;
@BobbaWoolf Probably a font
@BobbaWoolf check out https://fonts.google.com/
Ah! @callumquick @kazzacarrot thx guys!
:cookie: 392 | @kazzacarrot |http://www.freecodecamp.com/kazzacarrot
bobbawoolf sends brownie points to @callumquick and @kazzacarrot :sparkles: :thumbsup: :sparkles:
:cookie: 312 | @callumquick |http://www.freecodecamp.com/callumquick
@moT01 Yea the keyup part is good Thanks! However, I need to find someway of matching the letters typed in the search box with the channel names :/ I'm stuck on that now
waqas909 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 416 | @mot01 |http://www.freecodecamp.com/mot01
hii.. can anybody plzz help me with my portfolio project....
code: <div style="position:fixed; background:silver; width:100%">
<div class="row">
<div class="col-xs-4 "> <button id="button1" class="btn btn-block btn-primary">About</button></div>
<div class="col-xs-4 "> <button id="button1" class="btn btn-block btn-primary">Portfolio</button></div>
<div class="col-xs-4 "> <button id="button1" class="btn btn-block btn-primary">Contact</button></div>
</div>
@aa3pankaj What do you need help with?
var arr1 = [2,3,4, 5, 6,4, 7];
var arr2 = [2,3];
i want to write a function that will fetch every element from arr1 and then check if that element is present in arr2 if present it should return true
so in this case it should return true two times as both elements are present in arr1.
@Rakesh18754 Do a for each element in arr1, do something for each element in arr2
@callumquick
i tried
var arr1 = [2,3,4,5,6,4,7];
var arr2 = [2,3];
for(var i = 0; i < arr1.length; i++) {
for(var k = i + 1; k < arr2.length; k++) {
console.log(arr1[i].includes(arr2[k]));
arr1.includes(arr2);
}
}but got this error
Uncaught TypeError: arr1[i].includes is not a function
@callumquick any help on this as i am new to js
@Rakesh18754 This should help you out with some hints on getting started: https://github.com/FreeCodeCamp/FreeCodeCamp/wiki/Algorithm-Diff-Two-Arrays
Hi. I'm inserting a new section with a background image but it doesn't go at the bottom of the page. Instead, it becomes a background of the previous section. Any ideas? http://codepen.io/pilotwhiterabbit/pen/RoErqO
Hey please could someone help me with task 146(escape sequence in strings) i have been stuck most of the day
Hi. I'm doing the challenge: Build a Random Quote Machine. Where i can find the source quote ?
@RoastedChicken make your own source code
Hi, I stumbled upon this snippet while searching
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button> can anyone explain me in the snipped what does this "collapsed" class do. I searched a lot but couldn't find this class. I could find the class "collapse" and related classed but couldn't find "collapsed". Is it a typo or am I missing something. Please help!
It's mean i use google to copy many quotes to make source quote ?
@Mr-Kumar-Abhishek Hi, I stumbled upon this snippet while searching ```
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>``` can anyone explain me in the snipped what does this "collapsed" class do. I searched a lot but couldn't find this class. I could find the class "collapse" and related classed but couldn't find "collapsed". Is it a typo or am I missing something. Please help!
@RoastedChicken use API to get random quotes google "quotes API"
@RoastedChicken look here is an good API --> https://quotesondesign.com/api-v4-0/
:)
thanks @Mr-Kumar-Abhishek
roastedchicken sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:cookie: 454 | @mr-kumar-abhishek |http://www.freecodecamp.com/mr-kumar-abhishek
Hi, can somebody tell me why I have this white strip between navigation bar and my background image? And how to delete this? http://codepen.io/casadin/pen/ZBVmpw?editors=1100
@casadin - i dont see a white strip? make sure you are not 'zoomed' on your browser... sometimes causes strangeness... looks OK for me in Chrome, Firefox and Opera on OSX.
Hi, need help!
I stumbled upon this snippet while searching
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i> </button> can anyone explain me in the snippet what does this "collapsed" class do. I searched a lot but couldn't find this class. I could find the class "collapse" and related classed but couldn't find "collapsed". Is it a typo or am I missing something?Please help!
@apoorv-mishra Read http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-navbar.php
hi guys
any help with this please
One of the simplest and most widely known ciphers is a Caesar cipher, also known as a shift cipher. In a shift cipher the meanings of the letters are shifted by some set amount.
A common modern use is the ROT13 cipher, where the values of the letters are shifted by 13 places. Thus 'A' ↔ 'N', 'B' ↔ 'O' and so on.
Write a function which takes a ROT13 encoded string as input and returns a decoded string.
All letters will be uppercase. Do not transform any non-alphabetic character (i.e. spaces, punctuation), but do pass them on.
here is my code:
function rot13(str) { // LBH QVQ VG!
var newStr = "";
for(i = 0; i < str.length; i++) {
var strVal = str[0];
if(strVal !== " ") {
var charValue = str.charCodeAt(i);
charValue-=13;
var fCharValue = String.fromCharCode(charValue);
newStr+=fCharValue;
}else {
newStr+= " ";
}
}
return newStr;
}// Change the inputs below to test
rot13("SERR PBQR PNZC");
the test that should be passed:
rot13("SERR PBQR PNZC") should decode to "FREE CODE CAMP"
rot13("SERR CVMMN!") should decode to "FREE PIZZA!"
rot13("SERR YBIR?") should decode to "FREE LOVE?"
rot13("GUR DHVPX OEBJA QBT WHZCRQ BIRE GUR YNML SBK.") should decode to "THE QUICK BROWN DOG JUMPED OVER THE LAZY FOX."
what i got for the first test:
F8EE C5DE CAM6
please what am i doing wrong and what should i do?
_
@GastroGeek i fixed it already :) thanks
casadin sends brownie points to @gastrogeek :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for gastrogeek
@NitinNair89 Sorry, but I couldn't find what I was looking for. Thanks, by the way :)
apoorv-mishra sends brownie points to @nitinnair89 :sparkles: :thumbsup: :sparkles:
:cookie: 366 | @nitinnair89 |http://www.freecodecamp.com/nitinnair89
@purpose50 this is not a javascript chatroom but..... you don't have to get the char codes as such ... also the maths in the algo is wrong ~
@purpose50 this is not a javascript chatroom but..... you don't have to get the char codes as such ... also the maths in the algorithm is wrong ... ~
@Mr-Kumar-Abhishek just frustrated since i've been stuck with these for hours
@Mr-Kumar-Abhishek thanks anyways :+1:
purpose50 sends brownie points to @mr-kumar-abhishek :sparkles: :thumbsup: :sparkles:
:cookie: 455 | @mr-kumar-abhishek |http://www.freecodecamp.com/mr-kumar-abhishek
if(code == 51) { //If 3
ev.preventDefault();
var inputNumber = "1"; //then 1
adder (inputNumber);
placeCaretAtEnd(this);
last.remove();
}
else if(code == 52) { //If 4
var inputNumber = "2"; //then 2
adder (inputNumber);
placeCaretAtEnd(this);
}
else if (code == 53) { //If 5
var inputNumber = "3"; //then 3
adder (inputNumber);
placeCaretAtEnd(this);When i write 3, it will write both 3 and 1. I want it only to write 3. I don't know how to prevent it.
There is other part of my code that is responsible for outputing these numbers that i am overriding now. Thats why it is writting both numbers. Dont know how to prevent it though.
@urketadic declare the variable
inputNumber outside the scope of if - else statements. ~
@urketadic and define them inside the scope of if-else statements
its already defined outside
@urketadic do I have to write the code ?? okay
Well it would be awesome if you could fix it
my frined will be able to start learning PI for World Record then, finaly :D
il try something myself
I'm using CSS table to align header elements. Is it possible to wrap inner divs to it's content size and also align them to left, center and right respectively? http://codepen.io/vengal-learn/pen/QGJdze
@Mr-Kumar-Abhishek Some guy helped me fix it
Diego
problem was, last was defined outside of reach
i was trying to reach for a command outside of my scope
:/
@urketadic ouch such a heavy website ~ ... it will break my flimsy computer ... so you got the solution then ?
@urketadic as I said before lol
Yep
any other way of getting ajax requests inside a for loop, other than async: false (Freezes the browser)?
I can make code cleaner now when everything is working
@Mr-Kumar-Abhishek Can you help me with this: I'm using CSS table to align header elements. Is it possible to wrap inner divs to it's content size and also align them to left, center and right respectively? http://codepen.io/vengal-learn/pen/QGJdze
@vengal14327 there is no such thing as
float: center; .... and yes there is a way to adjust them the way you want but it will not be done through textalign
@vengal14327 there is float left , float right and float clear..
@vengal14327 once a html tag has float (left or right ) it will effect all the lower html tags , whether it is a child tag or not
@vengal14327 to clear its effects , we either use something like
<div class='clearfix'></div> or add a division whose class is having float: clear;
@vengal4327 i would just use flexbox
@vengal14327 yes flexbox is a better choice
@vengal14327 however see here .. if you want to continue on the track what you choosen https://developer.mozilla.org/en/docs/Web/CSS/float
@vengal14327 also it should be
clear: both; I forgot :p
@vengal14327 my apologies.... flexbox is way better ~
@vengal14327 see here for flex boxes https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
I cant use flexbox that one is opted out. That's why i'm trying this alternative
@vengal4327 why?
@vengal4327 Is bootstrap an option? https://getbootstrap.com/components/#navbar-default
Mine should support only IE8 so i cant use that
https://gyazo.com/71630b7dc2ee306f20a422da964fa528 I've put a <hr> sign over the picture but It doesn't show can anyone help me with that?
Yes i can use boot strap
Yeah, it's hard to support IE8 with flexbox, here's a quick example with bootstrap: http://codepen.io/TylerMoeller/pen/mOavRb?editors=1000
To give an idea, lots of ways to customize it without much additional effort
@TylerMoeller Thanks!
playingwithinfinity sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1166 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
You're welcome? :) Don't know what I helped with.
@BobbaWoolf I don't see a picture in that screenshot you sent. Do you have a codepen showing the problem?
<style>
.text-center {
text-align: center
}
</style>
<div class="container-fluid">
<h2 class="red-text" "text-center">CatPhotoApp</h2>
</div>
why its not working?
@TylerMoeller Yesterday night.
I will try that and let you know if its working. Thanks!! @TylerMoeller
vengal4327 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1167 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@Matorp maybe something here: class="red-text" "text-center"
@sorinr - red text is OK, I just deleted it from preview
@Matorp class="class1 class2 class3 etc"
text-center is not working
that was it. thanks
@Matorp the idea was not to have class="red-text" "text-center" but class="red-text text-center" the classes r not supposed to be separated by " but by space
Hi! I was wondering how to push my nav bar on the left side and stop the squishing of my block elements: http://codepen.io/cli53/pen/ZBVwRo
@cli53 you can try:
nav ul{
text-align: left;
}if this is what u want
it worked great! I was just confused how come it doesn't work when added to the nav li
I would like to know more in depth about where to add properties and values when it comes to list because it just ends up to be a guessing game for me
@cli53 when it comes to styling and placing elements on a page just look for css. css-triks.com is a good place to look at
Thank you!
@cli53 welcome
<ul>
<li><a class="active" href="#home">Home</a></li>
<li class="active"><a href="#About"><span>About</span></a>
<li><a href="#Pictures">Pictures</a></li>
<li><a href="#Contact">Contact</a></li>
</ul> My navigation bar isn't working
can anyone help?
@BobbaWoolf i see its working. u mean in page navigation?
Anyone know how to add empty containers to your website? I am trying to test the spacing and placement of my elements, I can't seem to just make 'empty' space ._.
@Jichoat You can create a div in your html, and style it in css with height and width of your choosing
@BobbaWoolf first u have two li tags that has the class "active". active class means usually the current link last clicked. to make an in page navigation you will need also some corresponding sections (div, section, whatever) that must have the id="home", or the id="About", etc
@amidzicigor That's what I did (http://codepen.io/Jicho/full/ZBVwmj/) but its not showing anything unless there is text in the field. Unless I am screwing something up.
@Jichoat if you want to use bootstrap just look for offset in their grid docs
@sorinr So break it up into rows and cols with bootstrap first?
@Jichoat When you create a div, the natural height is 0. The div only expands once there is content inside of it.
In your css, target the div you want to see and give it a style of
In your css, target the div you want to see and give it a style of
background-color: orange
height: 50px
@Jichoat oh. that is just normal. if an element has height 0 will not be visible. if u add in css: element {min-height: 600px; background: red} u will see it even if you don't have any elements inside of it
@amidzicigor oh gotcha I see now I was using max-height and max-width Thanks Igor!!
jichoat sends brownie points to @amidzicigor :sparkles: :thumbsup: :sparkles:
:cookie: 58 | @amidzicigor |http://www.freecodecamp.com/amidzicigor
@Jichoat No problem :)
@Jichoat yep. read this: http://getbootstrap.com/css/#grid
@sorinr I see now, max width and height don't work they way I thought they did x.x which was part of my problem haha...Thanks :)
@sorinr Thank you Sorin!! :D
jichoat sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 966 | @sorinr |http://www.freecodecamp.com/sorinr
@Jichoat Let me know if you need any more help with boostrap. I'm learning right now myself
@amidzicigor For sure!! I am working on my 'portfolio' project, and trying to lay everything out first. Since I don't have anything for it yet
@Jichoat Haha true.. I'm at that step right now. I'm starting my portfolio, but have no content lol www.codewithigor.com
@sorinr yes page navigation Ok so you mean I need to make them active and have a div class with the id ="home" etc? yes?
@amidzicigor Looks really good so far; more than what I have haha. If you are interested in adding some color to your page; you should take a look at http://paletton.com. It's great to create color pallets, it also provides a preview of the colors and hex codes
@BobbaWoolf active class is optional. only if u want to show where the user cliked
@Jichoat Oh yeah I used this website before. I completely forgot about it, though. Thanks :)
amidzicigor sends brownie points to @jichoat :sparkles: :thumbsup: :sparkles:
:cookie: 118 | @jichoat |http://www.freecodecamp.com/jichoat
@sorinr Ah ok thank you so much for the help!
bobbawoolf sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 967 | @sorinr |http://www.freecodecamp.com/sorinr
@BobbaWoolf but yes you need some divs having a corresponding id as your links
@amidzicigor You're welcome :D
@BobbaWoolf welcome
@sorinr <ul>
<div id="Home">
<div id="About">
<div id="Pictures">
<div id="Contact">
<li><a class="active" href="#home">Home</a></li>
<li class="active"><a href="#About">About</a>
<li class="active"><a href="#Pictures">Pictures</a></li>
<li class="active"><a href="#Contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div> I've done what you said still not working :/ I want it to. Take me to the place I click on the page if you know what i mean
@BobbaWoolf just a sec and i'll show you
Hi, I found this code while searching
html
oops
@BobbaWoolf here a quick example
Hi, I found this code while searching
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>I wanted to know what's the use of collapsed in class="navbar-toggle collapsed". I searched and found the class collapse, but couldn't find anything about collapsed. Am I missing something or it is just a typo? Please help!
@sorinr dang thx bro!
bobbawoolf sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: bobbawoolf already gave sorinr points
@BobbaWoolf welcome
why does my code open a new window with the same url as the url of the code?
my html:
<a href="#" target="blank"><button onClick="randomArticle()" id id="link">Click here for a random article</a>and javascript:
function randomArticle() {
var a = document.getElementById("link");
a.target = "blank";
a.href = "https://en.wikipedia.org/wiki/Special:Random";
}
@diederikquak you target the id="link" but you have it to your button element not the a tag
thx @sorinr but code still doing weird
:cookie: 968 | @sorinr |http://www.freecodecamp.com/sorinr
diederikquak sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
@diederikquak aand its a mess to wrapp a button whithin an a element
Hello
I am currently trying to do the Local Weather App challenge...
but i'm getting problems with the api response...anybody can help me ?
@diederikquak <a href="javascript:void(0)" id="link" class="btn btn-default" onclick="randomArticle()">Click here</a>
^^ much better. You can't add a link to an URL after you click the url.
@diederikquak and in randarticle function you just call window.href...... if you want it that way.
<button onClick="randomArticle()" id="link">Click here for a random article</button>function randomArticle() {
window.open("https://en.wikipedia.org/wiki/Special:Random");
}
Thx very much @sorinr , could you explain to me what the difference is between using a button as class attached to a a-element and a button in a a-element?
diederikquak sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:warning: diederikquak already gave sorinr points
@TylerMoeller yep. i just didn't want to change his function if he wants it
@diederikquak class="btn btn-default" its a bootstap class that helps you style an a tag like a button one
I suppose this works too ;)
<button onClick="window.open('https://en.wikipedia.org/wiki/Special:Random');" id="link">Click here for a random article</button>
Best to use an anchor tag though
@TylerMoeller absolutely :)
anyone know why flex box is putting margins under flexwrapped rows? like this http://i.imgur.com/C50FX3n.png
thx all:)
@diederikquak welcome
@pkmn9060 do you have flex-wrap?
supp fellow coders
@nicolasmuniz7 i suggest watching codewithNick on youtube to help you out
@sonrir nvm I figured it out apprently 30% wasnt actually 30%.
Thank you very much
i will try
GET https://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=23a0f970c68faf38ce782c20a46e9689 net::ERR_CONNECTION_REFUSED
and thats my api key
@pkmn9060 :+1:
silly css :-T
@nicolasmuniz7 you want to get the latitude and longitude first right?
@diederikquak Yeah, but thats not the error..
@diederikquak it responds that also if i put lat and long
@diederikquak just says ERR_CONNECTION_REFUSED
@nicolasmuniz7 remove https from url and put http
@sorinr Ive also tried that...and throws another error
mine works with http
@nicolasmuniz7 mixed content
seems like your apikey isnt valid
give me a sec, sorry but i gtg.. thanks for the help and the response
maybe we can talk later
thank you very much guys
@nicolasmuniz7 r u using geolocation? geo works on https
is it possible to change a element to another element with javascript? I want to change a "a" element to "form" element when clicked on
@diederikquak yep. refer to the parent element and change its .html(here you can place any elements you want. even an entire page)
Can someone please help me figure out why this short JS function isn’t working?
@jayisray show the function
$(document).ready(function() {
$("#about-nav").click(function(){
var myIds = ["home", "about-nav", "port-nav", "contact-nav"];
for (i=0; i<myIds.length; i++)
{
var string = "#" + myIds[i];
if($(string).hasClass("active") && string !== this)
{
$(document).getElementById(myIds[i]).removeClass("active");
$(this).addClass("active");
}
}
});
});
@sorinr
refer to the parentelement with
var x = document.getElementById("link").parentElement?
@jayisray all this just to add or remove a class from a link in the navbar?
yea lol
i only want one active at a time
plus it only took me like a minute to write so no big deal
@sorinr do you have an idea why it’s not working though?
@sorinr nvm found a solution which uses .innerHTML on the web
@jayisray just $('a').removeClass("active") and then $(this).addClass("active")
@sorinr I did that initially, but what if someone wants to go in a random order?
@sorinr If I do that, then they have to go in the preset order for it to work
@diederikquak inner is for vanilla js and its ok
@jayisray the code above will clear the active class from any a tag then add it to the current one no matter wich one is the current clicked
@sorinr ah okay I see; do you know why my code doesn’t work though?
I want to be able to do it both ways
i can see how I change the text inside the element and the attributes, but I can't find how I can change the element itself
@jayisray think your problem is here:
if($(string).hasClass("active") && string !== this) not sure when this is true
@diederikquak .attr(changes you want) for changing an element attributes
@sorinr With that line of code, I’m trying to say the following: “If there is an li, other than the one I just clicked, that is active, then do the following"
@diederikquak i have: <div id="whateverid"><a href="#">Link</a></div> and you would like to change the a into a button. how would u do it by js/jquery?
@jayisray && means AND and both conditional values must return true
@sorinr lol yea i know….
@jayisray ok the who is "this" as value ????
the newly clicked “li"
@sorinr I am currently stuck :(
@jayisray console.log(this) and see the result
@diederikquak with jquery i would just $("#whatever").html("<button class="myclass" id="myisbtn">Hello</button>");
@sorinr where am i supposed to look for the result? after entering that in
my website has a bunch of html & css
gonna try that out right now thx for all the help too bad i can't give you browniepoints anymore :P
@jayisray you enter it before if statement and look into the console. but i tell u. this is an object and u cannot compare string !== with this thats an object. so your && will never be true
@sorinr why can’t I compare them? in JS, doesnt it convert the string into a number first then compares them
@jayisray ur killing me:) "this" is the object in the event(the element on page you clicked on but its like: <li> with anything inside of it</li>. u cannot compare it to a string or number or whatever until you are using some of its properties
hello
im building the "Build a Tribute Page"
do i really need to write content to it ?
i feel i will waste time in doing so. right now im using made up text
choice is up to you off course, but it's generally more fun to code when you're personalizing it.
@Lancemaker r u kidding? its just saying do i have to write some content for this silly page :) a page needs content that you want to show to the user.
@jayisray You have a browser console in your browser - developer tools - usually with F12 to open in chrome, on mac its cmd-alt-i.
A number and a string with a number in gets only properly compared with the
If you use the
A number and a string with a number in gets only properly compared with the
== operator which does an un-strict comparison so 12 == "12" would result in a truthy value.If you use the
=== operator, you do a strict comparison where 12 === "12" results in a falsy value, whereas 12 === 12 is true.this is as @sorinr pointed out, an object and not a string. A string and an object are always incomparable.
Finished the weather app, i'd appreciate some criticism. where do you think i could improve. thank you for your time.
http://codepen.io/boris-in-london/full/bBmMYp
http://codepen.io/boris-in-london/full/bBmMYp
hello,please in the second challenge, are we requeseted to build a personal portfolio webpage or repeat the sample
@timothydollars A personal one
@timothydollars And you have any freedom for designing i†