backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-21 19:41:23 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: slider-input - dissalow invalid numbers

Browse source
This commit is contained in:
Azgaar 2024-08-21 21:38:17 +02:00
parent 292b2820e8
commit bce179acde
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/slider-input.js
View file

@ -40,13 +40,17 @@
} }
handleEvent(e) { handleEvent(e) {
const value = e.target.value;
const isNaN = Number.isNaN(Number(value));
if (isNaN || value === "") return e.stopPropagation();
const range = this.querySelector("input[type=range]"); const range = this.querySelector("input[type=range]");
const number = this.querySelector("input[type=number]"); const number = this.querySelector("input[type=number]");
this.value = range.value = number.value = e.target.value; this.value = range.value = number.value = value;
this.dispatchEvent( this.dispatchEvent(
new CustomEvent(e.type, { new CustomEvent(e.type, {
detail: {value: e.target.value}, detail: {value},
bubbles: true, bubbles: true,
composed: true composed: true
}) })