자바스크립트 객체 실습문제

자바스크립트 객체 실습문제

Insert title here #print{ height: 100px; } #div2{ height: 300px; width:500px; border:1px solid black; } tr{ text-align: center; } 객체 실습 문제 문제1. 다음 입력 버튼을 클릭하면 이름,나이,주소를 prompt로 입력 받은 후 입력 받은 정보를 member 라는 객체에 저장하여라. 이 후 출력 버튼을 클릭하면 member 객체 안에 있는 정보를 출력 창에 출력되도록 만들어라. (입력을 받지 않은 상태에서 출력 버튼 클릭시 입력을 먼저 해달라는 알림을 띄우도록 하여라) ex) 이름 : OOO 나이 : OO세 주소 : XXX XXX XXXX ... 출력창 입력 출력 문제2. 다음 입력 버튼 클릭시 학생정보를 3명 저장받아(for문 사용) 테이블을 생성하여 출력하는 코드를 작성하여라. 단, 학생 정보는 객체로 처리하여 저장후 테이블에 입력하고 모든 학생 정보는 객체 배열에 저장하여 console.log(objectArr)로 출력시 객체 배열 정보가 console.log에 나와야 함 이름나이주소 학생정보 테이블 입력 및 출력 var member = null; function insertMember(){ var name = window.prompt("이름을 입력하세요"); var age = window.prompt("나이를 입력하세요"); var addr = window.prompt("주소를 입력하세요"); member = new Object(); member.name = name; member.age = age; member.addr = addr; } function printMember(){ if(member == null){ window.alert("입력을 먼저 해주세요"); }else{ for(var key in member){ document.getElementById("print").innerHTML += key + " : " + member[key] + "
"; } } member = ""; //누적 출력 방지 } function student(){ var studentArr = []; var nameTd = document.getElementsByName("name"); var ageTd = document.getElementsByName("age"); var addrTd = document.getElementsByName("addr"); for(var i = 0; i < 3; i++){ var name = prompt((i+1)+"번째 학생 이름 입력"); var age = prompt((i+1) + "번째 학생 나이 입력"); var addr = prompt((i+1) + "번쩨 학생 주소 입력"); var student = new Object(); //임시 저장소 student.name = name; student.age = age; student.addr = addr; studentArr.push(student); //최종 저장소 studentArr } for(var i = 0; i < studentArr.length; i++){ nameTd[i].innerHTML = studentArr[i].name; ageTd[i].innerHTML = studentArr[i].age; addrTd[i].innerHTML = studentArr[i].addr; } console.log(studentArr); }

from http://roqkfgksmsdbstn.tistory.com/114 by ccl(A) rewrite - 2021-09-11 02:27:26