자바스크립트4 현재 위치 위도 경도 표시하기 (Javascript) (function location(){navigator.geolocation.getCurrentPosition(function(position) {console.log("위도 : " + position.coords.latitude);console.log("경도 : " + position.coords.longitude);}, ); })(); geolocation.getCurrentPostion() 현재 위치를 가져온다 geolocation APIhttps://developer.mozilla.org/ko/docs/Web/API/Geolocation_API 2020. 9. 6. 시계 만들기(HTML, CSS, JAVASCRIPT) body{ display: flex; justify-content: center; align-items: center; margin : 300px auto; background-color: rgba(0, 0, 0, 0.863);}.clk{ width: 280px; height: 280px; display: flex; justify-content: center; align-items: center; background-size: cover; background-color: rgba(255, 255, 255, 0.554); border: 4px solid #0a181f; border-radius: 50%; box-shadow: 0 -15px 15px rgb(255, 255, 255), inset 0 -15p.. 2020. 9. 6. 간단한 프로그레스 바(progress bar) 만들기(HTML, CSS, JAVASCRIPT 프로그레스 바 5% 클릭해주세요 2020. 7. 21. 간단한 DropDown(드롭다운) 메뉴 만들기(Javascript) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 Document body{ margin : 10px; padding: 10px; text-align: center; } .dropdown{ position: relative; display: inline-block; } .button{ padding: 10px 40px; font-size:20px; background-color: brown; color: wheat; } #drop-con.. 2020. 7. 14. 이전 1 다음