selfhtml.de - Alles für den Webmaster!

 

Empfehlung:

wix.com

Kostenlose Homepage

Besuchen Sie auch:

Jobs:

Re: Tabelleninhalte ändern

Autor: Urwald
Datum: 19.06.2013 22:44:21

Habe deinen Rat befolgt und nachgelesen. Als Ergebnis kam der Versuch mit "getElementById" zu arbeiten
In dem Code habe ich es nur für den Artikel "Cola" realisiert

<!DOCTYPE html>

<html lang="de">
    <head>
        <meta charset="utf-8" />
<title>Warenbestand </title>
<link href="styles/default.css" rel="stylesheet" type="text/css" />
<style type="text/css">

body{font-family: Arial, serif; color: red; background-color: black;}

h1{margin:0px 0px 50px 0px;}
h2{margin:30px 0px 30px 0px;}

    
</style>

    </head>

<body>

<script type="text/javascript">

function Getraenk(preis, menge){
//Atributte

this.preis = preis;

this.menge = menge;

}

GetraenkeListe = new Array();

GetraenkeListe["Cola"]    =   new Getraenk(1.50, 300);
GetraenkeListe["Mojito"]  =   new Getraenk(2.50, 300);
GetraenkeListe["Becks"]   =   new Getraenk(2.50, 300);
GetraenkeListe["Gambrinus"]   =   new Getraenk(3.00, 300);

function Snack(preis, menge){
//Atributte

this.preis = preis;

this.menge = menge;

}

SnackListe = new Array();

SnackListe["Chips"]      =   new Snack(2.00, 150);
SnackListe["Erdnuesse"]    =   new Snack(2.00, 150);
SnackListe["Pistazien"]    =   new Snack(2.00, 150);
SnackListe["Brotchips"]    =   new Snack(2.00, 150);

</script>

<h1 align="center">Der Kopf tut weh, die Füße stinken = höchste Zeit ein Bier zu trinken!</h1>
<table align="center" border="1" cellpadding="15" cellspacing="10" >
<tr>
   <th colspan="15"> THEKE </th>
</tr>
<tr>
<th>Getraenk</th>
<th>Preis</th>
<th>Menge</th>
<th>=||=||=</th>
<th>Snack</th>
<th>Preis</th>
<th>Menge</th>
</tr>

