|
|
|
let fields = [
|
|
|
|
// 'MARTINAA/JAAAAA??!!',
|
|
|
|
// '"Du bist doch auch so einer, der ..."',
|
|
|
|
// 'Brain-AFK',
|
|
|
|
// 'Rant über Kollegen',
|
|
|
|
// 'Redet in StammTV rein',
|
|
|
|
// 'Häää?',
|
|
|
|
// 'Bin mal kurz mitem Hund',
|
|
|
|
// '*schnupft*',
|
|
|
|
// 'Habt ihr des neue ... schon gesehen?',
|
|
|
|
// 'Random Nonsense-Problem',
|
|
|
|
// 'Auf Ausbildung freuen',
|
|
|
|
// 'Erzählt von Hinz und Kunz',
|
|
|
|
// 'Was heißt eigentlich ...?',
|
|
|
|
// 'Wiederholung',
|
|
|
|
// 'Story geht länger als nötig',
|
|
|
|
// 'Labert direkt los',
|
|
|
|
// 'Haljo',
|
|
|
|
// 'Klicken im Mikro',
|
|
|
|
// 'Schlafen',
|
|
|
|
// 'Akustik',
|
|
|
|
// 'Spielt LoL',
|
|
|
|
// 'Tamme Story',
|
|
|
|
// 'Ich kam heut morgen auf Arbeit...',
|
|
|
|
// 'Crypto / Fiat / Inflation ...'
|
|
|
|
'Krokodil',
|
|
|
|
'Blut zu sehen',
|
|
|
|
'„Ich kämpfe“',
|
|
|
|
'„Ich kann nicht mehr“',
|
|
|
|
'jemand trinkt unsauberes Wasser',
|
|
|
|
'jemand schneidet von einem lebenden Baum was ab',
|
|
|
|
'Knossi raucht',
|
|
|
|
'nackt',
|
|
|
|
'jemand isst eine Kokosnuss',
|
|
|
|
'stufenlos verstellbare Knoten',
|
|
|
|
'“ich frag mich wie es den anderen so geht“',
|
|
|
|
'Kleidung ist feucht/nass',
|
|
|
|
'Joris verwirft seinen Tagesplan',
|
|
|
|
'Sasha flext für die Kamera',
|
|
|
|
'„Bist du deppert?“',
|
|
|
|
'Sonnenbrand',
|
|
|
|
'7 in the wild',
|
|
|
|
'Aus Plastik Müll wird was gebaut',
|
|
|
|
'Es wird geschrien',
|
|
|
|
'es wird gesungen',
|
|
|
|
'„ mir ist kalt“',
|
|
|
|
'Dinge bekommen Namen',
|
|
|
|
'„das ist auf einem anderen Level"',
|
|
|
|
'kleine Krebse',
|
|
|
|
|
|
|
|
];
|
|
|
|
|
|
|
|
let shuffled = fields
|
|
|
|
.map(value => ({ value, sort: Math.random() }))
|
|
|
|
.sort((a, b) => a.sort - b.sort)
|
|
|
|
.map(({ value }) => value)
|
|
|
|
|
|
|
|
shuffled.splice(12, 0, "Freies Parken");
|
|
|
|
|
|
|
|
function generateTable() {
|
|
|
|
let table = document.querySelector("table");
|
|
|
|
let thead = table.createTHead();
|
|
|
|
let row = null;//thead.insertRow();
|
|
|
|
shuffled.forEach(function(field, index) {
|
|
|
|
if (index % 5 == 0){
|
|
|
|
row = thead.insertRow();
|
|
|
|
}
|
|
|
|
let cell = row.insertCell();
|
|
|
|
|
|
|
|
let text = document.createTextNode(field);
|
|
|
|
cell.appendChild(text);
|
|
|
|
});
|
|
|
|
|
|
|
|
table.addEventListener('click', (ev) => {
|
|
|
|
if (ev.target.tagName.toLowerCase() == "td" ) {
|
|
|
|
let cell = ev.target;
|
|
|
|
if (cell.style.borderColor == "green") {
|
|
|
|
cell.style.borderColor = "black";
|
|
|
|
cell.style.backgroundColor = "white";
|
|
|
|
} else {
|
|
|
|
cell.style.borderColor = "green";
|
|
|
|
cell.style.backgroundColor = "green";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
generateTable();
|
|
|
|
|