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>
'Javascript' 카테고리의 다른 글
callback함수를 적용해보기! (0) | 2021.10.20 |
---|---|
JS function 코딩하면서 이해하기 (0) | 2021.10.20 |
자바스크립트 동작원리 with callback function (0) | 2021.10.19 |
함수로 tag 여러 태그 만들고 데이터 값 넣기 (0) | 2021.09.29 |
메모 (0) | 2021.09.10 |