cannot get the API for weather app
I mean, I won't work
I know I asked this before, but, I'm asking now just about the API
$(document).ready(function(){
var long;
var lat;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
lat = position.coords.latitude;
long = position.coords.longitude;
$("#data").html("latitude: " + lat + "<br>longitude: " + long );
});
}
var api = "https://fcc-weather-api.glitch.me/api/current?lat="+lat+"&lon="+long+";
$.getJSON(api, function(data){
var weatherType = data.weather[0].description;
var kelvin = data.main.temp;
var windSpeed = data.wind.speed;
var city = data.name;
console.log(city);
console.log(api);
});
});
this is the code i've don so far
the last quotation mark shouldn't be there, ignore it please
i used also the weather map APi url and it won't work either
would you tell me which API did you use to make it work? please
@Dr-D-M I’m trying out https://openweathermap.org/api at the moment. Let you know asap whenever I get it setup.
I mean I didn't get anything on console
how about your lat and long ? you got number in the console?
or maybe a typo here
"https://fcc-weather-api.glitch.me/api/current?lat=" + lat + "&lon=" + long;
@sorinr how did you get it??! now you're gonna now where I live LOL
chrisandsuch sends brownie points to @dr-d-m and @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 257 | @dr-d-m |http://www.freecodecamp.com/dr-d-m
:star2: 1352 | @sorinr |http://www.freecodecamp.com/sorinr
@Dr-D-M as @padunk pointed out u had a tipo error in here
"&lon="+long+";. it had to be "&lon="+long; and i just moved the weather part into a function
dr-d-m sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1353 | @sorinr |http://www.freecodecamp.com/sorinr
dr-d-m sends brownie points to @chrisandsuch :sparkles: :thumbsup: :sparkles:
:cookie: 269 | @chrisandsuch |http://www.freecodecamp.com/chrisandsuch
I might be ableto answer
do i put it under HTML or JS?
well, HTML would just be in the <script> tag
seahchye sends brownie points to @isaiahct :sparkles: :thumbsup: :sparkles:
api offline
@Seahchye Did you make sure that your .js file is included in your .html file?
<script src=“yourJsFile.js”></script>
and add it to your html as @leanjunio has just said
@leanjunio @Dr-D-M I am doing on codepen with separate sections for HTML CSS and JS
but if you're doing it on codepen, as FCC is asking, just change settings to jquery
click on settings and then click on "javaScript", then, select on Quick add JQuery
otherwise it won't work
seahchye sends brownie points to @dr-d-m and @isaiahct and @leanjunio :sparkles: :thumbsup: :sparkles:
api offline
:cookie: 300 | @leanjunio |http://www.freecodecamp.com/leanjunio
:cookie: 258 | @dr-d-m |http://www.freecodecamp.com/dr-d-m
after that, be sure of changing the Behaviour and unable (is that how you say it?) auto save and auto run
it depends of what framework you use, if you use pure js, no need to add jquery
@Seahchye you're welcome, man.
$(document).ready(function() {
var long;
var lat;
var fTemp;
var cTemp;
var kTemp;
var tempChange = true;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
lat = position.coords.latitude;
long = position.coords.longitude;
$("#data").html("latitude: " + lat + "<br>longitude: " + long);
getWeather(lat, long);
});
}
function getWeather(lat, long) {
var api =
"https://fcc-weather-api.glitch.me/api/current?lat=" +
lat +
"&lon=" +
long;
$.getJSON(api, function(data) {
var weatherType = data.weather[0].description;
kTemp = data.main.temp;
var windSpeed = data.wind.speed;
var city = data.name;
// temperature status convertion
fTemp = (kTemp*(5/9)-459.67).toFixed(1);
// celsius
cTemp = (kTemp - 273).toFixed(1);
console.log(city);
$("#city").html(city);
$("#weatherType").html(weatherType);
$("#fTemp").html(fTemp);
$("#fTemp").click(function(){
if(tempChange === false){
$("#fTemp").html(cTemp);
tempChange = true;
}
else{
$("#fTemp").html(fTemp);
tempChange = false;
}
});
$("#windSpeed").html(windSpeed);
//console.log(api);
});
}
});
can you tell me what I'm doing wrong?
i cannot get the right amount of degrees or grades or whatever you say it....
I needa get Farenheit to Celsius and viceversa
this site has a simple explanation of the conversion formulas for temps
https://www.mathsisfun.com/temperature-conversion.html
https://www.mathsisfun.com/temperature-conversion.html
can you link to your codepen for that project?
i think the kTemp is in Celsius @Dr-D-M . and if u don't put var in your variable it ggoing to be global. Read the API doc if they have one
@DanJP2016 thanks man
dr-d-m sends brownie points to @danjp2016 :sparkles: :thumbsup: :sparkles:
:cookie: 294 | @danjp2016 |http://www.freecodecamp.com/danjp2016
LOL
@chrisandsuch won't load, cris
@Dr-D-M looking at it now and reading some of the jquery doc. Forgot the request methods
you didn't close something or put an extra parethesis or something
@Dr-D-M it looks like the temp the api gives you is already in celius, so you just need to convert it to fahrenheit. tempToFar = (cel * 9) / 5 + 32
@DanJP2016 Ah I see... so I'll need to change my variables right?
yes, you just need to convert to far since you already have the cel value, so you only need the one formula
alright alright alright @DanJP2016 therefore, the kelvin stuff and all is useless....just like my exwife, right?
awesome man. you can also use Math.round(number goes here) to convert that decimal number to a whole number. might be a different method in jquery not sure though
@tiagocorreiaalmeida sry i was already in bed :D dont knoe what timezone you are in :D
primuscovenant sends brownie points to @rajarahull :sparkles: :thumbsup: :sparkles:
:cookie: 4 | @rajarahull |http://www.freecodecamp.com/rajarahull
Hi everyone... may you please help in changing the default humburger menu color in bootstrap 4 "navbar-toggler-icon". actually my nav menu as a back background and when I size it to mobile the humburger menu looks dark grey can see it well.Thanks
@rajarahull Welcom mate to be best place to be in 2017 going forward
GMT :D if you still around need a little explanation
caught in little mess.
in git i went to the previous commit just to check something by the command
and now when i try to switch back to the latest commit by
i haven't made any changes i am sure but i dont know why its showing that change in a specific file. shall i commit it anyhow to get back to latest commit or it will mess the things more..
looking forward for help desperately
in git i went to the previous commit just to check something by the command
git checkout previousCommit-idand now when i try to switch back to the latest commit by
git checkout latestCommit-id then it shows error with the statement Please commit your changes or stash them before you switch branches.i haven't made any changes i am sure but i dont know why its showing that change in a specific file. shall i commit it anyhow to get back to latest commit or it will mess the things more..
looking forward for help desperately
or staged
@NeelDVirus if you had no changes in working directory, you can use git reset
@longnt80
hello
I want to ask about
How to cd automatically after git clone?
hello
I want to ask about
How to cd automatically after git clone?
yeah, sometimes I move between branches and it shows something like that too, maybe because I have that file open in the editor and git thought that I had some changes
@walaamedhat I think if you do
git clone, you will be in that directory automatically?
is it not?
@korzo but right now i am in previous commit, not the latest. so being in the previous commit if i use git reset then would not it delete the succedding commits. sorry i am not so good with git commands
@longnt80 yeah it do show a specific file name with the change. may be it is because of the text editor issue
@longnt80 I mean when type command to clone then automatic open the folder without type cd
@korzo @longnt80 i kinda stashed it by doing "git stash" and then i was able to get back to the latest commit by git checkout latest-commit id. i hope this hadn't made things weird under the hood
@NeelDVirus sorry, I'm on tablet and it takes forever to reply.
Stashing changes is ok, you can delete stash later.
check this answer https://stackoverflow.com/questions/22620393/various-ways-to-remove-local-git-changes
Stashing changes is ok, you can delete stash later.
check this answer https://stackoverflow.com/questions/22620393/various-ways-to-remove-local-git-changes
@korzo OH thank you so much. btw that answer is too lengthy and complex so i saved it to check it out when i will have free mind. can you just tell me the command that i can use to delete the stash.
is it
is it
git clean -f?
neeldvirus sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 763 | @korzo |http://www.freecodecamp.com/korzo
@walaamedhat sorry I don't know how to open the folder using command line
Do you guys know how to modify the css of dynamically generated HTML elements with an on.('click', func) on another element? It's for the twitch API challenge
Here is the code that 'should' do it
```let targetId = event.target.id;
```let targetId = event.target.id;
if(targetId === 'selectAll') {
allStreamers.css('display', 'block');
console.log('selectAll has been clicked');
} else if(targetId == 'selectOnline') {
offlineStreamers.addClass('hidden');
console.log('selectOnline has been clicked');
} else if(targetId == 'selectOffline') {
onlineStreamers.addClass('hidden');
console.log('selectOffline has been clicked');
}```
when I click the 3 different elements the console displays the console.log messages but does not modify the selected elements' class
walaamedhat sends brownie points to @longnt80 :sparkles: :thumbsup: :sparkles:
:cookie: 668 | @longnt80 |http://www.freecodecamp.com/longnt80
i get the above from json feed, how to split that into array
Can any one explain me about reducers in redux? How use it and what should i do there, i can do logic in container.
Str.joint(‘ ‘)
Join
Can any one explain me about reducers in redux? How use it and what should i do there, i can do logic in container.
reducer is a pure function that takes in state and action and return a new state
you shouldn't put any logic in
reducer
@Deepak2322 You can use regex with split
2017-11-10 11:48:36.371".split(/[ \-:\.]/g);
@flipmotion you should be putting business logic into actions, if possible. i understand it's not feasible at times, but it's good to put all those concerns there.
redux follows a unidirectional data flow
when you are 'updating' the store, you aren't actually mutating it in any way. all you are doing is returning a new store.
the reducer is where you return the new store state.
the container/component will trigger an action. let's say you are trying to fetch the user profile information. you will trigger an action that you may name
retrieveUserProfile. that thunk action will create a GET request asynchronously. when the request returns a response, the response is then passed to the reducer. the reducer takes the userprofile data, and adds it to store (by creating a new store).
How would I add a delay when I have repeat moves from the computer?https://codepen.io/rscales02/pen/VMrMBb?editors=1011
Curretly if the same color fires twice it only flashes once
deepak2322 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8687 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
@rscales02 You'll probably need a short timeout where you deactivate the current color before activating the new one
That would show up as two flashes for the same color
That would show up as two flashes for the same color
// I tried adding ...
if (combination[j] == combination[j-1]){
setTimeout...
}
//... into the `var delay`
make a queuer
soo the next action only runs after previous ended
soo the next action only runs after previous ended
@moigithub it currently has an interval delay. If the combination is 2 different buttons one follows the other. Is that what you are referring to?
setTimeout/setInterval run everything at (almost) same time
it doesnt wait for previous to finish
setTimeout(()=>console.log('hello'),2000)
setTimeout(()=>console.log('bye'),2000)will log hello bye almost at same time....
NOT hello.. wait 2 seconds n bye
if u want :point_up: behavior u will need to adjust the interval
setTimeout(()=>console.log('hello'),2000)
setTimeout(()=>console.log('bye'),4000)
@moigithub I am trying to just delay the occurance of a function in a specific instance...
var delay = setInterval(function() {
if (j < combination.length) {
if (combination[j] === combination[j - 1]) {
setTimeout(function(){
console.log('hi');
activate(combination[j]);
}, 5);
return j; //this return causes an unintended loop but gets the effect I want...
} else {
activate(combination[j]); //has timeout function
}
} else {
clearInterval(delay);
}
j++;
}, 500);
I am not calling the things at the same time... I just need a delay before calling the second time
if I remove that
return it doesn't cause a delay...
without the
return in there hi logs to the console, but it doesn't seem to run activate()
the trick with return.. is to know "where/who called" the function
cuz return... returns the execution flow to whoever called it
cuz return... returns the execution flow to whoever called it
nah me @alpox since im from portugal the hour here is based on london time and stuff :D
does anyone knows why bootstrap its kinda a bitch sometimes ?
@tiagocorreiaalmeida Still need an explanation? :D
im having a grid issue
with bootstrap
i've setup a grid of col-md-3 -3 -3 -3
but on screen
it prints it this way
anybody knows why ?
there must be a tiny bit of margin or something somewhere that is pushing that last one to the next row
i've tryed with "flex-wrap : nowrap" and still at the same way
mm
let
if you can setup that really quick on codepen maybe its easier to help mate
@alpox and yeah I do cause after that I went to bed aswell :D just a sec will msg you about it
im using a template
@tiagocorreiaalmeida but js files is nightmare for me
imma try it
you can build an example that replicates the problem @diegoignacious without including all the js and stuff
you can set on settings all the bootstrap stuff plus I think you dont need any js for this situation
alright here we go, it wont show the IMG's either, but here is my piece of code, plus all the css
<div class="iso-box col-md-3 sma-6"
sm-6?
col-sm*
my bad
but, there is not the issue
<div class="iso-box col-md-3 col-sm-3 col-lg-3">
you dont need to write this
if the idea is to be 3-3-3-3
even in smal screen
you can just go col-sm-3
and it will work
plus take care with naming classes or on the end this will be a mess
diegoignacious sends brownie points to @tiagocorreiaalmeida :sparkles: :thumbsup: :sparkles:
:cookie: 440 | @tiagocorreiaalmeida |http://www.freecodecamp.com/tiagocorreiaalmeida
this is craziest shit, if i scale the navigator to 75% it will show it propperly
place it back to normal
why is this happening :worried:
bad closed tags
theres online website
where you place the html and it tells you where you failing the tags
let me check
na, i actually had some open divs, but i've closed them, and still printing it at 2 rows
with a 3-3-3-3 grid
:(
setTimeout runs the code within it after x milliseconds... correct?
var combination = [1, 1]
if (combination[j] === combination[j - 1]) {
setTimeout(function(){
console.log('hi');
activate(combination[j]);
}, 500);
}else {
activate(combination[j]);
}activate should it not?
@rscales02 Only the one in the
if - but yes. 500 milliseconds - so half a second
@rscales02 Mabe your
if doesn't hold
that is the
activate I want delayed... the if seems to hold as hi shows up in the console
:(
any particular reason that it wouldn't? I just tried consoling from
activate and don't get a second running when combination[j] == combination[j-1]
If you want a second, use
1000 instead of 500
@alpox the problem seems to be that
activate doesn't run, there is a half second delay before logging hi
you will notice that if there is a repeat in the button combination that
hi only logs 1 time
So the
switch doesn't enter a case
but the 4th items its jumping to the next row
and i dont know why it is that
might my screen ?
might be *
@rscales02
j is actually out of bounds and i see why. j incremented before the setTimeout callback runs and doesn't have the same value anymore as when the if was run. Make a local copy of the variable j with let
@rscales02
let jCopy = j;
setTimeout(...); // Use jCopy in here instead of j
@diegoignacious Hmm non-responsive images which blow up the width of a col?
rscales02 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1454 | @alpox |http://www.freecodecamp.com/alpox
Can anyone help me with my code in mutations?
function mutation(arr) {
var zero = arr[0].toLowerCase();
var one = arr[1].toLowerCase();
var zeroarr = zero.split("");
var onearr = one.split("");
zeroarr.sort();
onearr.sort();
function alpha(arr) {
for(x = 0; x !== arr.size; x++) {
if(arr[x] == arr[x + 1]) {
arr.splice(x, 1);
}
}
}
alpha(zeroarr);
alpha(onearr);
var zerostring = zeroarr.toString();
var onestring = onearr.toString();
return zerostring.indexOf(onestring) !== -1;
}
mutation(["Mary", "Aarmy"]);I'm trying to see if the letters present in arr[0] are present in arr[1]. I've been stuck on trying to remove duplicate letters. My attempt at doing so is in alpha();
^(((http:\/\/)|(www)|(https:\/\/))?(www)?).(\w+)
not the regex master :D
anyway I want to get only the domain liek google and others
but I dont know a way of doing what I did on the start without grouping it :D
@tiagocorreiaalmeida You don't have to group all of them, you can do cases like
(http|www|...) just as example
@tiagocorreiaalmeida Btw, you have to
escape a . --> \.
in this case its a dot literally, and thanks let me see what I can do now :D
nm you are right :D
im still missing something but i allready dying looking at this :D
Hi,
Any ideas why when the user inputs "Yes" or "No into my program the following method doesn't load. I think the problem is with these lines within my program. I'm using JAVA.
System.out.println("Please enter the one of the following exactly how you see on your display 'Yes' or 'No'");
outcome1=userinput.next();
if(outcome1== "Yes"){
FunctionalSkills();
}
if(outcome1== "No"){
System.out.println("Thanks for using the Liam's UCAS grade calculator.");
System.exit(0);
}
@tiagocorreiaalmeida Because in
http://google.com there is no . before google
yeah yeah good eye, still missing something reading about "look-around assertions"
@tiagocorreiaalmeida Also,
w{3}? doesn't work. Only one multiplier is allowed
@tiagocorreiaalmeida You can use
w{0,3} to allow w to be there 0-3 times
but if I want to be really 3 isnt w{3} the way?
So if you want that both exactly - only 3 or 0 times - you'd need
(w{3})?
taht what I have but once again im runing into the same problem the groups one, was trying to figure a way of not having it as a group or ignore it on the matches
Or
url.match(/.../)[3]
@tiagocorreiaalmeida Ah ok
.match works different it seems... use .exec then :D
With
.exec you can get out specific capturing groups
that's diferent :D i should invest more time inregex
anyway still trying to figure out why that 2 one
gets the dot
:D
regex is the kind of thing you get all motivated to use and then you are like, yeah ok see you later
:D
@tiagocorreiaalmeida 1. entry -- is the whole match. (Index 0)
- entry -- is the first capturing group (Index 1)
- entry -- is the second capturing group (Index 2)
....
.com*
look above
happens only on that case
in the others I only get the domain and not what comes after the dot its what I mean
I tried if(outcome1.equalsIgnoreCase("Yes")){.
However, the program runs but doesn't being the user to that method when they input "Yes" or "No". How can I fix this?
System.out.println("Please enter the one of the following exactly how you see on your display 'Yes' or 'No'");
outcome1=userinput.next();
if(outcome1.equalsIgnoreCase("Yes")){
FunctionalSkills();
}
if(outcome1.equalsIgnoreCase("No")){
System.out.println("Thanks for using the Liam's UCAS grade calculator.");
System.exit(0);
}
@alpox none I reseted it will give it a new look tomorrow nad start from the bottom :D I couldnt write nothing in regex 1month ago so this will get better with presistence, but thanks for the help!
tiagocorreiaalmeida sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1455 | @alpox |http://www.freecodecamp.com/alpox
still there's something that's usefull in all the programming languages I would say so its better to try to get better at it always as possible
building any programming project at moment for the university?
@tiagocorreiaalmeida not really a project. Ill soon have to start training a neural network for dialect recognition
sounds like something I wouldnt be able to do :D
@tiagocorreiaalmeida Well same here :D i don't know much about it yet
@tiagocorreiaalmeida But i finished the crap with the essay ^^
in the end dont you have to create a project to show as thesis or something aswell?
@tiagocorreiaalmeida It depends a bit on what i get. I guess i will do some datastructure research for datase indices
@tiagocorreiaalmeida I still have to go ask the professor for if he has something good for me
It will maybe be something like implementing stuff from newest research in a specific environment, maybe improve it and test it
Just different uses/development styles
my goal is to get into industry ASAP
find what technology are used in ur zone n learn that
nothing found
nothing found
Otherwise you're just randomly picking buzzwords out of a hat
i know some ppl will say.. with internet u can do remote work n blah blah blah... but thats NOT accessible for juniors
silly camper bot
it seems to be pretty even in my around
area^
react seems to be slightly more popular according to job postings but its so slgiht it does not seem statistically relevant
also, most of the new projects that are starting now are using react.
there aren't many new things starting with angular. most of the angular jobs are maintenance jobs. at least in nyc.
znadams sends brownie points to @kevinkiklee :sparkles: :thumbsup: :sparkles:
:cookie: 331 | @kevinkiklee |http://www.freecodecamp.com/kevinkiklee
@Znadams if you want to get a job asap, this is a good curriculum: https://github.com/P1xt/p1xt-guides/blob/master/job-ready.md
well sort of, im brushing up on some basic javascript first
As well as being batteries included, the way Angular does stuff is [in a lot of ways] very similar to what you'd see in Java, which is always going to mean it'll be popular. It's popular and widely used, but dunno how much of that is maintenance of legacy enterprise stuff. advertises they want
And everyone advertises they want React devs, so take with pinch of salt
i just went through the job search process in nyc, and most of the angular jobs are 1.x jobs. i didn't see many angular 2+. and not many companies were trying to start something new with angular. most companies that were about to start something were planning to use react.
but angular is big, reliable and it is still used widely. doesn't hurt to learn. however, if your goal is to get into the industry asap, learning react will be faster than angular. angular is the chicken sink.
i haven't worked on mobile, but i do know several friends that are starting work on react native.
and i'm sure, in a couple of years, react will die and we'll be on webassembly or elm.
lol, i'm starting my new job on monday. i had some free time, so decided to come back to fcc real quick. after today, i'll probably end up disappearing because i'll be getting my ass kicked at the new job.
lol, i was an ass at certain points though =D i sometimes lose my filter when i'm online, because it's not a face-to-face conversation.
YMMV Cordova is a massive pain in the ass, and IMO would be better if it died, but that may just be bad experiences. RN is pretty easy to use and works very well. If you ain't building for specific platform using Swift or Kotlin or whatever, seems next-best option.
I'm attempting to work on my tribute page and need a bit of help
I was wanting to add a background image that would be behind all the text and other elements on my page. can't seem to find the right resources.
very new to all of this.
You can either create a
<div> and apply a background-image to it or you can apply the image to the body.
You apply the
background-image in css to the element
Hi Guys, I'm getting '$export is not a function' when trying to import modules from another package that I wrote. like when I do
"Import modul_name from package-name". Any idea? I was able to import other packages without any issue.
"Import modul_name from package-name". Any idea? I was able to import other packages without any issue.
The project is compiling fine.. but getting this error only when I'm trying to run in browser..
@vengal4327 - are there times when you have to use
import { module_name } from 'package-name';? I'm just getting to that part in a React course that I'm going through. Still not quite sure when you need the curly brackets, I think it's when there are multiple exported functions?