본문 바로가기
챌린지/JavaScript 30일 챌린지

[JavaScript 30일 챌린지] : 21일차

by 오주현 2022. 2. 17.
반응형

<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 공식 문서를 확인하면 좋을 것 같다.


반응형

댓글