[JS] Auf Knopfdruck Text ändern?

Also ich möchte das wenn man auf einen Knopf drückt,

der <a> Tag zu 2 verändert wird.

So sieht es aus:

<a>1</a>

Nach dem Knopfdruck:
<a>2</a>

Wenn man dann wieder auf den Knopf drückt, soll es wieder zu <a>1</a> werden.

Answer 1

[Julian5653001]

Also, ich kenne mich eigentlich nicht in JS aus, doch normalerweise sollte man einen String als Text anzeigen lassen, und wenn der Knopf gedrückt wird, den String verändern, wenn das geht.

Answer 2

[Chris69420]

JS:

function toggle() {

  var a = document.getElementById("a");

  if (a.innerHTML === "1") {

   a.innerHTML = "2";

 } else {

   a.innerHTML = "1";

  }

}

HTML:

<a id="a">1</a>

<button onclick="toggle()">Click Me</button>

Woher ich das weiß: eigene Erfahrung

Comments

[Noxxxxxxxx]

Kann man sowas auch per Cookie abspeichern? Also das wenn es auf 2 steht und man die Seite neu lädt, das es so bleibt?

[PWolff]

@Noxxxxxxxx

Ja. Man kann das Cookie einer Seite per JavaScript ändern. Anleitungen sind leicht im Internet zu finden.

Schwieriger ist, das Cookie zu "parsen". Aber auch dazu gibt es Anleitungen und Tutorials.

[Noxxxxxxxx]

@PWolff

Kannst du mir vllt ein Tutorial verlinken?

[PWolff]

@Noxxxxxxxx

Wenn du Englisch verstehst, empfehle ich W3Schools: https://www.w3schools.com/js/js_cookies.asp

[Noxxxxxxxx]

@PWolff

Ok, ich verstehe nicht ganz wie das mit

document.cookie = "";

machen kann

[PWolff]

@Noxxxxxxxx

Zwischen die Anführungszeichen gehört noch

[name]=[wert]