59 lines
1.3 KiB
TypeScript
59 lines
1.3 KiB
TypeScript
|
|
||
|
// DOM manipulation
|
||
|
|
||
|
export function removeEl(el: any) {
|
||
|
el.remove();
|
||
|
}
|
||
|
|
||
|
export function newLabel(label = "", classes: string[] = []): HTMLLabelElement {
|
||
|
const out: HTMLLabelElement = document.createElement("label");
|
||
|
out.classList.add("input");
|
||
|
out.appendChild(document.createTextNode(label));
|
||
|
|
||
|
for(let c of classes) {
|
||
|
out.classList.add(c);
|
||
|
}
|
||
|
|
||
|
return out;
|
||
|
}
|
||
|
|
||
|
export function newInput(type: string, value = "", classes: string[] = []): HTMLInputElement {
|
||
|
const out: HTMLInputElement = document.createElement("input");
|
||
|
|
||
|
out.type = type;
|
||
|
out.value = value;
|
||
|
|
||
|
for(let c of classes) {
|
||
|
out.classList.add(c);
|
||
|
}
|
||
|
|
||
|
return out;
|
||
|
}
|
||
|
|
||
|
export function newDiv(classes: string[] = []): HTMLDivElement {
|
||
|
const out: HTMLDivElement = document.createElement("div");
|
||
|
|
||
|
for(let c of classes) {
|
||
|
out.classList.add(c);
|
||
|
}
|
||
|
|
||
|
return out;
|
||
|
}
|
||
|
|
||
|
export function addChildren(div: HTMLDivElement, els: HTMLElement[]) {
|
||
|
for(let c of els) {
|
||
|
div.appendChild(c);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
export function newButton(value = "", classes: string[] = []): HTMLButtonElement {
|
||
|
const out = document.createElement("button");
|
||
|
out.appendChild(document.createTextNode(value));
|
||
|
|
||
|
for(let c of classes) {
|
||
|
out.classList.add(c);
|
||
|
}
|
||
|
|
||
|
return out;
|
||
|
}
|