<tr>
<td>CocaCola 0,33 Flasche</td>
<td><script>document.write(GetraenkeListe["Cola"].preis+" €")</script></td>
<td id="a1"><script>document.write(GetraenkeListe["Cola"].menge)</script></td>
<td>=||=||=</td>
<td>Chips 275Gr. Packung</td>
<td><script>document.write(SnackListe["Chips"].preis+" €")</script></td>
<td><script>document.write(SnackListe["Chips"].menge)</script></td>
</tr>
<tr>
<td>Mojito 0,33 Flasche</td>
<td><script>document.write(GetraenkeListe["Mojito"].preis+" €")</script></td>
<td><script>document.write(GetraenkeListe["Mojito"].menge)</script></td>
<td>=||=||=</td>
<td>Erdnuesse 200Gr. Packung</td>
<td><script>document.write(SnackListe["Erdnuesse"].preis+" €")</script></td>
<td><script>document.write(SnackListe["Erdnuesse"].menge)</script></td>
</tr>
<tr>
<td>Beck`s 0,33 Flasche</td>
<td><script>document.write(GetraenkeListe["Becks"].preis+" €")</script></td>
<td> <script>document.write(GetraenkeListe["Becks"].menge)</script></td>
<td>=||=||=</td>
<td>Pistazien 200Gr. Packung</td>
<td><script>document.write(SnackListe["Pistazien"].preis+" €")</script></td>
<td><script>document.write(SnackListe["Pistazien"].menge)</script></td>
</tr>
<tr>
<td>Gambrinus 0,5 Flasche</td>
<td><script>document.write(GetraenkeListe["Gambrinus"].preis+" €")</script></td>
<td><script>document.write(GetraenkeListe["Gambrinus"].menge)</script></td>
<td>=||=||=</td>
<td>Brotchips 200Gr. Packung</td>
<td><script>document.write(SnackListe["Brotchips"].preis+" €")</script></td>
<td><script>document.write(SnackListe["Brotchips"].menge)</script></td>
</tr>

</table>



<h2 align="center">Verkaufsbereich</h2>





<label for="name">Artikel:</label>
<input id="id1" type="text" value="">
<input type="button" value="EINGABE"
               onclick="speichern1()">
   <br>
   <br>
<script>
function speichern1(){
    a = document.getElementById("id1");
               alert(a.value);
}
</script>
  
  
  
    <label for="name">Menge:</label>
<input id="id2" type="number" value>
<input type="button" value="EINGABE"
               onclick="speichern2()">
   <br>
   <br>
   <script>
function speichern2(){
    b = document.getElementById("id2");
   alert(b.value);
   }
</script>
      

<script>
function verkaufen(){
  
   x = a.value;
switch(x){
case "cola":
c = GetraenkeListe["Cola"].preis*b.value;
alert(c + " Euro");
break;

case "mojito":
c = GetraenkeListe["Mojito"].preis*b.value;
alert(c + " Euro");
break;

case "becks":
c = GetraenkeListe["Becks"].preis*b.value;
alert(c + " Euro");
break;

case "gambrinus":
c = GetraenkeListe["Gambrinus"].preis*b.value;
alert(c + " Euro");
break;

case "chips":
c = SnackListe["Chips"].preis*b.value;
alert(c + " Euro");
break;

case "erdnuesse":
c = SnackListe["Erdnuesse"].preis*b.value;
alert(c + " Euro");
break;

case "pistazien":
c = SnackListe["Pistazien"].preis*b.value;
alert(c + " Euro");
break;

case "brotchips":
c = SnackListe["Brotchips"].preis*b.value;
alert(c + " Euro");
break;

default:
alert ("Pass auf was du eingibst!");
}
    
        }
</script>





<input type="button" value="BETRAG"
           onclick="verkaufen()">
   <br>
   <br>
  
   <script>
  
   function aktualisieren(){
  
   x = a.value;
      
  switch(x){
case "cola":
cola = GetraenkeListe["Cola"].menge - b.value;
document.getElementById("a1").innerHTML = cola;
alert("Bestand von Cola: " +cola+ " Stueck");
break;

case "mojito":
GetraenkeListe["Mojito"].menge = GetraenkeListe["Mojito"].menge - b.value;
alert("Bestand von Mojito: " +GetraenkeListe["Mojito"].menge+ " Stueck");
break;

case "becks":
GetraenkeListe["Becks"].menge = GetraenkeListe["Becks"].menge - b.value;
alert("Bestand von Becks: " +GetraenkeListe["Becks"].menge+ " Stueck");
break;

case "gambrinus":
GetraenkeListe["Gambrinus"].menge = GetraenkeListe["Gambrinus"].menge - b.value;
alert("Bestand von Gambrinus: " +GetraenkeListe["Gambrinus"].menge+ " Stueck");
break;

case "chips":
SnackListe["Chips"].menge = SnackListe["Chips"].menge - b.value;
alert("Bestand von Chips: " + SnackListe["Chips"].menge+ " Stueck");
break;

case "erdnuesse":
SnackListe["Erdnuesse"].menge = SnackListe["Erdnuesse"].menge - b.value;
alert("Bestand von Erdnuessen: " + SnackListe["Erdnuesse"].menge+ " Stueck");
break;

case "pistazien":
SnackListe["Pistazien"].menge = SnackListe["Pistazien"].menge - b.value;
alert("Bestand von Pistazien: " + SnackListe["Pistazien"].menge+ " Stueck");
break;

case "brotchips":
SnackListe["Brotchips"].menge = SnackListe["Brotchips"].menge - b.value;
alert("Bestand von Brotchips: " + SnackListe["Brotchips"].menge+ " Stueck");
break;

default:
alert ("Falsche Eingabe");
  
  }
        }

</script>

<input type="button" value="AKTUALISIEREN"
           onclick="aktualisieren()">

  
  
  

</body>
</html>

Leider musste ich feststellen, dass Wert nicht gespeichert wird - ich habe also IMMER 300 Stück.
Somit muss ich nicht nur den Wert in der Spalte überschreiben, sondern den Attributewert vom Objekt "Getraenk" verändern.
Jemand eine Idee?


Beiträge

Antwort schreiben

Username: Usernamen registrieren
Passwort: Passwort vergessen?
Thema:
  Bitte benutze für deinen Beitrag die Groß-/Kleinschreibung!
Beitrag:
Link (URL):
Titel für Link:
Grafik (URL):
  Die Breite der Grafik darf 468 Pixel nicht überschreiten.
 
E-Mail-Benachrichtigung:



Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag auch mehrmals im Forum.

Bewerten Sie Ihren Webhosting-Provider

Webhosting Provider bewerten und Apple iPad gewinnenWie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?

Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!

Weitere Informationen und Teilnahme...