duedue

리스트 뿌려주기 본문

JavaScript

리스트 뿌려주기

듀듀닷 2022. 1. 17. 13:36

<section>
<h2>standards revival mp3</h2>
<div id="list">
</div>
</section>

<script>
 
var add_zero = function(num, digit){
var num_string = String(num); //숫자를 문자열로 변환후 대입
while(num_string.length<digit){ //digit의 개수만큼
num_string = '0'+num_string; // 0을 대입, 3이면 001 결과출력
}
return num_string; // 반환
};
var songs=[
'stella by stella',
'satin doll',
'caravan',
'besame mucho',
'my favorit things',
'taking a chance on love',
'fly me to the moon',
'waltz for debby',
'willow weep for me',
'bluesette'
];


 
for(var i =0; i < songs.length;i++){
var paragraph = document.createElement('p'); // p를 만들어 대입
paragraph.textContent = add_zero(i+1, 2) + '. ' + songs[i]; //넘버링 처리
document.getElementById('list').appendChild(paragraph); //넣을곳 불러오기
}
</script>