본문 바로가기

분류 전체보기

[JavaScript] 응용 예제 - 생일 D-day 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455Insert title here다음생일까지 남은 일수 다음 버튼을 클릭하여 생일을 입력하면,다음 생일까지 남은 일수를 볼 수 있습니다.생일은 입력 function restDate() { var inputBirth = prompt('생일 입력(00-00)',''); if(inputBirth.charAt(2) != '-' || inputBirth.length != 5 ) alert("잘못입력 하셨습니다."); else{ var today = new Date(); //0 번째 월, 1 번째 일 var arr = inputBirth... 더보기
[JavaScript] 응용 예제 - 배경색 바꾸기 12345678910111213141516171819202122232425262728293031323334353637Insert title here배경색의 변경 ※다음 버튼을 클릭하면 홈페이지의 배경색을 변경할 수 있습니다.빨강녹색청색주황색검정색흰색 function changeColor(color) { if(color =="red") document.bgColor="red"; if(color =="green") document.bgColor="green"; if(color =="blue") document.bgColor="blue"; if(color =="orange") document.bgColor="orange"; if(color =="black") document.bgColor="black"; if.. 더보기
[JavaScript] setInterval 응용 예제 1234567891011121314151617181920212223242526272829Insert title here 여기는 index3.html입니다. myMsg = "환영합니다 어서 오십시오";myCnt = 0; function myfunc() { document.myForm.myFormMsg.value = myMsg.substring(0,myCnt) + "_"; myCnt = ( myCnt == myMsg.length) ? 0 : ++myCnt;} setInterval("myfunc()",500); Colored by Color Scriptercs '환영합니다 어서 오십시오'문자열이 0.5초마다 한글자씩 출력된다(애니메이션 효과) 더보기
[JavaScript] location 관련 함수 - back(), reload(), forward() 12345678910111213141516171819202122232425Insert title here index2.html입니다. index3.html로 이동 Colored by Color Scriptercs back() -> explorer의 뒤로가기와 같다.reload() - > explorer의 새로고침과 같다.forward() -> explorer의 앞으로가기와 같다. 더보기
[JavaScript] location.href 기본 예제 12345678910111213141516171819202122232425262728Insert title here NewFile.html로 이동 버튼 function myfunc() { //스크립트에서 페이지 이동할 때 location.href = "NewFile.html";}Colored by Color Scriptercs HTML에선 action이나 로 페이지를 이동JavaScript에서도 location.href로 페이지를 이동할 수 있다. 더보기
[JavaScript] setInterval 기본 예제 12345678910111213141516171819202122232425262728293031323334Insert title here 전화하는 시간은입니다전화요금은입니다 배경색 변경 var myCnt = 1; function func() { document.form1.formSec.value = myCnt + "초"; document.form1.formWon.value = ((Math.floor(myCnt/5) * 10) + 10) + "원"; myCnt = myCnt + 1;} setInterval("func()",100);Colored by Color Scriptercs Delay, sleep과 같은 기능 더보기
[JavaScript] HTML 과 JavaScript 기본 예제 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960Insert title here 여기가 p태그 입니다. 버튼 function myfunc() { //일반 Tag, p, pre, h1 ~ h6 var pTag = document.getElementById("demo").innerHTML; //input, textarea var textF = document.getElementById("id").value; document.getElementById("p1").innerHTML = textF; document.getElementById("id").value =.. 더보기
[JavaScript] Math 관련 예제 123456789101112131415161718192021222324252627282930313233343536Insert title here 버트은 function myfunc() { document.getElementById("demo").innerHTML // = Math.round(4.5); //반올림 // = Math.round(Math.random() * 10); //반올림 해줘서 0~10 값이 나옴 // = Math.min( 1, 4, 5 ,8 ,9 ,2 ); //최솟값 // = Math.max( 1, 4, 5, 8 ,9 ,2 ); //최댓값 // = Math.ceil(4.1); //올림 // = Math.floor(4.9); //내림 // = Math.E //Euler // = Math... 더보기
[JavaScript] toString, parseInt 1234567891011121314151617181920212223242526272829Insert title here //String -> int. doubledocument.getElementById("demo").innerHTML = parseInt("10") + " " + parseInt("10.32") + " " + parseInt("10 6") + " " + //앞에꺼만 나옴 parseInt("10 abc") + " " + //앞에꺼만나옴 parseInt("abc 10"); //NaN 숫자가 아니라고 출력함 // int - > Stringvar num = 123;num = num.toString() + 1; // 1231document.getElementById("demo").innerHTML.. 더보기
[JavaScript] 기본 문법 - 진수 변환 12345678910111213141516171819202122232425262728293031323334Insert title here 버튼 var number = 128;document.getElementById("demo").innerHTML = "십진수 = " + number + " " + "16진수 = 0x" + number.toString(16) + " " + "8진수 = 0" + number.toString(8) + " " + "2진수 = " + number.toString(2); function myfunc() { } Colored by Color Scriptercs 더보기

티스토리툴바