Я пытаюсь создать очень простой проект на основе FreeCodeCamp, который использует информацию API для доставки информации о погоде. Я использую приложение Heroku, чтобы иметь возможность использовать API, пока он все еще является локальным хостом. Однако я получаю 2 ошибки, и я не знаю, как go исправить это. Любая помощь?
window.addEventListener("load", ()=> {
let long;
let lat;
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(position => {
long = position.coords.longitude;
lat = position.coords.latitude;
const proxy=`https://cors-anywhere.herokuapp.com/`;
const api=`${proxy}https://api.openweathermap.org/data/2.5/onecall?lat=${lat}&lon=${long}&
exclude={part}&appid={bdd50c9439280eb7362c1f796ce614ae}`;
fetch(api)
.then(response =>{
return response.json();
})
.then(data =>{
console.log(data);
})
});
}else {
h1.textContent = "hey dis is not working because not enabled"
};
});
* {
margin:0;
padding:0;
box-sizing:border-box;
}
body {
height:100vh;
display:flex;
justify-content: center;
flex-direction: column;
align-items: center;
background: linear-gradient(rgb(47,150,163),rgb(48,62,143));
font-family: sans-serif;
color:white;
}
.location,.temperature {
height: 30vh;
width:50%;
display:flex;
justify-content: space-around;
align-items: center;
}
.temperature{
flex-direction: column;
}
.degree-section {
display: flex;
align-items: center;
cursor: pointer;
}
.degree-section span{
margin: 10px;
font-size:30px
}
.degree-section h2{
font-size: 40px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<link rel="stylesheet" href="./style.css"/>
<title>Document</title>
</head>
<body>
<div class="location">
<h1 class="location-timezone">Timezone</h1>
<p>Icon</p>
</div>
<div class="temperature">
<div class="degree-section">
<h2 class="temp-degree">34</h2>
<span>F</span>
</div>
<div class="temp-description">It's friggin cold</div>
</div>
<script src="app.js"></script>
</body>
</html>
введите описание изображения здесь