반응형
<script>
constarrow=document.querySelector('.arrow');
constspeed=document.querySelector('.speed-value');
navigator.geolocation.watchPosition((data) => {
console.log(data);
speed.textContent = data.coords.speed;
arrow.style.transform = `rotate(${data.coords.heading}deg)`;
}, (err) => {
console.error(err);
});
</script>
Geolocation API를 사용해 위치 정보를 사용하는 프로젝트인데 컴퓨터로 테스트 하기가 애매해서 테스트는 못 해봤다.
📝 ← 여기서 MDN 공식 문서를 확인하면 좋을 것 같다.
반응형
'챌린지 > JavaScript 30일 챌린지' 카테고리의 다른 글
[JavaScript 30일 챌린지] : 23일차 (0) | 2022.02.19 |
---|---|
[JavaScript 30일 챌린지] : 22일차 (0) | 2022.02.18 |
[JavaScript 30일 챌린지] : 20일차 (0) | 2022.02.16 |
[JavaScript 30일 챌린지] : 19일차 (0) | 2022.02.15 |
[JavaScript 30일 챌린지] : 18일차 (0) | 2022.02.14 |
댓글