28 lines
841 B
JavaScript
28 lines
841 B
JavaScript
// Frage-Seite: Ja/Nein-Interaktion
|
|
// Der Nein-Button schrumpft und der Ja-Button wächst bei jedem Klick auf "Nein".
|
|
|
|
(function () {
|
|
const yesBtn = document.getElementById("yesBtn");
|
|
const noBtn = document.getElementById("noBtn");
|
|
|
|
const SHRINK_FACTOR = 0.66;
|
|
const GROW_FACTOR = 1.33;
|
|
const MIN_NO_SCALE = 0.12; // bleibt minimal antippbar
|
|
const MAX_YES_SCALE = 3.2; // wird nicht größer als der Bildschirm
|
|
|
|
let noScale = 1;
|
|
let yesScale = 1;
|
|
|
|
noBtn.addEventListener("click", () => {
|
|
noScale = Math.max(MIN_NO_SCALE, noScale * SHRINK_FACTOR);
|
|
yesScale = Math.min(MAX_YES_SCALE, yesScale * GROW_FACTOR);
|
|
|
|
noBtn.style.transform = `scale(${noScale})`;
|
|
yesBtn.style.transform = `scale(${yesScale})`;
|
|
});
|
|
|
|
yesBtn.addEventListener("click", () => {
|
|
window.location.href = "activity.html";
|
|
});
|
|
})();
|