////

DOCTYPE html> Insert title here div { position: relative; /* relative 상대적 */ width: 100px; height: 100px; background-color: orange; } var x=100; var intervalId; window.onload=function(){ //2추 뒤에 한번 호출 setTimeout(init,2000); //0.5초마다 주기적으로 호출 intervalId=setInterval(move,500); //멈추려면 clearinterval도 필요하기에 대입함 } function init() { console.log('init호출'); /* box.style.left=x+'px'; box.style.top='100px'..

DOCTYPE html> Insert title here table { border: 2px solid gray; width: 500px; } tr,th,td { border: 1px dotted gray; font-size: 10pt; } div { position: absolute; left: 10px; top: 300px; width: 500px; height: 200px; border: 1px solid gray; padding: 20 10px; } ////////////////////////버튼 클릭 이벤트 function disp() { //radiobox var gradeStr="나의 최종학력은 "; //초기값 for(var i=0; i

DOCTYPE html> Insert title here window.onload=function(){ setInterval(rndNum,3000); } function rndNum() { var su=new Array(); for (var i = 0; i < 5; i++) { su[i]=parseInt(Math.random()*9)+1; //중복체크 for (var j = 0; j < i; j++) { if(su[i]==su[j]) { i--; break; } } } for(var i=0;i

DOCTYPE html> Insert title here window.onload=function(){ setInterval(rndNum,3000); } function rndNum() { var su=new Array(); for (var i = 0; i < 3; i++) { su[i]=parseInt(Math.random()*9)+1; //중복체크 for (var j = 0; j < i; j++) { if(su[i]==su[j]) { i--; break; } } } console.log(su[0]+","+su[1]+","+su[2]); imge1.src='../image/'+su[0]+'.jpg'; imge2.src='../image/'+su[1]+'.jpg'; imge3.src='../image/'..

DOCTYPE html> Insert title here var tag1="Hello JS H2!!"; document.write(tag1); //b태그로 1~10까지 가로 출력 for (var i = 1; i

DOCTYPE html> Insert title here function testAvg(arrData) { var sum=0; for (var i = 0; i < arrData.length; i++) { sum+=Number(prompt(arrData[i]+"점수는?","0")); /* number로 캐스팅(형변환)..프롬프트창 데이터는 string이기에 */ } var avg=sum/arrData.length; return avg; } //testAvg호출 var arrSubject=["JAVA","JSP","ORACLE","SPRING","JAVASCRIPT"]; var result=testAvg(arrSubject); //호출..출력위해 대입 document.write("평균점수는 "+result+..

DOCTYPE html> Insert title here var colors=["red","blue","yellow","cyan","gray","magenta"]; for (var i = 0; i < colors.length; i++) { document.write(""+colors[i]+" "); } var flowers=new Array(); //메서드를 통한 추가 삭제 가능 flowers.push("장미"); // 배열의 마지막에 요소 추가 console.log(flowers); flowers.push("후리지아"); flowers.push("수국"); flowers.push("안개꽃"); flowers.push("제라늄"); flowers.push("백합"); console.log(flowers)..

DOCTYPE html> Insert title here var age=28; //정수형 var id="angel"; //문자형 var weight=65.5; //실수형 //위의 변수를 출력하는 함수 var showInfo=function() //function showInfo()와 같음,리턴형 없음 { document.write("age= "+age+" "); document.write("weight= "+weight+" "); document.write("id= "+id+" "); } //만든 함수 호출 showInfo();

DOCTYPE html> Insert title here var rightId="korea"; var rightPw="1234"; function login(id,pw) { if(id==rightId) { if(pw==rightPw) { document.write(id+"님 방문을 환영합니다"); } else { alert("잘못된 비밀번호입니다"); } } else { alert("존재하지 않는 아이디입니다"); } } var userId=prompt("아이디 입력", ""); var userPw=prompt("비밀번호 입력", ""); //함수 호출 login(userId,userPw);

DOCTYPE html> Insert title here var a="hello"; var b=100; var c=3.5; var d="30"; //typeof : 데이터의 타입 알아보는 것 document.write(typeof(a)+" "); document.write(typeof(b)+" "); document.write(typeof(c)+" "); document.write(typeof(d)+" "); document.write((b+100)+" "); document.write((d+100)+" "); //숫자로 변환후 계산하고자 할때(캐스팅) var sum=parseInt(d)+100; document.write(sum+" "); //수식형태의 문자열을 직접 계산 var s="5*6-3"; d..

DOCTYPE html> Insert title here var food=["딸기","사과","복숭아","포도"]; /* food라는 배열의 초기값 설정 */ document.write("배열테스트 "); /* document.write("food[0]="+food[0]," "); document.write("food[1]="+food[1]," "); document.write("food[2]="+food[2]," "); document.write("food[3]="+food[3]," "); */ for(var i=0;i

DOCTYPE html> Insert title here /* onclick을 했기에 function 만들어야함 */ function test() { var str="안녕하세요"; /* 대따음표 안에서는 소따음표 */ out.innerHTML=str; }

(방법1) DOCTYPE html> Insert title here 선택 Naver Google Nate ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ (방법2) DOCTYPE html> Insert title here function movetoURL(url) { document.location.href=url; } 선택 Naver Google Nate

(select1.html) DOCTYPE html> Insert title here select1 페이지 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ (select2.html) DOCTYPE html> Insert title here select2 페이지 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ (select3.html) DOCTYPE html> Insert title here select3 페이지 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DOCTYPE html> Insert title here 선택 room_#1 room_#2 room_#3

DOCTYPE html> Insert title here .btn_wrap{ text-align: center; width: 400px; } #btn{ background: #06f; color: #fff; padding: 5px 20px; border-radius: 20px;cursor: pointer; }

(jsp file) /** * */ /*window.open() var 객체명=window.open('url','name','space,replace') name은 안 보이기에 아무거나 쓰거나 안 써도 됨*/ function pop1(){ newWin=window.open('../image/popup3.jpg','Event','width=430,height=430,status=no,scrollbars=yes'); setTimeout('newWin.close()',3000) } function pop2(){ window.open('http://www.nate.com','Nate','width=430,height=430,status=no,scrollbars=yes') } ~~~~~~~~~~~~~~~~~~~~..

DOCTYPE html> Insert title here #out{ position: absolute; left: 20px; top: 100px; background: #ffc; padding: 10 10 10 10; width: 300px; height: 100px; border: 1px solid gray; } function test1(a) { alert(a+100); } function test2(str) { alert("문자열["+str+"]을 받았어요!"); } function test3() { var a=confirm('데이터를 추가할까요?'); /* true값이 1, false는 2 */ if (a==1) out.innerHTML='추가했습니다'; else out.innerHTML='취소했..

DOCTYPE html> Insert title here function sampleComfirm() { if (confirm("마음에 드십니까?")) { alert("네 마음에 들어요"); } else{ alert("마음에 들지 않습니다"); } }

DOCTYPE html> Insert title here function ok() { alert("예"); } function no() { alert("아니오"); } 수강신청을 하셨나요? 수강신청확인

DOCTYPE html> Insert title here 함수호출-직접 이벤트 호출 자바스크립트 사용자 함수호출 //이 방법을 제일 많이 씀 이벤트를 자바스크립트로 function hello() { alert("두번째 버튼을 클릭함_JavaScript 함수호출") } //버튼3에 이벤트추가 var b=document.getElementById("btn3"); b.onclick=function() { alert("3번째 버튼 클릭") }