본문 바로가기

웹 퍼블리셔 기록/모던자바스크립트-JS예제

(3)
[모던자바스크립트 - JS 예제 마스터] 오늘 날짜 구하기 오늘 예제는 당일 날짜를 보여주는 것이므로 에디터 결과물을 가져왔습니다. javascript 코드 var now = new Date(); var month = now.getMonth()+1; var day = now.getDate(); document.write("오늘은"+month +"월" + day +"일 입니다. "); 사실 날짜구하는건 제가 이미 할줄 아는 부분이고 쉬워서.. 하나만 설명하고 마칠게요! 왜 getMonth()에 1을 더해야하나요? getMonth()의 반환값이 0~11 이기 때문입니다. (그냥 그렇대요...w3school이 그랬어요..) 즉 1월은 0, 2월은 1 이렇게 나옵니다. 그래서 +1을 해줘야하는 거랍니당 :) 공감❤과 구독하기✔를 눌러주시면 블로거는 힘이나요😊
[모던자바스크립트 - JS 예제 마스터] 체질량 구하기 HTML 코드 키 : cm 몸무게 : kg 당신의 체질량지수는 ?입니다. Javascript 코드 window.onload = function(){ document.getElementById("button").onclick = function(){ var h = parseFloat(document.getElementById("height").value); var w = parseFloat(document.getElementById("weight").value); var bmi = document.getElementById("bmi"); bmi.innerHTML = (w/((h*h)/10000)).toFixed(1); } } 이번 예제는 크게 어려운 부분은 없었던 것 같아요. 하지만 또 새로운 메서드가 등..
[모던자바스크립트 - JS 예제 마스터] 스탑워치 만들기 모던자바스크립트 - 스탑워치 만들기 HTML 코드 0.00 태그에 초시계를 넣어주고 각 start, stop 버튼을 input으로 만들어 줍니다. Javascript 코드 window.onload = function(){ var startButton = document.getElementById("start"); var stopButton = document.getElementById("stop"); var display = document.getElementById("display"); var startTime, timer; startButton.onclick = start; function start(){ startButton.onclick = null; stopButton.onclick = stop..