Tulis/Kalendarz_PSI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

README.md

Browse Source
This commit is contained in:
Tulis_Dwa 2025-03-12 21:04:56 +00:00
parent f4d4ff1bcb
commit a329cf68ea
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -5,7 +5,7 @@
Bardzo proszę o wejście na stronę **index.html** w przeglądarce z włączonym JavaScriptem. Stworzyłem generator kalendarza, który umożliwia jego dostosowanie oraz łatwe drukowanie. Bardzo proszę o wejście na stronę **index.html** w przeglądarce z włączonym JavaScriptem. Stworzyłem generator kalendarza, który umożliwia jego dostosowanie oraz łatwe drukowanie.
Projekt został w całości napisany przeze mnie, a kod jest dostępny do wglądu. Projekt został w całości napisany przeze mnie, dostępny w tym folderze :) oraz [tutaj](https://git.tulisiowice.top/Tulis/Kalendarz_PSI)
Zachęcam do zabawy dostępnymi parametrami i testowania funkcji! Zachęcam do zabawy dostępnymi parametrami i testowania funkcji!

9
index.html
View File

@ -133,6 +133,9 @@
<input style="width: 150px !important;" type="range" min="1" max="5" step="1" value="4" id="iloscKolumn" oninput="aktualizacjaWartosci()"> <input style="width: 150px !important;" type="range" min="1" max="5" step="1" value="4" id="iloscKolumn" oninput="aktualizacjaWartosci()">
Ustaw wielkość (mnożnik): <span id="mnoznik">100%</span> Ustaw wielkość (mnożnik): <span id="mnoznik">100%</span>
<input style="width: 150px !important;" type="range" min="1" max="100" step="0" value="100" id="mnoznikInput" oninput="aktualizacjaWartosci()"> <input style="width: 150px !important;" type="range" min="1" max="100" step="0" value="100" id="mnoznikInput" oninput="aktualizacjaWartosci()">
Ustaw rok:
<input type="number" min="1900" max="2100" step="1" value="2025" id="year" placeholder="Podaj rok">
</div> </div>
<div> <div>
@ -158,6 +161,7 @@
var wierszy = 0; var wierszy = 0;
var collumns = 4; var collumns = 4;
var mnoznik = 100; var mnoznik = 100;
var year = document.getElementById("year").value;
const miesiaceList = document.getElementById("miesiaceList"); const miesiaceList = document.getElementById("miesiaceList");
const nazwyMisiacow = ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"] const nazwyMisiacow = ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"]
@ -188,6 +192,7 @@
} }
function aktualizacjaKalendarza() { function aktualizacjaKalendarza() {
year = document.getElementById("year").value;
document.documentElement.style.setProperty("--mnoznik", (mnoznik / 100).toString()); document.documentElement.style.setProperty("--mnoznik", (mnoznik / 100).toString());
for(let i = 0; i<wierszy +1; i++) { for(let i = 0; i<wierszy +1; i++) {
@ -204,7 +209,7 @@
let checkbox = document.getElementById(i); let checkbox = document.getElementById(i);
if(checkbox.checked) { if(checkbox.checked) {
if(stanMiesiacow[i] == true) { if(stanMiesiacow[i] == true) {
dodajDoKalendarza(2025, parseInt(i.replace(/\D/g, ''), 10)+1); dodajDoKalendarza(year, parseInt(i.replace(/\D/g, ''), 10)+1);
} }
} }
} }
@ -328,7 +333,7 @@
dodajWiersz() dodajWiersz()
for(var i = 1; i<13; i++) { for(var i = 1; i<13; i++) {
dodajDoKalendarza(2025, i); dodajDoKalendarza(year, i);
} }
</script> </script>
</body> </body>