Padel-Tournaments-System/frontend/_main page/pojedynczy_turniej/app.js
Arek 5ce2883a53 feat: Selecting one Tournament
Now you can choose one tournament from tournaments calendar
2022-06-14 08:46:41 +02:00

63 lines
1.7 KiB
JavaScript

let tourId = localStorage.getItem("myElement")
async function showTournaments() {
let url = 'https://dragonmaster.pl/inz/tournaments';
try {
let res = await fetch(url);
return await res.json();
} catch (error) {
console.log(error);
}
}
// async function renderTournaments() {
// let tournaments = await showTournaments();
// let html = '';
// tournaments[1]; (tournament => {
// let htmlSegment = `<h1>${tournament.id}</h2>`;
// html += htmlSegment;
// });
// let container = document.querySelector('.form');
// container.innerHTML = html;
// }
async function renderTournaments() {
let tournaments = await showTournaments();
let html = '';
tournaments.forEach(tournament => {
if (`${tournament.id}` == localStorage.getItem("tournamentId")) {
let htmlSegment = `
<h1> ${tournament.name}</h1>
<h2>${tournament.places}</h2>
<h3 class="descriptor">Wpisowe:</h3>
${tournament.entryFee}
<h3 class="descriptor">Ranga:</h3>
${tournament.rang}
<h3 class="descriptor">Kategorie:</h3>
${tournament.categotry}
<h3 class="descriptor">Zapisy do:</h3>
${tournament.to}
<h3 class="descriptor">Czy rankingowy:</h3>
${tournament.rang}
<h3 class="descriptor">Dyrektor turnieju:</h3>
${tournament.director}
<h3 class="descriptor">Dodatkowe informacje</h3>
${tournament.additionalInformations}
`;
html += htmlSegment;
}
});
let container = document.querySelector('.form');
container.innerHTML = html;
}