Local weather app codepen error

This is known as a CORS (Cross Origin Resource Sharing) issue. The usual solution to this is to either request JSONP instead of JSON, or to use a proxy like http://crossorigin.me.

@jaytsecan has written a good explanation of this linked below. You can also search the forums for plenty of discussions of this problem. The way you request JSONP can differ from provider to provider, so check their documentation to see how they suggest sending your request.