FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Megan

@megan32

JS line: 43

Tyler Moeller

@TylerMoeller

@TylerMoeller hi. any idea how i can test for false if ("geolocation" in navigator) on my localhost server? i've blocked location on chrome but it seems that the condition always return true because location service is available

@sorinr One way is to use the success/error callbacks:

function geoSuccess(position) {
  // navigator.geolocation succeeded
}

function geoError(error) {
  // navigator.geolocation failed
}

navigator.geolocation.getCurrentPosition(geoSuccess, geoError);

Clyde Lobo

@oppiniated

@megan32 replace $("quoteDisplay") with $("#quoteDisplay").html()

alpox

@alpox

@oppiniated Maybe bit cleaner than with calcs:

.swap:checked ~ .top {
  left: 100vw;
  margin-left: -10px;
  transform: translateX(-100%);
  transition: 1s all ease-in;
}

Sorin Ruse

@sorinr

@alpox @oppiniated @TylerMoeller thank you all for ur time

CamperBot

@camperbot

sorinr sends brownie points to @alpox and @oppiniated and @tylermoeller :sparkles: :thumbsup: :sparkles:

:cookie: 731 | @alpox |http://www.freecodecamp.com/alpox

:star2: 1296 | @tylermoeller |http://www.freecodecamp.com/tylermoeller

:cookie: 488 | @oppiniated |http://www.freecodecamp.com/oppiniated

Megan

@megan32

@oppiniated thank you! That at least got it looking at the right thing, but it pulled in my html  note haha

CamperBot

@camperbot

megan32 sends brownie points to @oppiniated :sparkles: :thumbsup: :sparkles:

:cookie: 489 | @oppiniated |http://www.freecodecamp.com/oppiniated

Megan

@megan32

gotta figure that one out...

alpox

@alpox

@sorinr np :D

Megan

@megan32

@oppiniated nailed it! Thank you!

CamperBot

@camperbot

megan32 sends brownie points to @oppiniated :sparkles: :thumbsup: :sparkles:

:warning: megan32 already gave oppiniated points

kirbyedy

@kirbyedy

@megan32 open your console and check all the errors you have, it is good to correct them

Megan

@megan32

you gotta actually pull up a quote for it to have something to pull into twitter...sometimes it's not the learning to code that has me worried haha

@kirbyedy -console?

Clyde Lobo

@oppiniated

@alpox Thanks. Used your suggestion. Looks better now http://codepen.io/clydelobo/pen/NdxeJe

CamperBot

@camperbot

oppiniated sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:

:cookie: 732 | @alpox |http://www.freecodecamp.com/alpox

kirbyedy

@kirbyedy

hit f12

or ctrl+alt+I

Megan

@megan32

...nothing happens...

Clyde Lobo

@oppiniated

@megan32 You can use text() instead of html() to just get the text

kirbyedy

@kirbyedy

command+alt+ i on mac

Megan

@megan32

oh got it -I have seen that console before...didn't know it was called the console haha

@kirbyedy thank you!

CamperBot

@camperbot

megan32 sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:

:star2: 1677 | @kirbyedy |http://www.freecodecamp.com/kirbyedy

kirbyedy

@kirbyedy

as you can see there are some errors... spelling mistake, wrong links etc

Megan

@megan32

At this point it's a miracle there's anything but a blank screen in codepen. I'm a learner. I'm ok with spelling mistakes, wrong links, etc....I can't make heads or tails of the errors messages anyways haha If just seems upset about a "initial-scale" which I can't find in my code anyway. I'm a ways out before there's zero errors

is there a resource that explains how to use the console? I've only opened it to look at other sites. I don't actually know how to use it, read it, etc.

(Such as: how to know what errors there are? ...the little red "x" circle just says "Failed to load resource: the server responded with a status of 404 (Not Found)" 388 times, so I'm not sure how you can tell spelling mistakes? (although I'm sure they are there)

Tyler Moeller

@TylerMoeller

@megan32 That error message is actually about intiail-scale <-- note the spelling :)

A good start for using the console on Chrome: https://developers.google.com/web/tools/chrome-devtools/console/

Megan

@megan32

@TylerMoeller ...not spelling errors on a massive scale? ;-)

thank you!

Tyler Moeller

@TylerMoeller

Just massive enough to invalidate your viewport settings. To get rid of the error, change:

<meta name="viewport" content="width=device-width, intiail-scale=1.0, user-scalable=yes">

to:

<meta name="viewport" content="width=device-width, intial-scale=1.0, user-scalable=yes">

Megan

@megan32

@TylerMoeller ...that actually sounds serious haha ...I was thinking like "Anyd" instead of "Andy"...

Tyler Moeller

@TylerMoeller

@megan32 Yeah, it should be fixed :) The console won't report spelling errors in the content of your page, just in the code.

Megan

@megan32

@TylerMoeller thank you! ...398 down to 3...all because of one typo

CamperBot

@camperbot

megan32 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:

:star2: 1297 | @tylermoeller |http://www.freecodecamp.com/tylermoeller

Megan

@megan32

oh got it...I'll be reading through that link you sent this weekend. Thank you!

kirbyedy

@kirbyedy

@megan32 when you have an error like that, note that on the right side of your screen there is a name and number if you double click on it, it will actually take you to the exact spot where the error is

can you see it on this image ?

Where communities thrive

People

Repo info

Activity