<head>
<script>
var mingzi = ["홍길동","임꺽정","영심이"]
</script>
</head>
<body>
<button class="name">
<script>
document.write(mingzi[0]);
</script>
</button>
<button class="name">
<script>
document.write(mingzi[1]);
</script>
</button>
<button class="name">
<script>
document.write(mingzi[2]);
</script>
</button>
</body>
이런 식으로 페이지를 만들고 있습니다. 버튼을 name로 묶은 건 css 코드를 바깥으로 빼놔서 그렇구요.
처음에는 각각의 버튼마다 이름을 넣었었는데,
그렇게 하면 나중에 수정할 부분 찾기가 귀찮을 거 같다는 생각이 들어서요.
저렇게 배열을 만들었는데,
버튼 코드가 긴 거 같은데 저걸 줄이는 방법이 없을까요?
똑같은걸 몇 십개를 붙여넣기하는 건 무식한 거 같아서요.
생활코딩 사이트에서 한 강의 듣고 하나 해보고, 한 강의 듣고 하나 해보고 이러고 있는데
해결 방법을 모르겠어서 여쭤보고자 올려봅니다.