✔ replace() funktioniert nicht ganz

[sebdev]

Hallo zusammen habe ein Script geschrieben das einen text aus dem input feld formatiert in ein anderes inputfeld einfügt,
mein Problem ist wenn ich Mein erster Test eingebe kommt das heraus : Mein-erster Test
Ich möchte gerne das jedes leerzeichen gegen ein minus ersetzt werden soll
Kann mir einer helfen?

function pruf(str) {
  for (var i = 0; i < str.length; i++) {
    text = str.replace(" ", "-");
    document.getElementById("test").value = text;
  }
}

<form>
  <label for="">Dein Titel</label><br><br>
<input type="text" name="" value="" id="text123" oninput="pruf(this.value);"><br><br><br>
  <label for="">Deine Url zum Artikel</label><br><br>
<input type="text" name="" value="" id="test" oninput="pruf(this.value);"><br>
</form>

 

[Sempervivum]

Sollte gehen mit regex und dem Modifier "g":

text = str.replace(/ /g, "-");

 

[sebdev]

Vielen Dank Kenne ich dich nicht aus dem html-seminar.de forum?https://www.tutorials.de/members/sempervivum.274250/

 

[Sempervivum]

Ja, da war ich auch aktiv bis vor einiger Zeit.

 

[sebdev]

hatte deinen abschiedsbeitrag wegen basti1012 gelesen

 

[sebdev]

Habe noch eine Frage, wie kann ich die letzen Lerrzeichen die zu - geändert werden entfernen?
also Test-Beitrag--- zu Test-Beitrag

 

[Sempervivum]

Sollte so gehen:

text = str.replace(/ /g, "-").replace(/-+$/, "");

 

[sebdev]

Vielen Dank

 

[sebdev]

Allerdings kann ich jetz im zweiten inputfeld kein leerzeichen eigeben um ein neues wort zuschreiben.
Gibt es da auch eine Lösung für?

 

[Sempervivum]

Versuche dies:

    function pruf(str) {
        text = str.replace(/ /g, "-").replace(/([^-]+)-+$/, "$1");
        document.getElementById("test").value = text;
    }

(Die Schleife ist durch die Verwendund von replace überflüssig geworden)