Adventkalender mit JavaScript: Wie kann ich die Kästchen zufällig sortieren lassen nur freischalten, wenn der Tag in der Gegenwart/Vergangenheit ist?
Hallo, ich möchte aufgrund der Weihnachtszeit einen Adventkalender mit JavaScript machen, weiß aber nicht wie.
Wie kann ich die verschiedenen Kästchen zufällig sortieren lassen, sodass sie immer in einer anderen Reihenfolge sind und das gewählte Kästchen darf nur aufgehen, wenn der Tag in der Vergangenheit oder in der Gegenwart ist?
Auch wenn man das Kästchen einmal schon geöffnet hat, sollte man es danach noch einmal öffnen können.
Code bis jetzt:
function Advent(a) {
var x = 450; // Fensterbreite
var y = 300; // Fensterhöhe
var s = 1; // 1 = Scrollbar ein | 0 = Scrollbar aus
var f = 0; // 1 = Fenstergrösse änderbar
var c = 1; // 1 = Fenster in die Mitte des Bildschirms
var Datum = new Date();
var AdventsMonat = 12; // Monat zum testen ändern!
var Tag = Datum.getDate();
var Monat = Datum.getMonth() + 1;
if (AdventsMonat == Monat && a == Tag) {
alert("Ein weiterer Tag vergangen");
}
}
</script>
<table border="1" width="100" align="center">
<caption><b>Adventskalender</b></caption>
<tr>
<td><a href="javascript:Advent(1)">1</a></td>
<td><a href="javascript:Advent(2)">2</a></td>
<td><a href="javascript:Advent(3)">3</a></td>
<td><a href="javascript:Advent(4)">4</a></td>
</tr>
.......
2 Antworten
Das ist eine nicht sehr exotische Idee, daher gibt es unzählige Tutorials und Beispiele, auf die du zurückgreifen kannst:
das wirst du komplett anders lösen müssen .
wenn das ohne server so laufen soll dann musst du dir die tabelle auch mit javascript bauen .
also eine funktion die dir das random feld erzeugt , dazu ein array machen , wo du nicht wiederholend die zahlen 1 bis 24 zufällig reinpackst.
dann baust du mit diesem array deine tabelle .
die nächste funktion (die du dann auch in dem link in deiner tabelle mit einbauen musst) verwaltet dann den klick und prüft ob das datum in richtigen bereich ist .