본문 바로가기

Javascript

더미데이터 버튼 클릭시 보여주기 위한 onclick=button() 만들기

 

 

 

javascript 


function button(){
	
	const container=document.querySelector('#contents')


	for(let i=0; i<dummyTweets.length;i++){
	// div 태그 만든 후 class 이름을 username으로 짓고 이거를 컨테이너에 붙인다. 
	const creatDiv=document.createElement('div')
	creatDiv.classList.add('username')
	container.append(creatDiv)
	const username=document.querySelectorAll('.username')[i]
	username.textContent=dummyTweets[i].username
	}	
}

html 

 

 

<span>
	<button onclick="button()"" class="header-button"> button</button>
</span>