본문 바로가기

JavaScript25

35일차//Javascript//🎈 과제 2 : Date(), prompt로 현재시간 불러오기(날짜, 월, 일, 시간) , 생일까지 남은 일수 구하기 new Date()는 현재 날짜와 시간을 가지는 객체를 리턴한다. let today = new Date(); let year = today.getFullYear(); // 년도 let month = today.getMonth() + 1; // 월 let date = today.getDate(); // 날짜 let day = today.getDay(); // 요일 document.write(year + '/' + month + '/' + date) document.write(' ') document.write(day); 출력 2021/3/3 3 환영합니다 현재시각은 입니다 다음 생일까지 남은 일수 다음 버튼을 클릭하여 생일을 입력하면, 다음 생일까지 남은 일수를 볼 수 있습니다. 생일을 입력 2021. 3. 3.
35일차//Javascript//🎈 과제 1 : 버튼클릭시 배경색 변경 + document 설명 Document 객체 Document 객체는 웹 페이지 그 자체를 의미합니다. 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야 합니다. Document 메소드 Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공합니다. - HTML 요소의 선택 - HTML 요소의 생성 - HTML 이벤트 핸들러 추가 - HTML 객체의 선택 HTML 요소의 선택 HTML 요소를 선택하기 위해 제공되는 메소드는 다음과 같습니다. 메소드설명 document.getElementsByTagName(태그이름) 해당 태그 이름의 요소를 모두 선택함. document.getElementById(아이디) 해당 아이디의 요소를 선택함. document.ge.. 2021. 3. 3.
35일차//JavaScript - 입력값을 jsp 로 넘겨주기// 🎃중요 방법1 a 태그 사용 NewFile.jsp 로 이동 방법2 form사용 이름: 나이: 방법3 자바스크립트 사용 이름: 나이: 이동 jsp NewFile.jsp 여기는 NewFile.jsp 입니다 2021. 3. 3.
35일차//JavaScript - 화면전환// history.back() : 이전 , location.reload(): 새로고침 view.html 여기는 view1.html입니다 view2로 이동 view2.html 여기는 view2.html입니다 view3.html이동 view3.html 여기는 view3.html입니다 2021. 3. 3.
35일차//JavaScript - 배열 변수(variable) p tag 2021. 3. 3.
34일차//JavaScript - 이미지 클릭후 웹 메세지 창 띄워짐 2021. 3. 2.
javascript setter getter var v = document.getElementById("demo").innerHTML;//getter alert(v); document.getElementById("demo").innerHTML = 'id demo tag p'; //setter 2021. 3. 2.