Jordi/FH
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

technically right but ugly

Browse Source
This commit is contained in:
Jordi
2025-02-05 13:10:44 +01:00
parent c0cf1f4177
commit cdba13032a
3 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
WS24_25/WebTech/web-pruefung-projekt/aufgabe6/app.js
View File

@@ -12,11 +12,14 @@ app.use(express.static("public"));
router.get("/", function(req,res){ router.get("/", function(req,res){
const param = url.parse(req.url, true).query; const param = url.parse(req.url, true).query;
var current = Number(param.num) || 0; var current = Number(param.num) || 0;
var beschreibung = param.beschreibung || data.holeStartBild().beschreibung;
var img = param.img || data.holeStartBild().dateiname;
res.render("home",{ res.render("home",{
current: current, current: current,
next: data.vor(current), beschreibung: beschreibung,
prev: data.zurueck(current), img: img,
bild : data.holeStartBild(current), vor: data.vor,
zurueck: data.zurueck
}); });
}); });
app.use(router); app.use(router);

9
WS24_25/WebTech/web-pruefung-projekt/aufgabe6/models/bilder.js
View File

@@ -19,7 +19,8 @@ const bilder = [
]; ];
function holeStartBild(num){ function holeStartBild(num){
return bilder[num]; bilder[0].num = 0;
return bilder[0];
} }
function vor(current){ function vor(current){
@@ -27,7 +28,8 @@ function vor(current){
if(next >= bilder.length){ if(next >= bilder.length){
next = 0; next = 0;
} }
return next; bilder[next].num = next;
return bilder[next];
} }
function zurueck(current){ function zurueck(current){
@@ -35,7 +37,8 @@ function zurueck(current){
if(prev < 0){ if(prev < 0){
prev = bilder.length - 1; prev = bilder.length - 1;
} }
return prev; bilder[prev].num = prev;
return bilder[prev];
} }
// Hier den Code ergaenzen! // Hier den Code ergaenzen!
module.exports.bilder = bilder; module.exports.bilder = bilder;

8
WS24_25/WebTech/web-pruefung-projekt/aufgabe6/views/home.ejs
View File

@@ -19,12 +19,12 @@
<body> <body>
<!-- Hier den Code ergaenzen --> <!-- Hier den Code ergaenzen -->
<figure> <figure>
<figcaption><%= bild.beschreibung %></figcaption> <figcaption><%= beschreibung %></figcaption>
<img src="<%= `img/${bild.dateiname}` %>"> <img src="<%= `img/${img}` %>">
</figure> </figure>
<a href="/?num=<%= prev %>">Zurück</a> | <a href="<%= `/?img=${ zurueck(current).dateiname}&num=${zurueck(current).num}& beschreibung=${zurueck(current).beschreibung}` %>">Zurück</a>
<a href="/?num=<%= next %>">Vor</a> <a href="<%= `/?img=${ vor(current).dateiname}&num=${vor(current).num}& beschreibung=${vor(current).beschreibung}` %>">Vor</a>
</body> </body>
</html> </html>