35 lines
1.2 KiB
JavaScript
35 lines
1.2 KiB
JavaScript
export function Button({ innerText, onclick }) {
|
|
const button = document.createElement('button')
|
|
button.innerText = innerText
|
|
button.onclick = onclick
|
|
return button
|
|
}
|
|
|
|
export function List({ children = [] }) {
|
|
const ul = document.createElement('ul')
|
|
children.forEach(child => ul.appendChild(child))
|
|
return ul
|
|
}
|
|
|
|
export function ListItem({ innerText, onclick, id, children = [], dataset, classList=[] }) {
|
|
const li = document.createElement('li')
|
|
classList.forEach(item => li.classList.add(item))
|
|
li.innerText = innerText
|
|
li.onclick = onclick
|
|
li.id = id
|
|
dataset && Object.keys(dataset).forEach(key => li.dataset[key] = dataset[key])
|
|
children.forEach(child => li.appendChild(child))
|
|
return li
|
|
}
|
|
|
|
export function Text({ innerText, onclick, id, children = [], dataset, classList=[] }) {
|
|
const span = document.createElement('span')
|
|
classList.forEach(item => span.classList.add(item))
|
|
span.innerText = innerText
|
|
span.onclick = onclick
|
|
span.id = id
|
|
dataset && Object.keys(dataset).forEach(key => span.dataset[key] = dataset[key])
|
|
children.forEach(child => span.appendChild(child))
|
|
return span
|
|
}
|