Würfel, Spielhilfen & Merch
Sortierung
Filter
Preis
€
―
€
"use strict";
var keypressSlider = document.querySelector(".slider-keypress");
var input0 = document.querySelector(".input-with-keypress-0");
var input1 = document.querySelector(".input-with-keypress-1");
var inputs = [input0, input1];
noUiSlider.create(keypressSlider, {
start: [5, 85.5],
connect: true,
range: {
min: [5],
max: [85.5]
}
});
keypressSlider.noUiSlider.on("update", function(values, handle) {
inputs[handle].value = values[handle];
function setSliderHandle(i, value) {
var r = [null, null];
r[i] = value;
keypressSlider.noUiSlider.set(r);
}
inputs.forEach(function(input, handle) {
input.addEventListener("change", function() {
setSliderHandle(handle, this.value);
});
input.addEventListener("keydown", function(e) {
var values = keypressSlider.noUiSlider.get();
var value = Number(values[handle]);
var steps = keypressSlider.noUiSlider.steps();
var step = steps[handle];
var position;
switch (e.which) {
case 13: setSliderHandle(handle, this.value); break;
case 38: position = step[1]; if (position === false) { position = 1; } if (position !== null) {setSliderHandle(handle, value + position); } break;
case 40: position = step[0]; if (position === false) { position = 1; } if (position !== null) { setSliderHandle(handle, value - position); } break;
}
});
});
});
Verfügbarkeit
Hersteller
Spielsysteme & Marken
Spielerzahl
Spieldauer
Komplexität
Spielart
Glück / Taktik
Altersempfehlung
Kategorien
Kategorien
- Dungeons & Dragons The Witchlight Carnival Dice and Miscellany Set31,00 EUR ** inkl. MwSt. zzgl. Versand
- Chessex Reversible Megamat Black-Grey 1” (2,54cm) Hexes - Mat Size 34½" (88cm) × 48" (122cm)44,75 EUR ** inkl. MwSt. zzgl. Versand
- Chessex Reversible Megamat Blue-Green 1” (2,54cm) Hexes - Mat Size 34½" (88cm) × 48" (122cm)44,75 EUR ** inkl. MwSt. zzgl. Versand
- Chessex Reversible Megamat Black-Grey 1” (2,54cm) Squares - Mat Size 34½" (88cm) × 48" (122cm)44,75 EUR ** inkl. MwSt. zzgl. Versand
- Chessex Reversible Megamat Blue-Green 1” (2,54cm) Squares - Mat Size 34½" (88cm) × 48" (122cm)44,75 EUR ** inkl. MwSt. zzgl. Versand
- Chessex Reversible Battlemat Black-Grey 1” (2,54cm) Hexes - Mat Size 23½" (60cm) × 26" (66cm)30,00 EUR ** inkl. MwSt. zzgl. Versand
- Chessex Reversible Battlemat Black-Grey 1” (2,54cm) Squares - Mat Size 23½" (60cm) × 26" (66cm)30,00 EUR ** inkl. MwSt. zzgl. Versand
- Chessex Reversible Battlemat Blue-Green 1” (2,54cm) Hexes - Mat Size 23½" (60cm) × 26" (66cm)30,00 EUR ** inkl. MwSt. zzgl. Versand
- Chessex Reversible Battlemat Blue-Green 1” (2,54cm) Squares - Mat Size 23½" (60cm) × 26" (66cm)30,00 EUR ** inkl. MwSt. zzgl. Versand
- Chessex Reversible Battlemat 1,5” (3,8cm) Squares & Hexes - Mat Size 23½" (60cm) × 26" (66cm)28,25 EUR ** inkl. MwSt. zzgl. Versand
- Chessex Reversible Megamat 1,5” (3,8cm) Squares & Hexes - Mat Size 34½" (88cm) × 48" (122cm)44,75 EUR ** inkl. MwSt. zzgl. Versand
- Dungeons & Dragons Icewind Dale Rime of the Frostmaiden Dice and Miscellany Set31,50 EUR ** inkl. MwSt. zzgl. Versand
Preis
€
―
€
"use strict";
var keypressSlider = document.querySelector(".slider-keypress");
var input0 = document.querySelector(".input-with-keypress-0");
var input1 = document.querySelector(".input-with-keypress-1");
var inputs = [input0, input1];
noUiSlider.create(keypressSlider, {
start: [5, 85.5],
connect: true,
range: {
min: [5],
max: [85.5]
}
});
keypressSlider.noUiSlider.on("update", function(values, handle) {
inputs[handle].value = values[handle];
function setSliderHandle(i, value) {
var r = [null, null];
r[i] = value;
keypressSlider.noUiSlider.set(r);
}
inputs.forEach(function(input, handle) {
input.addEventListener("change", function() {
setSliderHandle(handle, this.value);
});
input.addEventListener("keydown", function(e) {
var values = keypressSlider.noUiSlider.get();
var value = Number(values[handle]);
var steps = keypressSlider.noUiSlider.steps();
var step = steps[handle];
var position;
switch (e.which) {
case 13: setSliderHandle(handle, this.value); break;
case 38: position = step[1]; if (position === false) { position = 1; } if (position !== null) {setSliderHandle(handle, value + position); } break;
case 40: position = step[0]; if (position === false) { position = 1; } if (position !== null) { setSliderHandle(handle, value - position); } break;
}
});
});
});