Having a lot of trouble with API projects, please help me :(

[rstorms]

I don’t know if I’m too stupid for coding and should just give up at this point, but I’m so helpless when it comes to the intermediate API projects. Can someone please look at this and help me out at all? I’m quite a beginner.

Weather App : https://codepen.io/rstorms/pen/pVVRxZ

Twitch App: https://codepen.io/rstorms/pen/pVVRxZ

Don’t judge my styling! Haha, just trying to figure out how this works. Thank you so much to anyone who can give me an answer or at least try. I really don’t want to give up.

[evaristoc]

You are having a common CORS issue, @rstorms. Not sure how it is being solved in codepen but the solution is already standard. Wait for someone else to answer you or just search what other people have said about codepen and CORS in the forum or medium.

EDIT: actually, I found a message dealing with the problem after looking for “CORS codepen”:

How to enable CORS in Codepen to get Wikipedia viewer working?

Hello everyone, For my wikipedia viewer to work, I need cross-origin resource sharing enabled. In chrome, I have a plugin for this, but works normally in safari and firefox. It’s just that when I post to codepen CORS is not enabled. Is there any way to enable CORS on codepen? I’d appreciate if anyone could chime in. Codepen link: https://codepen.io/Malekai/pen/BzJQod

If you are needing to understand CORS, it is a very technical concept that unfortunately we all should understand. Here another post explaining it:

Cross Domain error - i thought i'm using jsonp (?) so what's wrong

The reason it worked is that you are using JSONP, which is quite different from normal JavaScript Ajax calls (JavaScript XMLHttpRequest object). A brief explanation (somewhat technical): Even though jQuery uses the $.ajax notation, this is not really an Ajax call. It is JSONP (when the datatype property is set to JSONP). The way JSONP works is that it dynamically adds a < script > tag into the header of your HTML file. When your dynamically generated script tag (by jQuery) is executed by …

If that is still complicated, try to find other explanations here or in Medium?

Hope this helps.

[jeremybbauer]

@rstorms

I don’t know if I’m too stupid for coding and should just give up at this point, but I’m so helpless when it comes to the intermediate API projects.

You’re further along than I am, so:

1. You can’t be stupid, because that would make me more stupid, and I’m not stupid .
   Though that wink emoji might have you thinking otherwise.

2. These things just get harder and harder the more you advance, and that’s how it is for pretty much everyone. Everyone struggles.

[rstorms]

I appreciate it a lot

[rstorms]

I’m in safari and I can’t figure it out. Still trying…