본문 바로가기

분류 전체보기502

[JavaScript] Exam 타자 연습 게임 📌 2023. 4. 18.
[JavaScript] Exam 달력 출력 📌 2020년 2021년 2022년 2023년 2024년 1월 2월 3월 4월 5월 6월 7월 8월 9월 10월 11월 12월 2023. 4. 18.
[JavaScript] open() 함수- 새 창 열기, Date 객체 open() 함수 - open 함수 : 새창을 띄워주는 함수. open(새창에 열린 페이지명,새창의이름,새창에적용옵션) - nw : 새창의 window 객체임. - nw.document : 새창의 문서객체 📌 새창열기 javascript2.html 페이지 새창열기 새창닫기 아이디 : 비밀번호 : Date 객체 now.toGMTString() : 표준시. 영국시 now.toLocaleString() : 지역 일시 now.getFullYear() : 4자리 연도 now.getMonth() : 월 (0~11) now.getDay() : 요일(0:일~6:토) 📌 2023. 4. 18.
[JavaScript] 로그인(method[get,post], onsubmit, action) get은 기본값.(생략 가능) 로그인 처리시 반드시 post로 설정 해야 한다. method="post" : 서버로 파라미터 전송 시 파라미터가 url 정보에 안뜨도록 설정 method="get" : 서버로 파라미터 전송 시 파라미터가 url 정보에 뜨도록 설정 onsubmit : submit 이벤트 발생 시 함수 호출. return false 인 경우 submit 하지 않음. - submit 이벤트 : form 내부의 submit 버튼 클릭 시 form 태그에 발생되는 이벤트 action 속성에 등록된 페이지 이동. action 속성이 없는 경우는 현재페이지를 다시 호출함. - this : 이벤트 발생 태그 객체. => form 객체 - form 태그 : 입력값들을 관리하는 태그. 입력값들을 한꺼번에 .. 2023. 4. 18.
[JavaScript] Exam 구구단 출력 📌 2단~ 9단까지의 구구단 출력하기 2023. 4. 18.
[JavaScript] 문자열 함수 문자열 함수 a.length : 문자열의 길이 a.startsWith() : 시작 문자열 판단 a.endsWith() : 끝의 문자열 판단 split : 문자열을 분리하여 배열로 리턴 join : 배열의 요소를 연결하여 하나의 문자열로 리턴 strarr.join() : 배열의 요소를 지정된 문자로 연결 📌 부분문자열 slice(a) : a 인덱스부터 이후 문자열 표시 slice(a,b) : a번째부터 b번째 전까지 잘라서 표시 substr(a, b) : a(시작인덱스)부터 b 길이만큼 잘라 문자열 표시 substring(a, b) : 문자열의 특정부분을 잘라내는 메소드 a(시작인덱스)부터 b(끝인덱스) 전까지의 문자열 표시 📌 2023. 4. 18.
[JavaScript] TTS(Text to Speech) 연습 📌 안녕하세요.반갑습니다. 2023. 4. 18.
[JavaScript] 이미지 선택하기(function, drawimg, sel, img, onchange,option), 마우스를 이용한 이미지 변경 이미지 선택하기 function drawimg(sel, img) { //sel : select 태그 //img : name="img2"인 img 태그 //img.src : //sel.value : select 태그의 선택 값 img.src = "../img/"+sel.value; } onchange : select 태그의 선택값이 달라지는 경우 발생되는 이벤트 this : 현재 객체. 이벤트가 발생된 객체. select 태그 document.img2 : document의 하위 객체 중 name 속성의 값이 img2인 객체 📌 딸기 바나나 사과 마우스를 이용한 이미지 변경 # : 다른 페이지로 이동 안됨 onmouseover : 마우스 커서가 영역 내부에 있는 경우 onmouseout : 마우스 커서가 영.. 2023. 4. 18.