Hallo,
ich habe vor, eine Benutzerverwaltungssoftware zu programmieren. Jedoch bin ich auf ein Problem gestoßen.
Bei der unteren Artikelnummer kann man eine Art Schlüssel eingeben, welcher aber nicht gleich wie die Artikelnummer sein muss.
z.b. so..
Wenn man dann auf Suchen klickt und die Artikelnummer 01 eingibt, sollte es mir alles ausgeben. Das heißt, die Artikelnummer, Beschreibung, den Lagerplatz, usw..
Das habe ich bis jetzt alles:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Alle Artikel</title>
</head>
<body>
<table>
<thead>
<tr>
<td>Artikel Nr.</td>
<td>Beschreibung</td>
<td>Lagerplatz</td>
<td>Bestand</td>
<td>Preis</td>
</tr>
</thead>
<tbody>
<tr>
<th>
<input id="Artikel" value="" type="text" />
</th>
<th>
<input id="Beschreibung" value="" type="text" />
</th>
<th>
<input id="Lagerplatz" value="" type="text" />
</th>
<th>
<input id="Bestand" value="" type="text" />
</th>
<th>
<input id="Preis" value="" type="text" />
</th>
</tr>
</tbody>
</table>
Artikel Nr.: <input id="Schlüssel" value="" type="text" />
<input type="button" value="speichern" onclick="speichern()" />
<input type="button" value="Artikel suchen" onclick="suche()" />
</body>
</html>
<script>
function speichern() {
var Schlüssel = document.getElementById('Schlüssel').value;
var Artikel = document.getElementById('Artikel').value;
var Beschreibung = document.getElementById('Beschreibung').value;
var Lagerplatz = document.getElementById('Lagerplatz').value;
var Bestand = document.getElementById('Bestand').value;
var Preis = document.getElementById('Preis').value;
window.localStorage.setItem(Schlüssel, Artikel, Beschreibung, Lagerplatz, Bestand, Preis);
}
function suche() {
var Schlüssel = document.getElementById('Schlüssel').value;
document.getElementById('Artikel').value = window.localStorage.getItem(Schlüssel);
}
</script>
Ich danke für eure Hilfe.
Gruß
Der Werkstattmeister hat die Nummer gewollt.