39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
export const getInputById = (elementId: string): HTMLInputElement => {
|
|
const el = document.getElementById(elementId) as HTMLInputElement;
|
|
if (!el) {
|
|
throw new Error(`Input Element id ${elementId} not found!`);
|
|
}
|
|
return el;
|
|
};
|
|
|
|
export const getDivById = (elementId: string): HTMLElement => {
|
|
const el = document.getElementById(elementId) as HTMLElement;
|
|
if (!el) {
|
|
throw new Error(`HTML Element id ${elementId} not found!`);
|
|
}
|
|
return el;
|
|
}
|
|
|
|
export const getButtonById = (elementId: string): HTMLButtonElement => {
|
|
const el = document.getElementById(elementId) as HTMLButtonElement;
|
|
if (!el) {
|
|
throw new Error(`HTML Button Element id ${elementId} not found!`);
|
|
}
|
|
return el;
|
|
}
|
|
|
|
export const getButtonListByClassName = (name: string): Array<HTMLButtonElement> => {
|
|
const el = document.getElementsByClassName(name);
|
|
if (!el) {
|
|
throw new Error(`HTML Button List Elements not found for class ${name}!`);
|
|
}
|
|
return Array.from(el) as Array<HTMLButtonElement>;
|
|
}
|
|
|
|
export const showFoodPreview = (show: boolean) => {
|
|
if (!show) {
|
|
getDivById('food-preview').innerHTML = '';
|
|
}
|
|
getDivById('food-preview').classList = `add-food-form-item ${show ? 'display-block' : 'display-none'}`;
|
|
}
|