Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Chiu Yong
Is there any veteran, experienced with web dev, that can help me?
Moisés Man
codepen have its own "console" version.. but errors dont show there.. u need to open ur Browser console @pshiwakoti1
Prakash Shiwakoti
hi @moigithub I opened the dev tool but I don't know how to read the error message. Where is it displayed?
Moisés Man
there are many tabs when u open devtools..
one of em is called console
Prakash Shiwakoti
Moisés Man
errors usually shows on red text..
and warnings on yellow
Prakash Shiwakoti
s.codepen.io/boomerang/iFrameKey-e9a4b15c-d399-e669-d8fd-890fc3cdfaab/index.html:7 Uncaught ReferenceError: $ is not defined
s.codepen.io/boomerang/iFrameKey-3a638d8e-c8ef-6f14-0933-c4a3d583076d/index.html:18 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-0a68c9cf-0958-f09e-bb0a-44e070749c02/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-c04407cc-f661-54b3-f9d8-910a87e24d06/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-c8479860-ad23-3b53-028d-e4c63ee7ca42/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-ab7a3f50-3a3b-0a60-e7ae-6dfb09eaf87b/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-73acd43c-3acc-ed16-347b-2821a9f45c6b/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-e25bf866-6727-363c-9445-dda6c491a625/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-2a4ef54c-964b-aa67-fd3b-19d92bed2a9c/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-c117d50b-e680-9b53-921c-cdaa956996c6/index.html:9 Uncaught SyntaxError: Unexpected token .
s.codepen.io/boomerang/iFrameKey-c8acd110-1e24-29c1-a360-cbd570e8cb43/index.html:9 Uncaught SyntaxError: Unexpected token .
s.codepen.io/boomerang/iFrameKey-d4ded61e-0919-bd05-9033-9a20563adf13/index.html:9 Uncaught SyntaxError: Unexpected token .
s.codepen.io/boomerang/iFrameKey-8ef1fbee-f8c0-da91-1a2b-faf4a301ca91/index.html:9 Uncaught SyntaxError: Unexpected token .
s.codepen.io/boomerang/iFrameKey-7a120214-5877-8507-5a06-db4e6c32f9b8/index.html:9 Uncaught SyntaxError: Unexpected identifier
s.codepen.io/boomerang/iFrameKey-5a189a60-5883-8daa-c560-754b13d68677/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-7094dd02-c5fc-88c8-8156-5dbfa7a55988/index.html:12 Uncaught SyntaxError: Unexpected token <
s.codepen.io/boomerang/iFrameKey-e7435eb9-e6c3-bd3e-904d-ce009b06f65b/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-29553ae3-9abf-bb1e-5d87-e5dc1faaa2af/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-bbd68c30-5f01-9b85-f0f5-f407b46f9be5/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-d8416bbf-3644-8179-8b2b-a7179deee4d9/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-63402783-7ee3-ef1a-c399-5027f1efe4bd/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-b85b427f-39c8-3439-7e98-596943c55dd4/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-336347e8-2e0a-cc15-f9a0-6940c93e5816/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-e274d7e9-c92b-2a3a-78fd-f9305b58692b/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-514e49df-4cfb-f2ce-579c-899873b8a5b9/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-10549dc2-2120-ca04-8211-476099e24b52/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-0253b0c1-a0e3-4b1e-1402-a1ced6e0d19d/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-9156aac5-6b03-6e54-24d7-0bb070bb7e2d/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-c324a799-abdf-75da-af08-f724c11ae0a8/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-659f01af-4032-8bcf-77ce-7d93763445e1/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-090c84c4-d2b6-bde7-167c-519f6e631f07/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-ae1b1834-bc38-78d1-e6c6-1355f0676c70/index.html:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-8e938bcd-99c0-abdb-a9d1-5ce9194eb72d/index.html:16 Uncaught
these are the errors I am getting
Moisés Man
first error..means u need to include jquery module on ur codepen
on ur codepen... click on the cogwheel
then goto JS section
below u will find a drop down (quick add) menu
select jquery and save/close
the other error.. tells u have mismatched open/closing brackets
for every open ( u need to have a closing )
same thing for other kind of brackets ([{< >}])
@nicksteffen94 Lots of people use https://quotesondesign.com/api-v4-0/
Prakash Shiwakoti
 s.codepen.io/boomerang/iFrameKey-214cfc15-9019-abec-ec2e-594c5ac66994/index.html?editors=1111:16 Uncaught SyntaxError: Unexpected token }
