Refactored CSS and HTML templates and polished UI (#10), changed JavaScript variable names to camelCase, adjusted filenames and some url parameter names in urlpatterns, and more.
This commit is contained in:
parent
1e32e2b5dd
commit
8599f49857
30 changed files with 401 additions and 403 deletions
|
@ -1,30 +0,0 @@
|
|||
{
|
||||
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
// get all customNumberInput Elements
|
||||
let custom_number_inputs = document.getElementsByClassName("customNumberInput");
|
||||
// Add Event Handler to the elements of the customNumberInputs
|
||||
[...custom_number_inputs].forEach(element => {
|
||||
// number input
|
||||
let numberFieldElement = element.getElementsByClassName("customNumberInputField")[0];
|
||||
// minus button
|
||||
element.getElementsByClassName("customNumberInput-minus")[0].addEventListener("click", () => {
|
||||
alterCustomNumberField(numberFieldElement, -1)
|
||||
});
|
||||
// plus button
|
||||
element.getElementsByClassName("customNumberInput-plus")[0].addEventListener("click", () => {
|
||||
alterCustomNumberField(numberFieldElement, +1)
|
||||
});
|
||||
})
|
||||
})
|
||||
|
||||
function alterCustomNumberField(numberFieldElement, n) {
|
||||
numberFieldElement.value = Math.min(
|
||||
Math.max(
|
||||
(parseInt(numberFieldElement.value) + n), numberFieldElement.min || Number.MIN_VALUE
|
||||
),
|
||||
numberFieldElement.max || Number.MAX_VALUE
|
||||
);
|
||||
}
|
||||
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue