[JS] Button erstellen der Zeichen in Text Area einfügt?

Kann mir jemand zeigen wie ich das machen kann?

Ich möchte, wenn ich auf einen Knopf drücke, das in meine Textarea ein ! als Text eingefügt wird. Wie mache ich das?

1 Antwort

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, JavaScript

01.07.2020, 23:24

Gib dem Button einen Handler für das Klick-Event. In diesem fügst du dem Wert des textarea-Elements dein Zeichen hinzu.

<!doctype html>
<title>Example</title>
<textarea id="some-textarea"></textarea>
<button id="add-button">Add</button>
<script>
  const textarea = document.getElementById("some-textarea");
  document.getElementById("add-button").addEventListener("click", function(e) {
    textarea.value += "!";
  });
</script>

Demo

Noxxxxxxxx

Fragesteller

02.07.2020, 02:46

Ich habe es jetzt so gemacht, ich habe noch ein 2.

textarea.value += "!";

Jetzt kommen 2 ! wenn man den Button drückt.

Wie kann ich es machen, das direkt dieser Strich mit dem man schreibt da ist und zwischen den 2 !?

Hier nochmal ein Bild als Bsp.

https://prnt.sc/ta4knx

regex9

02.07.2020, 06:06

@Noxxxxxxxx

Das Textfeld nach dem Hinzufügen des Zeichens fokussieren und dann die Cursorposition an die vorletzte Stelle setzen.

textarea.focus();
textarea.selectionEnd = textarea.value.length - 1;

Noxxxxxxxx

Fragesteller

02.07.2020, 23:39

@regex9

https://prnt.sc/taql2m

Die Cursor Position geht immer hinter das letzte ! und nicht zwischen die beiden

regex9

02.07.2020, 23:53

@Noxxxxxxxx

Wenn du es so machst, wie ich es beschrieben habe, funktioniert es einwandfrei in Firefox, Chrome und Edge (andere Browser teste ich jetzt nicht).

Vielleicht hängst du das zweite Anführungszeichen erst nach dem Setzen des Cursors an?

Ähnliche Fragen

JS Button onclick Farbe ändern?

Ich möchte, das wenn ich ein Button drücke sich die Farbe von ihm ändert.

Wie mache ich das mit JS?

...zur Frage

Mit einem Button klick CSS verändern?

Ich will, das wenn ich auf ein Knopf drücke, sich die Farbe von meinem Text ändert wie geht das?

...zur Frage

Textarea dupliziert in Textfield anzeigen?

Hallöchen,

hab mal wieder ne Frage. UNd zwar möchte ich gerne Text in eine Textarea eingegeben können. Der Eingegebene Text soll gleichzeitig in eine weiter unten existierenden Textarea automatisch eingefügt werden. Kann ich das mit HTML oder Javascript so hinbekommen?

Danke schon mal im Voraus für die Antworten

...zur Frage

In JS Button-Farbe toggeln?

Hallo,

ich möchte gerne die Hintergrundfarbe meines Button's durch einen Klick ändern.
Einmal drauf klicken soll ihn bspw. Gelb einfärben, nochmals soll ihn wieder zurückfärben.

Dazu soll dabei ein php-Skript ausgeführt werden. (Falls ihr wisst wie man das hier einfügt immer gerne sagen, soll aber erst mal um den Button gehen)

Ich bräuchte also auch eine Information, ob der Button nun gedrückt wurde oder nicht, damit ich das richtige Skript ausführen kann (Gibt jeweils eine Funktion, wenn der Button "An" ist bzw wenn er "Aus" ist)

...zur Frage

[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.

...zur Frage

Mit HTML eine Datei erstellen?

Hallo!

Gibt es einen HTML-Code, mit dem man eine Datei erstellen kann?

Zum Beispiel: Ich habe eine Textarea und möchte den Text der darin von dem User eingetragen wurde als "txt"-datei speichern.

...zur Frage

HTML / JavaScript: Ein Knopf zum Kopieren eines Textes erstellen?

Hallo,

ich möchte einen Knopf haben, der bewirkt, dass, wenn man dort drauf klickt, man einen Text in seiner Zwischenablage hat (den ich vorher bestimme).

Wie könnte das klappen? Ich finde leider nicht viel brauchbares im Netz.

...zur Frage

HTML: Scroll-to-top-Button geht nicht?

Ich habe gerade einen Scroll-to-top-Button in meine HTML-Webseite eingefügt. Von der Grafik her funktioniert alles, aber die Funktionalität ist nicht so der Hammer. Also er scrollt nicht hoch, wenn man ihn drückt.

In dem Tutorial (siehe unten) wird das Ganze mit JS gemacht. Also das hier ist der Teil aus JS, der dafür sorgt, dass die Seite nach oben scrollt, wenn man ihn drückt:

<script>
  const btnScrollToTop = document.querySelector("#btnScrollToTop")
  btnScrollToTop.addEventListener("click", function() {
    windows.scrollTo(0, 0);
  });
</script>

Muss man JS im head mit einem <link> einbinden, sowie man das mit .css macht?

P.S.: Das ist das erste Mal, dass ich JS benutze.

https://www.youtube.com/watch?v=FK5DEa1Hvco

...zur Frage

Javascript Ausgabe erweitern?

Hallo,

wie kann man die Ausgabe in einem textarea feld erweitern? Ich habe unter dem Textfeld verschiedene Buttons mit verschiedenen values. Wenn ich einen Button drücke, dann soll er im Textarea-feld angezeigt werden. Wie mache ich aber nun, dass nicht nur ein value angezeigt wird, sondern so viel, wie buttons gedrückt werden. Das ist mein bisheriger Code:

Html

<textarea name="displa" id="display" cols="40" rows="7"></textarea>
    <button value="1">1</button>
    <button value="2">2</button>
    <button value="3">3</button>
    <button value="4">4</button>
    <button value="5">5</button>
    <button value="6">6</button>
    <button value="7">7</button>
    <button value="8">8</button>
    <button value="9">9</button>
    <button value="+">+</button>
    <button value="-">-</button>
    <button value="*">*</button>
    <button value="/">/</button>

Javascript

$("button").click(function() {
    var fired_button = $(this).val();
    $('#display').value = fired_button;
    break;
    return;
});

...zur Frage

Mehrere Parameter durch einen Button ausgeben in Javascript?

Ich lerne gerade Javascript mit einer Tutorial Reihe und der Mann im Tutorial hat mehrere Parameter benutzt um einen Liebes Test zu Programmieren. Ich wollte dann das man erst einen Knopf drücken muss um das Ergebnis angezeigt zu bekommen. Aber es funktioniert nicht denn wenn ich auf den Button drücke, passiert nichts. woran liegt das ? Das ist mein Code: (Die formatierung ist eigentlich anders)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function LiebesTest(name1, name2){

document.write(name1 + " und " + name2 + " haben " + punkte + " Punkte ");

var punke;

punkte= (name1+name2).length;

}

LiebesTest("Filme", "serien");

</script>

<form>

<input onclick="text" type="button" value="Test!"

</form>

</body>

</html>

...zur Frage

JS mehrere Button(gleiche klassen) nur der erste betätig bar?

Hallo zusammen,
anbei ein Foto. Wenn ich auf den Button "Note hinzufügen" klicke, reagiert immer nur der obere. Die neu erstellen(die darauf folgenden) reagieren nicht. Alle haben die gleiche CSS-Class. Untendrunter noch der Code-Schnipsel. Woran könnte das liegen ?
Mfg.
Emre

...zur Frage

Html Buttons mit Tastatur?

Hallo ich habe ein Input Feld mit dem Type Text und daneben eines mit dem Type Button und eigentlich funktioniert auch alles aber wenn ich im Textfeld bin und enter drücke soll das selbe passieren wie wenn ich auf den Button drücke aber stattdessen wird die Seite neu geladen?

...zur Frage

Durch Buttons einen Text in Sheets/Excel einfügen?

Hallo,

Ich würde gerne wissen wie ich es machen kann das man durch Button also interaktive Tasten einen Text denn man im Button definiert hat in Excel oder Sheets in einer bestimmten Zelle einsetzen kann?

Die frage ist dann auch noch ob ich mit Powerpoint diese befehle eingeben kann oder ein Programm nutzen kann wie Adobe Captivate ? Das ding ist das Ich nicht genau weiß wie ich das einbinde sodass ein Button in Powerpoint einen Text in Excel oder Sheets einfügt ? Mir ist klar das man in Excel auch Buttons erstellen kann aber ich ich will das dass einfügen alles im Hintergrund passiert. Oder kann ich vllt. auch über Powerpoint oder Adobe Captivate auch sowas sagen wie bitte diesen Makro in Sheets auslösen also nur denn Befehl durch ein Button geben? Der Button selbst sich aber auf einem anderen Programm sich befindet.

...zur Frage

Wie ändere ich einen Paragraph indem ich einen Button benutze mithilfe von HTML und Javascript?

Hallo zusammen,

ich benötige einen Code. Ich möchte einen Paragraphen anzeigen lassen mit einem Text, der sich auf Knopfdruck ändern lässt und immer eine Value weiter springt, wenn ich diesen Button anklicke. Wie schreibe ich diesen Code mit HTML und JS?

Ich finde leider nur Hilfe für einen Text, der sich nur einmalig per Knopfdruck ändert. Ich möchte aber, dass dieser sich jedes Mal ändert, sobald ich den Button nochmal anklicke.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen