본문 바로가기

분류 전체보기502

[JavaScript] Math 클래스 사용, onchange 이벤트 Math 클래스 Math.random() : 0 2023. 4. 18.
[JavaScript] prompt 메세지 📌 Exam1 prompt 메세지 창에 수식을 입력받아 결과를 화면에 출력 2023. 4. 18.
[JavaScript] window 객체 window 객체 - window 객체 : html 페이지의 최상단 객체. window 생략 가능 - alert(내용) : 확인 메세지. 리턴값이 없음. - confirm(내용) : 확인,취소 선택. 확인 선택 : true 취소 선택 : false - prompt(내용) : 입력란이 존재. 값을 입력받고, 입력받은 값을 리턴 - this.form : 내가 속한 form 객체를 의미 📌 window 객체의 3가지 메세지 창 alert 메세지 창 호출 confirm 메세지 창 호출 prompt 메세지 창 호출 window 객체의 함수 eval 함수 : 수식 계산 결과 리턴 eval(문자열) : 문자열 수식을 계산 결과 리턴 isNaN : 숫자가 아니니? 숫자가 아닌경우 : true, 숫자인 경우 : fals.. 2023. 4. 18.
[JavaScript] name 속성을 이용한 태그 선택, 마우스 이벤트(onmouseover, onmouseout) name 속성을 이용한 태그 선택 📌 입력된 숫자까지의 합계 구하기 전체 합계 : 짝수 합계 : 홀수 합계 : 마우스 이벤트(onmouseover, onmouseout) javascript 인식되는 부분 1. : script 태그 내부 2. onxxx="...." : 이벤트 처리 부분 - onmouseover : 마우스의 커서가 영역 내부에 존재하는 경우 - onmouseout : 마우스의 커서가 영역 내부에 존재하다가, 마우스 커서가 밖으로 나간 순간. - bgColor : css의 background-color 속성과 같은 값. 3. ... : href 의 원래 기능인 다른 페이지로 이동을 자바스크립트 문장 실행하도록 수정함. 📌 마우스 커서가 이곳에 들어 오면 바탕색이 빨강색으로 벗어나면 흰색으로 .. 2023. 4. 18.
[JavaScript] 조건문, 반복문 예제(JavaScript 에서 제공하는 내장객체 ) if 조건문 : boolean 표선식의 값이 true면 중괄호 안의 문장을 실행하고 false면 문장을 무시 📌 📌 Exam2 JavaScript 에서 제공하는 내장객체 1. window : 자바스크립트의 최상단 객체. 2. document :문서담당. 3. console : 개발자화면의 콘솔에 출력하는 객체 4. location : 현재 페이지의 url 정보 location.href="페이지명" => 현재 페이지가 페이지명으로 이동 5. history : 현재 웹페이지의 url의 이동내역을 저장. history.go(-1) : 앞페이지로 페이지 이동 6. navigator : 브라우저 정보 저장 객체 📌 id=num 태그에서 입력받은 값까지의 합을 출력하기 2023. 4. 18.
[JavaScript] 기본 자료형(alert, document,console), 변수 선언 자바스크립트(Javascript) : 웹 브라우저에서 사용하는 프로그래밍 언어 표현식 : 자바스크립트에서 값을 만들어 내는 간단한 코드 문장 : 하나 이상의 표현식이 모여 문장을 구성. 문장 끝에는 마침표를 찍듯이 세미콜론(;) 또는 줄바꿈을 넣어 문장의 종결 표시. 프로그램 : 줄바꿈으로 문장을 구분해 코드를 작성 식별자 : 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어. 주로 변수명이나 함수명 등으로 사용 - 키워드 사용 안됨 - 숫자로 시작 불가 - 특수 문자는 _와 $만 허용 - 공백 문자를 포함할 수 없음 - 식별자를 만드는 일반적인 관례 : 클래스의 이름은 항상 대문자로 시작 변수와 인스턴스, 함수, 메소드의 이름은 항상 소문자로 시작 여려 단어로 이루어진 식별자는 각 단어의 첫글자를 대문.. 2023. 4. 18.
[HTML/CSS] CSS선택자(selector) - 반응형 웹 📌 @Media 태그 예제 화면의 크기별로 바탕색을 변경합니다. 2023. 4. 17.
[HTML/CSS] CSS선택자(selector) - 상대선택자 input태그 📌 입력이 가능한 input 태그 입력이 불가능한 input 태그 📌 입력이 가능한 input 태그 입력이 불가능한 input 태그 2023. 4. 17.

티스토리툴바