Html Input in Javascript ausgeben?

Ich würde gerne einen HTML Input Text in Javascript ausgeben lassen.

Dazu habe ich bereits ein Script erstellt, in dem ich einer Variable den Wert des HTML Input gebe(Es geht um die Variable "VorName"), mit Hilfe von "document.getElementById". Allerdings will die Variable den Wert nicht annehmen/ändert ihn nicht.

Ich habe auch onclick angewendet

Bild zum Beitrag

Warum funktioniert das nicht? ) :

Danke im voraus für Tipps und Hilfe

3 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, programmieren

27.06.2021, 20:00

Sofern der Text aus dem Eingabefeld in dem h3-Element ausgegeben werden soll, ändere Zeile 59 um:

document.getElementById("EndText").innerText = Alles1 + Alles2;

Da der Text kein HTML beinhaltet, ist das innerText-Property ausreichend. Einen return-Befehl brauchst du nicht, da dieser Rückgabewert vom Aufrufer nicht persistent aufgefangen werden würde.

In Zeile 40 solltest du zudem noch ein Leerzeichen vor das id-Attribut setzen.

Newyorkshire

Beitragsersteller

27.06.2021, 20:07

Danke, es klappt😄🤗 danke danke danke xD

Timpanyy

27.06.2021, 19:59

Dein Button ruft effektiv nur eine Methode auf, die ganz viele Variablen deklariert und initialisiert, aber damit nichts macht

Newyorkshire

Beitragsersteller

27.06.2021, 20:01

Also was kann ich dagegen tun?

Timpanyy

27.06.2021, 20:09

@Newyorkshire

du packst document.getElementById("EndText").innerHTML = Alles1 + Alles2 an's Ende deiner Infos() Funktion und lässt das return weg. Übrigens werden auch in JavaScript Variablen und Funktionen mit lowerCamelCase benannt

Fridleif

27.06.2021, 19:55

Hier stand Quatsch ...

Aber trotzdem: was ist die Funktion CoolesDing()?

Newyorkshire

Beitragsersteller

27.06.2021, 20:01

Ich habe einfach einen random-Namen genommen, den ich dann hier für gute Frage.net aber nicht gut fand und dann in Infos() geändert habe xD

Newyorkshire

Beitragsersteller

27.06.2021, 19:59

Ach so, das war wie ich die Funktion vorher genannt habe(da steht jetzt wie bei den anderen Infos()). Macht aber nichts aus.

Fridleif

27.06.2021, 20:01

@Newyorkshire

Naja mein Gedanke war, Du wolltest den Rückgabewert der Funktion dem h3 Element zuweisen. Dashalb hätte es wegen des Funktionsnamens nicht geklappt.

Btw. mach doch das nächste mal einen richtigen Screenshot bitte ;)

Statt des return nutz mal die Zuweisung zum Element. Das wird vermutlich besser helfen.

regex9

27.06.2021, 20:10

@Newyorkshire

Demzufolge sollten deine onclick-Attribute nicht direkt Infos aufrufen.

Du könntest es so formulieren (wobei dir vielleicht noch ein besserer Name für handleClick einfällt):

const outputElement = document.getElementById("EndText");

function handleClick() {
  outputElement.innerText = Infos();
}

handleClick();

und handleClick wird zudem als Wert der onclick-Attribute gesetzt.

Oder noch eleganter, da so eine klare Trennung zwischen HTML und JavaScript erfolgt:

1) Du gibst dem Button noch eine ID.

2) Du hängst EventListener an Button und Eingabefeld und entfernst dafür die onclick-Attribute.

document.getElementById("buttonID").addEventListener("click", handleClick);
document.getElementById("inputFieldID").addEventListener("click", handleClick);

Ähnliche Beiträge

Javascript Variable mit HTML ausgeben?

Ich frage den Nutzer wie sein Vorname ist.

let vorname = prompt("Wie lautet dein Vorname?");

Nun möchte ich das eingegebene auf der Seite Ausgeben.

Als dass da z.B. steht: Hallo Max

Wie kann ich das umsetzen? (Bin Anfänger)

Vielen Dank für eure Hilfe.

...zum Beitrag

JavaScript in HTML - Ausgabe?

Hallo wie kann ich in einem Textfeld von HTML eine variable von JavaScript ausgeben?

Würde gerne mehrere Sachen zusammenrechnen und anschließend das Ergebnis auf der HTML Webseite ausgeben...

Wie ist das möglich?

Danke schon mal

...zum Beitrag

HTML input in JavaScript-Variable?

Wenn ich in HTML ein form ausfülle und abschicke wie bekomme ich dann das eingegeben im Input in eine JavaScript Variable. Habe provisorisch mal das hier gemacht und komme nicht weiter. Danke für eure Hilfe :)

<!DOCTYPE html>

<html>

<head>

<title>Input to Variable</title>

var input = "Wie bekomme ich den eingegebenen input hier hin?"

</script>

</head>

<body>

<button>Submit</button>

</body>

</html>

...zum Beitrag

HTML JavaScript, PAP zu script?

Hallo, meine aufgabe ist es, diesen PAP in Javascript umzuwandeln, leider verstehe ich dies nicht so richtig, ich bleibe mit den if's und else hängen, bitte um hilfe

bitte outputs in alert(" ") oder dokument.write auf keinen fall in html inputs, und inputs in prompt

...zum Beitrag

Javascript Variablen anzeigen?

Gibt es eine Möglichkeit, alle vorhandenen Variablen auf einer geöffneten Webseite anzuzeigen? Ich verwende den Chrome Browser.

Ich meine damit, dass ich eine Webseite öffne und dabei ein Javascript ausgeführt wird, welcher auch variablen erstellt. Diese würde ich gerne ausgeben.

LG Yuns92

...zum Beitrag

Javascript: Funktion nur ausführen wenn bedingung stimmt?

ich habe dieses JS :

function Rechner(){
	var x=document.getElementById("laenge").value;
	var y=document.getElementById("breite").value;
	document.getElementById("flaeche").value = xy;
}

jedes input hat das Attribut :

oninput="Rechner(this.value)"

Doch er soll die flaeche im Input nur ausgeben wenn wirklich laenge und breite ausgefüllt sind. derzeit zeigt er erst noch 0 an wenn nur 1 stimmt.

wie geht das ? kann man da irgendwie noch sagen "if isset laenge & breite" ?

...zum Beitrag

JavaScript Variable zu einer Php Variable machen?

Ich kann mit php Mysql Befehle ausführen und zb Name alter usw. in eine Datenbank von meinem Webhost speichern.
mit insert into halt.

jedoch soll nicht ich das eintragen sondern die andere Person die die seite auch benutzt/client.

da hab ich mir überlegt das ich das statt

$sql = "INSERT INTO Test (Vorname, Nachname, Age) VALUES ("max","mustermann",64) ;

lieber so machen sollte

$sql = "INSERT INTO Test (Vorname, Nachname, Age) VALUES ($Vorname,$Nachname,$Age);

und den inhalt für diese $Vorname $Nachname $Age

Variablen bekomme ich aus Javascript

let Vorname = document.getElementById("inputField").value;

und dann will ich irgendwie sagen

Vorname Variable von Javascript ist gleich $Vorname Variable von Php.

Oder geht das viel einfacher Den inhalt eines forms in eine php Variable zu speichern ?

Php macht mir kopfschmerzen mit dem ganzen post und get,

das sind schon viele Informationen aufeinmal, kann man sich nicht alles merken.

Ich will auch php garnicht so sehr lernen und verstehen.
Brauche es eben um was zu Speichern und um meine kleinen Projekte umzusetzen.
es soll nicht sicher oder so sein

...zum Beitrag

Nur bestimmte Zeichen in HTML input Feld erlauben (JavaScript)?

Hi, der Titel erklärt eigentlich schon mein Problem Für meinen Code brauche ich momentan Hilfe, denn ich weiß nicht wie man es codet, dass man in ein input field nur bestimmte Zeichen erlauben kann. Bei Straßennamen bspw. Buchstaben wie "ß,ö,ü" usw. und halt auch Zahlen die dazugehören. Und gibt es document.getElementById("id-name").size noch? Mir wird in meinem Programm nur sizeToContent vorgeschlagen. Ich danke euch schon mal :)

...zum Beitrag

Mit Javascript zu einem Teil im HTML Dokument springen?

Hallo !

Ich bin gerade dabei eines meiner ersten Projekte mit JavaScript/CSS/HTML umzusetzen.

Ich bin gerade dabei eine Suchfunktion einzubauen.

Ich habe eine Layout von Material Design Lite verwendet. Ich habe es so umgesetzt, dass das ganze im einem HTML Formular steht und beim absenden (drücken der ENTER Taste) eine JavaScript Funktion ausgeführt wird. Bei dieser hole ich mir mithilfe von document.getElementById().value den Wert der eingegeben wurde und sage, dass dieser Wert auf eine Variable übertragen wird. Ich frage per If und else ab was eingeben wurde (Bsp. 1) und will dann das zum einem bestimmten Teil im HTML Text gesprungen wird.

Mein Problem :

Ich muss es irgendwie umsetzen, dass mit JavaScript Code zu einem bestimmten Teil (im HTML Text ) gesprungen wird OHNE das man auf einen Link klicken muss.

Weiß jemand von euch hier, wie das möglich ist ?

(Danke für deine Zeit, beim Lesen und Danke für jede Antwort)

Hier der Code meiner JavaScript Funktion

Hier der Code des HTML Formulars

...zum Beitrag

javascript speichern?

wie speichert mann eine variable in java script

...zum Beitrag

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>

...zum Beitrag

Javascript - Note berechnen?

Schönen guten Abend,

ich versuche mir selber JS beizubringen und merke, dass es doch nicht ganz so einfach ist. Ich versuche ein Rechner zu programmieren, mit welche man die Zeugnisnote berechnen kann. Leider habe ich Probleme die Werte die ich ins Input-Feld eingebe in JS aufzurufen und zu verarbeiten. Würde mir jemand diesbezüglich helfen?

Bitte verzichtet darauf mir zu sagte wie einfach das sei und wie schlecht ich bin, ich will mich weiter motivieren mich weiterzubilden und mir nicht erzählen lassen wie einfach oder dass ich es doch lassen solle.

Mein JS

function berechnung(){
    var at = document.getElementById("allgemein")
    var kl = document.getElementById("klausur")
    document.getElementById("ergebnis").innerHTML = kl;
    allgemein+klausur
    console.log
}

Mein HTML

<div class="section">
            <p><h2>Notenrechner</h2></p>

            <input type="int" id="allgemein"> <br>
            <input type="int" id="klausur">
            <button onclick="berechnung()">Note berechnen</button>
            <p id=ergebnis></p>


        </div>

...zum Beitrag

JavaScript: Wie kann ich ein Array ohne Kommas ausgeben?

Also,

ich habe einen Array mit mehreren Strings, welche ich in HTML. Wie kann ich die Ausgabe ohne Kommas gestalten?

Beispiel:

var meinArray = ["string1 ", "string2"]
document.getElementById("wort").innerHTML = meinArray;

HTML AUSGABE >> string1 ,string2

Wie bekomme ich das Komma weg? Im Array können auch mehr als nur 2 Werte enthalten sein.

...zum Beitrag

Wie kann ich mit inner HTML und Javascript einen Zeilenumbruch erstellen?

Hallo zusammen,

Ich habe mir HTML und Javascript angefangen und möchte innerhalb eines Java script script in einem Textelement Sachen ausgeben lassen. Aber wie genau kann ich einen Zeilenumbruch mit Javascript auf das Textfeld, welches ich bearbeite übertragen? Für die bearbeitung nutze ich den document.innerHTML Befehl.

Danke schonmal im Vorraus und freundliche Grüße

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen