JavaScriptでの配列からの要素作成
ある配列があるとします:
let arr = [1, 2, 3, 4, 5];
また、ある親要素があるとします:
<div id="parent"></div>
配列の要素をテキストとする新しい段落を、 この親要素に追加してみましょう。
上記を実装します:
let parent = document.querySelector('#parent');
let arr = [1, 2, 3, 4, 5];
for (let elem of arr) {
let p = document.createElement('p');
p.textContent = elem;
parent.appendChild(p);
}
私のコードを修正して、段落をクリックすると その内容に1が加算されるようにしてください。