[DOM]JavaScript로 달력 및 시간 가져와 경고창으로 표시하기

날짜 가져와 경고창으로 표시

달력에서 선택한 날짜를 가져와서 경고창을 통해 사용자에게 표시하는 함수를 먼저 만들겠습니다.

function getDate() {
    // 달력 선택
    let dateVal = document.querySelector("#date");
    alert("선택한 날짜: " + dateVal.value);
}

위 코드에서 document.querySelector("#date") 를 사용하여 HTML 에서 'id' 가 'date' 인 요소를 선택하고, 해당 요소의 값을 

dataval.value를 통해 가져옵니다. 그리고 alert 함수를 사용하여 선택한 날짜를 경고창으로 표시합니다.

시간 가져와 경고창으로 표시

마찬가지로 시계에서 선택한 시간을 가져와서 경고창을 통해 사용자에게 표시하는 함수를 만들겠습니다.

function getTime() {
    // 시계 선택
    let timeVal = document.querySelector("#time");
    alert("선택한 시간: " + timeVal.value);
}

이 코드에서도 document.querySelector(#time)를 사용하여 HTML 에서 id 가 time 인 요소를 선택하고, 해당 요소의 값을 timeval.value를 통해 가져옵니다. 그리고 alert 함수를 사용하여 선택한 시간을 경고창으로 표시합니다.

 

이러한 방법으로 JavaScript를 사용하여 웹페이지에서 달력과 시계에서 선택한 값을 가져와 사용자에게 표시할 수 있습니다.