// 학생관리 프로그램 :전체학생, 학생조회, 출력사항,점수관리
const menuA=[
"전체학생","학생조회","출력사항","점수관리"
]
const dataA={ // 오브젝트 :객체
nameA:["홍길동", "이동수", "김철수"],
jumsuA:[ 70, 80, 90],
telA:["010-1234-5678", "010-4875-9587", "010-7563-2153"],
listA:[
"여름방학 안내",
"방학 특강 안내",
"방학 탐구생활",
"건강한 여름을 보내자",
"건강관리 조심합시다"
],
imgA:["img1.jpg", "img2.jpg", "img3.jpg"],
img_textA:["첫 번째 그림","두 번째 그림","세 번째 그림", ]
}
window.xxxxonload=function() {
for(i=0; i<menuA.length; i++ ) {
$("nav div:eq("+i+")").html(menuA[i]);
}
// console.log( dataA.nameA[0] )
// console.log( dataA.nameA[1] )
// console.log( dataA.nameA[2] )
/*
for(i=0; i<dataA.nameA.length; i++) {
// console.log( dataA.nameA[i] );
$(".irum"+i).html( dataA.nameA[i] );
$(".jumsu"+i).html( dataA.jumsuA[i] );
$(".tel"+i).html( dataA.telA[i] );
}
*/
// forEach 반복문 : 배열, 오브젝트의 데이터들을 출력할 때 사용
// forEach( function( item(값), index(첨자/색인) )
dataA.nameA.forEach( function(item, index) {
// $(".irum"+index).html( dataA.nameA[index] );
$(".irum"+index).html( item );
})
dataA.jumsuA.forEach(function(item, index) {
// console.log(item);
$(".jumsu"+index).html( item );
})
dataA.telA.forEach(function(item, index) {
$(".tel"+index).html( item );
})
dataA.listA.forEach(function(a, b) {
$(".print p:eq(" + b + ")").html( (b+1) + ". " + dataA.listA[b] );
})
}
$(function() {
$(".find").on("click", function() {
$(".find_person").html("데이터 없음");
let per=$(".person").val();
// console.log(per);
dataA.nameA.forEach(function(item, index) {
if( item == per ) {
$(".find_person").html(per + " 찾았어요");
$(".pic").attr("src", "img/" + dataA.imgA[index]);
$(".pic_text").html( dataA.img_textA[index] );
}
})
})
})