Button zuweisen

[OlliK]

Grüße,

Ich habe zwei Button. Wenn man auf irgend einen Button klickt, erscheint Bitte warten. Problem ist, wenn ich auf dem 2. Button klickt, er scheint auf den 1. Button Bitte Warten. Ich weis leider nicht, wie man in JavaScript die Button zuordnet, so daß beim 2. Button Bitte warten erscheint.
Hier mein aktueller Code:

 

[tk1234]

Code bitte nicht als Bild posten sondern als Text!

Problem ist, wenn ich auf dem 2. Button klickt, er scheint auf den 1. Button Bitte Warten. Ich weis leider nicht, wie man in JavaScript die Button zuordnet, so daß beim 2. Button Bitte warten erscheint.

Du übergibst zwar den angeklickten Button an die Funktion und hast ihn dann innerhalb dieser in der Variablen buttonClicked zur Verfügung - diese Variable benutzt du aber garnicht … Nutze sie statt element und es ändert sich der angeklickte Button.

Dein Code hat aber noch weitere Problem: eine ID darf in einem Dokument nur genau einmal vorkommen, die Buttons dürfen also nicht die gleiche ID haben. Zudem gehört Javascript nicht in den Code sondern in externe Dateien ausgelagert (Events lassen sich dann mit addEventListener registrieren) und die Buttons wären gerne richtige <button>s (mit einem type=button da wohl kein Formular abgeschickt wird?).

 

[OlliK]

 <button onclick="myFunction(event)"
               type="submit"
               name="_Suche"
               id="btn"
               class="buttons">Aufgabe suchen
 </button>
 <input onclick="myFunction(event)"
            type="submit"
            name="_Suche"
            id="btn"
            class="buttons"
            value="Aufgabe suchen">

function myFunction(event)
{
  if (event.target.value === "ADD")
  {
      event.target.value = "Bitte Warten";
  }
  else
    {
      event.target.value = "Bitte Warten";
    }
}

Mit mehreren <Input> funktioniert es jetzt. Aber bei <button> passiert da nix.

 

[tk1234]

Mit mehreren <Input> funktioniert es jetzt. Aber bei <button> passiert da nix.

Bei <button> steckt die Beschriftung nicht in .value sondern in .textContent (oder .innerHTML wenn noch weitere Elemente enthalten sind). IDs müssen aber immer noch eindeutig sein …

 

[OlliK]

Cool - funktioniert wie gewollt - Prima und Danke .