자바스크립트 문제9 [초미니프로젝트] 자바스크립트 연락처 저장하기 오류발생! 해결! [3] 연락처 목록 번호 이름 나이 연락처 주소 직업 취미 어제 짜놓은 코드를 보니 큰 문제가 있었다. 1. 아무것도 없는 테이블에서 '추가하기'를 누르면 빈 행과 칸이 1줄 생깁니다.- function insertFunction() 가 실행됩니다.(dom)으로 구현 했습니다. 2. 빈칸에 값을 입력하고 저장하기를 누르면 saveFunction() 실행됩니다.-첫번째 행의 값이 user 객체에 삽입되고 그 각체는 users 배열에 삽입됩니다. 문제는 user 객체를 초기화 하는것이었다!user객체를 초기화 해서 넣지 않으니깐전에 user객체에 들어 있던 값이 push 가 되는거였다.....!!!!!!!! 어쨌든 해결 ㅠ!! 1234567891011121314151617181920212223242526272829.. 2017. 5. 24. 1-2 자바스크립트로 우편번호 문제를 해결해보자 우편번호 정렬 문제를 해결해보자.알고리즘을 그려야 하지만 간단한 문제일 것 같아서 글로만 순서를 작성해 봤다.버튼1#우편번호 전체 개수 출력1.텍스트 칸에 5자리 우편번호를 입력 받는다.1-1. 앞뒤 공백 자르기를 통해서 입력된 우편번호를 3자리로 만들고 문자열 합치기로 전체 값을 하나로 합친다.2.우편번호 총개수를 파악한다.3.배열에 집어 넣는다. 버튼2#우편번호 중복제거 버튼구현4. 우편번호 중복값을 제거 한다.5. 버튼을 누르면 중복 제거된 우편번호의 개수를 출력한다. (우편번호 중복제거를 하지 않고)버튼3# 우편번호별 개수를 파악해서 테이블에 출력와...대박 1-2시간안에 끝날 줄 알았는데... 총 5시간 정도 걸린것 같다. 아오...... 위의 그림에서 우편번호부분을 드래그해서 메모장에 옮긴다음.. 2017. 3. 28. [자바스크립트 기초] 함수 이벤트 DOM을 이용한 초미니 프로젝트 1 그동안 정리했던 자바스크립트 내용으로 아주 작고 작은 프로젝트를 만들어 보자!이 시점에서 계속 이론만 배우면 지루하다.작은 프로젝트로 흥미를 돋우기 위해서 배웠던 내용을 응용해서 만들 수 있는 과제(?)를 기획해 보았다.아래코드를 보기 전에 한번 생각 해보세요~ 테이블 칸에 있는 사진에 마우스를 올리면 해당 사진이 확대되어 나타난다. [사진에 마우스를 올려보세요]123456789 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 table{width:500px;height:500px;} td{border:sol.. 2017. 2. 28. 12.자바스크립트 기초 문법 (FORM) //예졔)================================ //예졔)================================ //예졔)================================ //예졔)================================aabbcc def //예졔)================================ aa bb cc //예졔)================================http://www.daum.net">다음http://www.naver.com">네이버http://www.yahoo.com">야후 //예졔)================================과정 목록 java javascript oracle //예졔)========.. 2016. 12. 29. 왕 기초 자바스크립트 - 함수 var 처음만든함수 = function () { console.log("안녕하세요!");}; 처음만든함수();// 안녕하세요! ================== var 인사하기 = function (이름) { console.log("안녕하세요 " + 이름 + "님!");}; 인사하기("아이유");// 안녕하세요 아이유님! 인사하기("수지");// 안녕하세요 수지님! ==================var 고양이그리기 = function (반복횟수) { for (var i = 0; i < 반복횟수; i++) { console.log(i + " =^.^="); }}; 고양이그리기(5);// 0 =^.^=// 1 =^.^=// 2 =^.^=// 3 =^.^=// 4 =^.^= ==================.. 2016. 12. 29. ★자바스크립트 연습 문제 (노드) 3 # http://msdn.microsoft.com/ko-kr/library/d1et7k7c(v=vs.94).aspx# 노드관련 메서드 document.createElement("태그명") document.createTextNode("텍스트") 객체명.insertBefore(newChild,refChild) 객체명.replaceChild(newChild,oldChild) 객체명.removeChild(oldChild) 객체명.appendChild(newChild) 객체명.parentNode 객체명.childNodes 객체명.previousSibling 객체명.nextSibling 버튼을 누르면 4.dd 가 출력될 수 있도록 소스코드를 작성하시오. aa bb cc [an] var liTag=document.c.. 2016. 12. 27. ★자바스크립트 연습 문제2 1문제 이벤트처리를 아래와 같은 형식으로 바꾸시오. 이벤트처리대상.on이벤트명=function(){ } 답 2.문제 3.문제 이벤트처리를 아래와 같은 형식으로 바꾸시오. 이벤트처리대상.on이벤트명=function(){ } 4.문제 5.문제 답 답 답 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122.. 2016. 12. 26. ★자바스크립트 연습 문제1 아래소스코드를 for문으로 바꾸시오. 1 2 3 4 5 6 7 8 9 10 아래소스코드를 for문으로 바꾸시오. 버튼을 누르면 h1태그의 border-style을 solid로 border-color를 yellow로 바꾸시오. abc 테이블만들기 줄 칸 abc 아래소스코드를 for문으로 바꾸시오. 함수를 하나로 처리하시오. onmouseover 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041.. 2016. 12. 21. 4.자바스크립트 기초 문법 (객체 선언&배열&form) 1. 2. 3. 4. 5. 6.. 필드1 필드2 필드3 7. 클릭 8. 이름: 직급 : 확인 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511.. 2016. 12. 20. 이전 1 다음
