Henkilökunnan joululahjat 2023 – Etätyön trendit ja vastuulliset ideat

{ background-color: #f5f5f5; cursor: not-allowed; } .laskuri-input-tr94::placeholder { color: #aaa; } /* Dynaamisten elementtien näkyvyys */ .oma-budjetti-rivi-yh94 { display: none !important; } .oma-budjetti-rivi-yh94 { display: flex !important; } /* Tulossivun animaatio */ .tulokset-osio-xc17 { display: block !important; animation: fadeInUp 0.6s ease forwards; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Saavutettavuuden lisäasetukset */ @media (prefers-reduced-motion: reduce) { .joululahjabudjettilaskuri-widget-container-xz74 * { transition: none !important; animation: none !important; } .tulokset-osio-xc17 { animation: none !important; } } /* Korkean kontrastin tila */ @media (prefers-contrast: more) { .joululahjabudjettilaskuri-widget-container-xz74 { background: white !important; color: black !important; } .joululahjabudjettilaskuri-widget-container-xz74 h2, .joululahjabudjettilaskuri-widget-container-xz74 h3 { color: black !important; } .laskuri-button-io36 { background: black !important; color: white !important; } .budjetti-tiedot-jl82 p:last-child { color: black !important; } .toimintakehotus-dq93 { background: black !important; color: white !important; } .kehotus-nappi-fd25 { background: white !important; color: black !important; border: 1px solid black !important; } } .nimi; const hintaluokka = document.getElementById(‘hintaluokka-pm67’).value; let budjettiPerHenkilo = 0; if (hintaluokka === ‘oma’) { budjettiPerHenkilo = parseFloat(document.getElementById(‘oma-budjetti-kp37’).value) || 0; } else { budjettiPerHenkilo = hintaluokat ; } const kokonaisbudjetti = henkilomaara * budjettiPerHenkilo; // Päivitä tuloskenttä document.getElementById(‘tulos-henkilomaara-tz73’).textContent = henkilomaara; document.getElementById(‘tulos-lahjatyyppi-pq41’).textContent = lahjatyyppiNimi; document.getElementById(‘tulos-per-henkilo-nb62’).textContent = budjettiPerHenkilo.toFixed(2); document.getElementById(‘tulos-kokonais-wu21’).textContent = kokonaisbudjetti.toFixed(2); // Näytä lahjaesimerkit naytaLahjaesimerkit(lahjatyyppi, hintaluokka); // Näytä budjetti vinkit naytaBudjettivinkit(); // Näytä tulososio document.querySelector(‘.tulokset-osio-xc17’).style.display = ‘block’; } // Lahjaesimerkkien näyttäminen function naytaLahjaesimerkit(lahjatyyppi, hintaluokka) { const esimerkkiKontaineri = document.getElementById(‘lahjaesimerkit-lista-vp34’); const valittuHintaluokka = hintaluokka === ‘oma’ ? ‘keskitaso’ : hintaluokka; esimerkkiKontaineri.innerHTML = ”; const esimerkit = lahjatyypit ; if (esimerkit && esimerkit.length) { const esimerkkiLista = document.createElement(‘ul’); esimerkkiLista.className = ‘esimerkit-lista-ld53’; esimerkit.forEach(esimerkki => { const listaItem = document.createElement(‘li’); listaItem.textContent = esimerkki; esimerkkiLista.appendChild(listaItem); }); esimerkkiKontaineri.appendChild(esimerkkiLista); } else { esimerkkiKontaineri.textContent = ‘Ei esimerkkejä saatavilla tälle yhdistelmälle.’; } } // Budjetti vinkkien näyttäminen function naytaBudjettivinkit() { const vinkkiKontaineri = document.getElementById(‘budjettivinkki-lista-bm67’); vinkkiKontaineri.innerHTML = ”; // Valitse satunnaiset 5 vinkkiä const valitutVinkit = []; const kopio = […budjettivinkit]; for (let i = 0; i < Math.min(5, kopio.length); i++) { const satunnaisIndeksi = Math.floor(Math.random() * kopio.length); valitutVinkit.push(kopio ); kopio.splice(satunnaisIndeksi, 1); } valitutVinkit.forEach(vinkki => { const listaItem = document.createElement(‘li’); listaItem.textContent = vinkki; vinkkiKontaineri.appendChild(listaItem); }); }