Bei App programmieren funktionsfähigen Button einfügen?

Hallo, ich bin gerade dabei eine kleine App zu programmieren (bin noch Anfängerin).

Das Layout usw. habe ich alles fertig und nun hänge ich an dem Problem einen funktionsfähigen Button einzufügen.

Ich habe einen "Start" Button als Bild eingefügt und mein Ziel ist nun, dass weiter unten ein Satz auftaucht sobald man auf den Button tippt.

Außerdem wäre mein Ziel ebenfalls, dass bei jeder neuen Berührung des Buttons ein neuer Satz erscheint.

Ich habe schon viele Möglichkeiten aus Youtube ausprobiert aber es hat nix funktioniert:(

Ich habe auch schon überlegt ob man das Problem mit If, then, else lösen kann, aber da bin ich mir auch nicht sicher.

Ich arbeite mit html, CSS, Java, (Visual Studio Code)

Ich würde mich über Hilfe sehr freuen:)

Danke im Voraus!

Answer 1

[BorisG2011]

Hat der Button bereits einen ActionListener? Der ACtionListener muss bereitgestellt werden und er muss in der Methode actionPerformed die gewünschte Aktion auslösen.

Woher ich das weiß: Berufserfahrung – Berufstätigkeit als Software-Entwickler

Answer 2

[Destranix]

Ich arbeite mit html, CSS, Java, (Visual Studio Code)

Du meinst vermutlich JavaScript, nicht Java, oder?

An sich ist es recht einfach. Du erstellst dir einen Listener für den Button. In diesem greifst du auf das DOM (holst dir beispielsweise ein Element über dessen ID) und fügst dort Text hinzu (erstellst beispielsweise eine TextNode und fügst diese dem vorher geholtem Element hinzu).

Das könnte etwa so aussehen:

HTML:

<button id="my_button">Test</button>
...
<div id="my_div">
</div>
...

JavaScript:

function my_button_clicked(){
    //Das Div aus dem DOM holen
    let my_div = document.getElementById("my_div");

    //Einen neuen Text erstellen
    let new_text = document.createTextNode("abcd");
    
    //Den neuen Text dem Div hinzufügen
    my_div.appendChild(new_text);
}

function init(){
    //Den Button aus dem DOM holen
    let my_button = document.getElementById("my_button");

    //Einen Eventlistener für den Button registrieren, der bei Klick auslöst
    my_button.addEventListener("click", my_button_clicked);
}

//Warten, bis das Dokument geladen ist, dann initialisieren
document.addEventListener("DOMContentLoaded", init);

Comments

[Dultus, UserMod Light]

Du meinst vermutlich JavaScript, nicht Java, oder?

Da Java kein let Keyword hat, würde ich das auch vermuten. :p

[Destranix]

@Dultus, UserMod Light

Meine Antwort entstand vor der Ergänzung.

Answer 3

[SystemFailed]

Ich weiss nicht genau mit was du programmiert aber es wäre eig nicht mit if () {} oder so sondern sowas in Richtung OnButtonPress()