s.codepen.io/boomerang/iFrameKey-90e21303-62dd-0da7-1af7-7c751e32d33e/index.html?editors=1111:11 Uncaught SyntaxError: Unexpected end of input
s.codepen.io/boomerang/iFrameKey-d19ee11b-935f-676f-3bb0-d4535f8d6af1/index.html?editors=1111:11 Uncaught SyntaxError: Unexpected end of input
s.codepen.io/boomerang/iFrameKey-65feba4a-be89-a3bb-2ff5-2e922c5ff67b/index.html?editors=1111:13 Uncaught SyntaxError: missing ) after argument list
s.codepen.io/boomerang/iFrameKey-d5f4cc65-4f69-67b3-a067-0a6fa245f972/index.html?editors=1111:13 Uncaught SyntaxError: missing ) after argument list
s.codepen.io/boomerang/iFrameKey-1b908a58-c096-3059-e590-8b4a9c2e3217/index.html?editors=1111:13 Uncaught SyntaxError: missing ) after argument list
s.codepen.io/boomerang/iFrameKey-7aa63e46-a972-6d05-20c6-3b8a68daec10/index.html?editors=1111:7 Uncaught ReferenceError: $ is not defined
(anonymous) @ s.codepen.io/boomerang/iFrameKey-7aa63e46-a972-6d05-20c6-3b8a68daec10/index.html?editors=1111:7
index.html:7 Uncaught ReferenceError: $ is not defined
    at index.html:7
index.html?editors=1111:7 Uncaught ReferenceError: $ is not defined
    at index.html?editors=1111:7
(anonymous) @ index.html?editors=1111:7
index.html?editors=1111:14 Uncaught SyntaxError: Unexpected token }
index.html?editors=1111:7 Uncaught ReferenceError: $ is not defined
    at index.html?editors=1111:7
(anonymous) @ index.html?editors=1111:7
these are the erros I am getting right now
i added Jquery like you told me before
Moisés Man
can u share ur codepen link ?
Tony Hudson
put on github or codepen so everyone can help you @pshiwakoti1
@ngohungphuc can you see my code now?
Moisés Man
@pshiwakoti1 ok.. move everything u have inside ur <script> tag
to the script section/panel on codepen
Tony Hudson
@pshiwakoti1 yeah I can see your code
Prakash Shiwakoti
I moved it
Tony Hudson
Mixed Content: The page at 'https://codepen.io/pshiwakoti1/pen/XpvdYz?editors=1111' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://ip-api.com/json'. This request has been blocked; the content must be served over HTTPS.
here is what I get
Prakash Shiwakoti
@ngohungphuc what do I do now
Tony Hudson
just a minute
Moisés Man
Mixed content error means.. ur codepen url is HTTPS (secure connections)
but the content u trying to get.. comes from http (unsecure).. so u cant mix that
Prakash Shiwakoti
what to do now
Moisés Man
(one way) is remove the s from https (on ur browser address bar)
http://codepen.. etc (without s)
Moisés Man
u can remove the <script> tag from the JS section
no needed on codepen
Prakash Shiwakoti
now Im getting latitude 37.77 on the console
if I wana display on browser what do i have to do
Tony Hudson
just append to some div or text
Prakash Shiwakoti
Tony Hudson
$(document).ready(function() {

  var coordinates = $.getJSON("http://ip-api.com/json", function(json) {
  console.log("Latitude is: " + json.lat);

<div class="container-fluid">
<div class="row text-center">
<h2>Local Weather</h2>
<h3> json.lat </h3>
here goes
Prakash Shiwakoti
its not displaying in html page
Tony Hudson
hmmm I'm just tested on code pen everything work fine
f12 go to console tab
see if any error there
Prakash Shiwakoti
@ngohungphuc what does the line do: $("p").html(json.lat);