본문 바로가기

WEB/JAVASCRIPT10

가위바위보 게임 및 간이 계산기 만들기 가위바위보 맞추기 게임 간이 계산(테스트 받는) 첫번째 값 : 두번째 값 : 결과 값 : 2022. 6. 27.
자바스크립트 예제 - 객체 (1) 내장함수 (객체) : javascript 엔진이 구동되는 시점에서 바로 제공되며 어디에서든 사용 가능 Date, Math, Array, Number, String,Boolean 등 Date 객체 예제 구매날짜와 현재날짜의 차이를 통해 교환가능의 여부를 통지하는 예제 구입날짜 : 확인 지금부터 내년까지 남은 시간 구하기 1초마다 증가하는 지금 현재 시간 구하기(시계 구현) 배열과 Date() 활용해서 이미지로 요일 나타내기 Number, String, Boolean 데이터 타입 예제 숫자형 예제(1) 복소수와 문자열의 경우, Number()에 넣었을 경우 NaN으로 나타난다. (숫자로 표현 불가) 문자열 테스트 예제 Boolean형 테스트 예제 ' ', undefined, null, 0, NaN -> fa.. 2022. 6. 27.
자바스크립트 예제 및 함수 예제 1번 ) 텍스트 필드와 버튼을 통해 입력받은 단의 구구단을 HTML에 출력하기 window.event.keyCode : 키보드에 각 코드값 존재 keyCode가 13이라는 것은, enter키를 의미한다. document.getElementById("Id값").value -> HTML 내의 ID를 통해 ID가 가진 값을 가져온다. document.getElementById("Id값).innerHTML -> innerHTML형식으로 출력 onkeyup : 키보드가 눌러진 상태에서 떨어질 때 작동하는 이벤트 핸들러 단을 입력하세요. innerHTML영역 해당 예제의 흐름을 이해하자면, 단을 입력하세요 : ___ 확인버튼 innerHTML영역(결과값 출력되는 영역) 으로 HTML이 짜여져있고, 실제 단에 .. 2022. 6. 23.
자바스크립트 예제 - 제어문과 배열 알아보기 예제 1번 ) 문자열 변수 출력 document.writeln(), document.write()는 브라우저에 출력되나, 줄바꿈 불가하므로 태그 이용해야함 toUpperCase() 대문자로, toLowerCase() 소문자로 예제 2번 ) 자바스크립트의 데이터 타입 및 경고창 typeof(x) : x의 데이터 타입 반환 자바스크립트는 유연하기 때문에, ' ' 와 " " 를 구분하지 않고 문자열에 사용 예제 3번 ) 닫기 버튼 만들기 함수 정의 : function 함수명() { 실행할 문장 } self.close(); 자기 자신의 창을 닫는 기능 IF문 예제 4번 ) IF문과 대화상자, 형 변환 alert(메시지) : 단순 경고창 prompt(메시지,기본값) : 입력 대화상자 confirm(메시지) : 사.. 2022. 6. 22.