기린의 기록을 위한 공간

[조건문 활용하기] 메세지 확인 //input에 있는 값을 가져와서 //그 값이 1이면 div태그에 1입니다. //그 값이 2이면 div태그에 2입니다. //그 값이 3이면 div태그에 3입니다. function checkMsg(){ var ipMsg = document.getElementById("msg").value; var divCon = document.getElementById("container"); var msg= ""; switch(ipMsg.trim()){ case "1" : msg="1입니다";break; case "2" : msg="2입니다";break; case "3" : msg="3입니다";break; } container.innerHTML=msg; } [switch 문] //sw..

[String 내장함수] 문자입력체크 //toUpperCase() 전부대문자로 , toLowerCAse() 전부소문자로 var str = "Hello World How are You"; console.log(str.toUpperCase(),str.toLowerCase()); //문자열이 길이아는법 : legnth console.log("문자열 길이 : "+str.legnth); //값을 입력받았는지 확인할때 사용 2가지방법 //trim() -> 공백을 삭제 해주는 함수 function checkLength(){ var val = document.getElementById("length").value; var re=document.getElementById("result"); if(val.trim().le..

자바스크립트는 동적자료형으로 변수를 선언할때 자료형을 명시하지않고변수에 대입되는 값에 따라 자료형이 결정됨.자료형을 선언하지 않는다고해서 자료형이 없는것은 아님!자바스크립트의 자료형은string, number, undefined, function, object(array), boolean -> 6가지의 자료형 가짐 [자료형의 리터럴값] 문자형(string) : " " , ' ' 표시 예) "홍길동" , '김말똥'숫자(number) : 숫자로 작성 예)1 2 0.34function : function(){로직}object : {키:값,키:값..}array : [값,값,값..] //문자열var str = "홍길동"; //숫자var n=10;var n2 = 180.5; //함수형 자료형 var fnTest =..

자바스크립트에서 변수는 function scope의 범위를 가지고 있음그 범위는 global scope(전역) / local scope(지역영역)선언 : var 변수명 *별도의 자료형을 선언하지 않는 동적 자료형을 가지고 있음 *var 예약어를 사용하지 않고 변수사용가능(권장하진않음) [호이스팅]자바스크립트 변수는 독특한 특징이 있음 ->호이스팅 hoisting(var로 선언된 변수들만 적용됨) 미리 저장공간 확보부터 함 console.log(c); var c; //변수가 밑에있어도 먼저 저장공간을 확보해놓음 var name=19; //위에있는 변수를 중복으로 선언을 해도 제재할 수단이없음 (에러메세지를 출력안해줌) for(var i=0; i const, let를 만듬 const, let -> funct..

자바스크립트에서 기본적으로 html페이지에 모든 태그는 객체로 저장되며그것을 DOM(Document Object Model)이라고 부른다.문서에 있는 모든 태그를 객체로 보는것모든 객체화된 태그는 document객체안에 포함되어 있음.각 객체에 접근하려면 document객체의 메소드(함수)를 이용해서 찾아야함. [id로 태그 찾기] var area = document.getElementById("area"); [class로 태그 찾기] var classEl = document.document.getElementByClassName("area");classEl[0].innerHTML="출력할 문구";classEl[1].style.color="green"; for(var i=0; i

데이터 출력하는 방법 두가지 [1. 화면에 글자를 출력하는 것]1) write() - body태그 내부에 문구를 추가하는 함수 2) 태그의 content에 쓰여진 문구를 추가하거나 수정하는방법- innerHTML - 태그를 적용해서 출력- innerText - 태그를 문자로 출력 [2. 화면이 아닌 팝업창, console창에 출력하는 방법]1) 팝업(모달창) : window.alert() *window는 기본으로 사용이 되기때문에 생략가능 2) 콘솔창 : console.log() 디버깅, 에러메세지 출력용 console.log("이건 콘솔창에 출력되는 값"); - 자바의 System.out.println();이랑 비슷함 console.info("이건 관련 정보를 출력해줄때 사용"); console.war..