Files
JS/01_grundlagen/uebungen/u10_bezeichner-verbessern.html
Philippe Torrel 86041b24e8
2026-09-10 10:44:58 +02:00

161 lines
5.2 KiB
HTML

<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Übung 10: Bezeichner verbessern</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<main>
<div class="container py-5">
<div class="alert alert-primary">
<h2>Übung 10: Bezeichner verbessern</h2>
<p>
Welche Variablenbezeichner aus der folgenden Liste bereiten Probleme oder sollten vermieden werden und
warum? Vermerke das jeweilige Problem bei den nicht sinnvollen Bezeichnern. Gib (falls nötig) jeweils
mindestens einen Verbesserungsvorschlag an.
</p>
</div>
<table class="table table-striped my-3">
<thead class="table-dark">
<tr>
<th>Bezeichner</th>
<th>Bedeutung</th>
<th>Problem</th>
<th>Vorschläge</th>
</tr>
</thead>
<tbody>
<tr>
<td>bildNr</td>
<td>Inhalt</td>
<td>-</td>
<td>imageNr, imageNumber</td>
</tr>
<tr>
<td>bildid</td>
<td>Inhalt</td>
<td>kein lowerCamelCase</td>
<td>bildId, imageId</td>
</tr>
<tr>
<td>bildZähler</td>
<td>Anzahl der hochgeladenen Bilder</td>
<td>keine Umlaute</td>
<td>imgUploadedCounter, bildZaehler, imageCounter</td>
</tr>
<tr>
<td>zahlerFuerDie AktuelleZeileIn DerTabelleDie DieBenutzer Auflistet</td>
<td>Zähler für die aktuelle Zeile, in der Tabelle, die die Benutzer auflistet.</td>
<td>keine Sonderzeichnen und zu lang</td>
<td>currentRowUserCounter</td>
</tr>
<tr>
<td>urenKelvornAme</td>
<td>Vorname des Sohns eines Enkels</td>
<td>falsche lowerCamelCase Worttrennung</td>
<td>urenkelVorname, greatGrandson</td>
</tr>
<tr>
<td>x</td>
<td>Geburtsdatum</td>
<td>nicht aussagekräftig</td>
<td>birthdate, dateOfBirth</td>
</tr>
<tr>
<td>y</td>
<td>Nummer der aktuellen Seite</td>
<td>nicht aussagekräftig</td>
<td>pageNumber</td>
</tr>
<tr>
<td>d</td>
<td>Dateiname</td>
<td>nicht aussagekräftig</td>
<td>fileName, filename</td>
</tr>
<tr>
<td>faqUeberschrift</td>
<td>Überschrift der Liste häufig gestellter Fragen</td>
<td>-</td>
<td>faqHeadline</td>
</tr>
<tr>
<td>menHoeh</td>
<td>Höhe eines Menüs</td>
<td>keine gültige Abkürzung</td>
<td>menuHeight, navHeight</td>
</tr>
<tr>
<td>strName</td>
<td>Straßenname</td>
<td>-</td>
<td>streetName</td>
</tr>
<tr>
<td>wanf</td>
<td>Wandfarbe</td>
<td>-</td>
<td>wallPaint, <strong>wallColor</strong> colorOfWall</td>
</tr>
<tr>
<td>PoStLeiTZaHl</td>
<td>Postleitzahl</td>
<td>falsches CamelCase</td>
<td>zipCode</td>
</tr>
<tr>
<td>PLZ</td>
<td>Postleitzahl</td>
<td>nicht uppercase (Verwechslung mit Konfigurationsvariable)</td>
<td>zipCode</td>
</tr>
<tr>
<td>plz</td>
<td>Postleitzahl</td>
<td>-</td>
<td>zipCode</td>
</tr>
<tr>
<td>2.frage</td>
<td>Die 2. Frage</td>
<td>syntaxfehler</td>
<td>secondQuestion, questionTwo, question2</td>
</tr>
<tr>
<td>anzahl?</td>
<td>Die vom Benutzer eingegebene Anzahl von Produktexemplaren, die er kaufen möchte.</td>
<td>syntaxfehler</td>
<td>articleCount, articleAmount, productAmount</td>
</tr>
<tr>
<td>wichtige Meldung!</td>
<td>Die Variable enthält den Text einer wichtigen Systemmeldung.</td>
<td>syntaxfehler</td>
<td>importMessage, importantSystemMessage, alertMessage</td>
</tr>
<tr>
<td>pi</td>
<td>Die Zahl π (3.14…)</td>
<td>Konfigurationsvariable</td>
<td>Math.PI, PI</td>
</tr>
</tbody>
</table>
</div>
</main>
<script>
'use strict';
</script>
</body>
</html>