Wie kann ich einen Input leeren?

Wie kann ich einen Input leeren? Mein Input hat die id Number Ich habe schon probiert ihn mit document.getElementById("Number").innerHTML = ' ' ; auf Knopfdruck zu leeren aber das ging nicht. Danke im Vorraus 😊.

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

Lezurex

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, JavaScript

10.08.2021, 01:31

Statt

document.gelElementById("Number").innerHTML = '';

musst du

document.gelElementById("Number").value = '';

benutzen.

Das erste ändert nur den Body des Elementes, also das was <input>dazwischen</input> stehen würde. Da bei einem Input der eingegebene Wert aber im Attribut value gespeichert wird, musst du dies anders ändern.

Woher ich das weiß:Berufserfahrung – Informatiker Applikationsentwicklung

TheHatedOne

10.08.2021, 01:26

Du musst statt innerHTML das Attribut value ändern (und auch abfragen zum auslesen)

Ähnliche Beiträge

Javascript Quiz: Mehrere Antworten gelten lassen?

loIch hätte die Frage, mit welchem Satzzeichen oder sonst irgendwas man die Antwortanzahlen, also, dass mehrere Antwortmöglichkeiten, also mit groß- und Kleinschreibung und "Mio" und "Millionen", erhöhen kann.

Ich würde mich über eine schnelle Antwort freuen ^^

LG Arne

PS: Hier kommen noch ein ein paar Bilder

<div class="team-anzeige">
    <h1>Team <p id="team"></p> ist an der Reihe:</h1>
    <br>
    <br>
    <button onclick="btnLos()" id="los" class="los">Los !</button>
    <br>
    <h2 id="div2"></h2>
    <br>
    <br>
    <input id="input" type="text" placeholder="Hier Antwort eintragen">
    <br>
    <br>
    <button onclick="absendeBtn()" class="absenden" id="absenden">Absenden</button>
    </div>

    <script src="main.js"></script>
v

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

Wie kann ich in JavaScript Werte zusammenrechnen und dann ausgeben?

Hi Leute,

ich habe ein Summe-Feld indem ein Preis angezeigt werden soll.

<input type="text" style="background-color: #fff" class="form-control" id="Summe" placeholder="0" readonly>

Dann habe ich noch eine Funktion die drei Werte mitliefert: Die ID des Produkts (identisch mit der ID in HTML), dann die Menge des Produkts und zum Schluss noch den Preis.

Diese Funktion wird per + und - Buttons aufgerufen. Für jedes Produkt gibt es auch eine Art Counter, auf dem angezeigt wird, wie viele man kauft.

Bis hierhin funktioniert alles. Das was nicht funktioniert, ist der Preis der auf das Feld addiert werden soll. Im Script habe ich es hiermit versucht, allerdings steht im Summe-Feld dann immer NaN (Not a Number). Aber wie bekomm ich das richtig?

zahl1 = parseFloat(document.getElementById('Summe').value);
zahl2 = parseFloat(price);
document.getElementById('Summe').value = zahl1 + zahl2;

Ich muss parseFloat benutzen, denn Preise enthalten selbstverständlich auch Kommas :)

Bitte helft mir! Danke! LG

...zum Beitrag

Wie kann ich einen div auf Knopfdruck erstellen?

Ich habe schon oft bei Projekten wie zb. To-do Liste das Problem gehabt dass ich auf Knopfdruck einen ganz neuen div, den ich noch nicht in meinem HTML Code definiert habe ertsllen muss. Wie kann ich dieses Problem lösen? Danke im Vorraus😊.

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

Werte aus Datenbank anzeigen mit JS?

Hallo,

ich habe folgenden Code für mein Formular:

<form action="/message1" method="post">
  <div class="input">
    <input type="text" placeholder="Chat" id="input" name="input1">
  </div>
  <div class="send">
    <button type="submit" onclick="message();">Send</button>
  </div>
</form>

Nun noch das JS onclick-Event:

function message() {
  input = document.getElementById("input").value;
  count++;

  if (input == "") {
    alert("please type your message!");
  }
  else {
    if (count % 2 == 0) {
      let newDiv = document.createElement("div");
      newDiv.id = "divMessage";
      newDiv.style.display = "flex";
      newDiv.style.justifyContent = "flex-start";
      newDiv.style.margin = "45px";
      newDiv.style.backgroundColor = "#303032";
      newDiv.style.borderRadius = "10px";
      newDiv.style.padding = "10px";
      newDiv.style.marginTop = "80px";
      newDiv.style.color = "white";
      newDiv.style.marginBottom = "80px";
      newDiv.style.width = "120px";
      newDiv.innerHTML = input;

      let chatMessages = document.querySelector(".chat-messages");
      chatMessages.appendChild(newDiv);
    }

Und nun noch das Reinschreiben mit node.js in die MariaDB-Datenbank:

app.post('/message1', async (req, res) => {
  const input = req.body.input1;
  console.log(input);
  const conn = await pool.getConnection();
  await conn.query(`INSERT INTO test.handy (id, name) VALUES (2, '${input}')`);
  conn.release();
});

Nun möchte ich aber, das, was in die Datenbank geschrieben wurde, beim Aktualisieren der Seite immer noch im "newDiv" anzeigen. Wie geht das?

...zum Beitrag

Geht/Ging es noch jemandem so, dass nach dem Studium ein wenig Leere-Gefühl entsteht, weil kein Input in der Form mehr kommt?

...zum Beitrag

Wie kann ich mit JS ein div mit der zugehörigen ID erstellen?

Ich habe das Problem, dass ich mit dem Befehl:

document.getElementById("main_div").innnerHTML = "<div></div>"

ein neues div-Element (auf einer bereits leeren Seite) erstellen möchte. Das hat mit dem obenstehenden Befehl auch gut geklappt. Jetzt wollte ich aber dem div noch eine ID hinzufügen. Das habe ich wie folgt versucht:

document.getElementById("main_div").innnerHTML = "<div id="evaluation"></div>"

Das hat nicht geklappt. Ich gehe davon aus, dass das Problem bei den gedoppelten Anführungsstrichen liegt.

Gibt es dafür eine Lösung?

Danke im Voraus!

...zum Beitrag

Ein Datum auf Gültigkeitsbereich prüfen?

Hey, ich hätte eine Frage!

Nämlich möchte ich ein Datum was ich eingebe in ein Input Feld mit dem type date überprüfen.

Das Datum sollte im Bereich (1900 bis heute) liegen!

Als Beispiel: Wenn ich 15.08.1985 eingebe ist das OK. Wenn ich den 14.03.1855 eingebe sollte er sagen das Datum ist zu niedrig. Und wenn das Datum über das heute (aktuelle Datum liegt) dann die Meldung das Datum ist zu hoch.

Dies habe ich schon probiert aber funktioniert leider nicht:

  let grenze = new Date('1900-01-01').toLocaleDateString();
  let inputDate = new Date (datum.value).toLocaleDateString();
  let heute = new Date().toLocaleDateString();

  if (InputDate < grenze) {
    output2.innerHTML += 'Das Datum ist zu niedrig';
 } else if (InputDate > heute) {
    output2.innerHTML += 'Das Datum ist zu hoch';
  } else {
    output2.innerHTML += 'Das Datum ist im Gültigem Bereich';
 }

Ich hoffe jemand kann mir bei diesem Problem helfen!

...zum Beitrag

JavaScript: Wie kann ich den Wert eines Eingabefelds bereits während der Eingabe prüfen?

Hey Leute, ich habe eine Frage zu JavaScript.

Ich möchte gerne, dass mein input-Feld number, das, wenn das erste getippte Zeichen eine Zahl ist, eine alert-Meldung ausgibt und sagt, es ist eine Nummer. Wenn es ein Buchstabe ist, dann soll es sagen, dass es ist keine Zahl ist.

Es soll direkt bei Eingabe geprüft werden und nicht erst, nach Klick auf etwas oder so ähnlich.

Ungefähr so:

listener

if (erstes Zeichen eine Nummer) {
  alert("es ist eine nummer");
else {
  alert("es ist keine nummer");
}

...zum Beitrag

HTML JS Input Feld leer?

Hallo!

Ich arbeite gerade an einem Projekt für die Schule.

Es muss eine Fehlermeldung kommen wenn ein Feld noch nicht ausgefüllt ist. Wie definiere ich das?

if (x == ??)

...zum Beitrag

Ich habe den Code in Python geschrieben, aber ich glaube etwas ist falsch, weil ich ihn nicht ausführen kann!?

Das ist der Code (soll am Ende ein Calculator werden):

import time while True: print("Your options: ") print("Enter 'add' for addition") print("Enter 'sub' for subtraction") print("Enter 'div' for division") print("Enter 'multi' for multipication") print("Enter 'quit' to end the program") user_input = input/": ")

if user_input == "quit":
break
elif user_input == "add":
    num1 = float(input("Enter a number"))
    num2 = float(input("Enter another number"))
    result1 = str(num1+num2)
    print("The answer is" + result1)
elif user_input == "sub":
    numb1 = float(input("Enter a number"))
   numb2 = float(input("Enter another number"))
    result2 = str(numb1-numb2)
    print("The answer is" + result2)
elif user_input == "div":
    numbe1 = float(input("Enter a number"))
    numbe2 = float(input("Enter another number"))
    result3 = str(numbe1/numbe2
    print("The answer is" + result3)
elif user_input == "multi":
     number1 = float(input("Enter a number")
     number2 = float(input("Enter another number")
     result4 = str(number1*number2)
     print("The answer is" + result4)

time.sleep(999)

...zum Beitrag

[JavaScript] Input soll nur Zahlen und Komma nehmen?

Guten Tag,

ich kenne mich absolut nicht mit JavaScript aus.

Ich habe ein Formular, welches nur Zahlen annehmen soll. Ich habe das schon mit den Attributen type="number" pattern="[0-9]+([.,][0-9]+)?" gemacht. Aber ich bin mir sicher, dass es mit JavaScript eine bessere Lösung gibt.

Kann mir da jemand weiterhelfen?

...zum Beitrag

HTML input textfeld type=number nachkommastellen

welchen type muss man in html einem input textfeld zuweisen, sodass es nur zahlen mit 2 nachkommastellen akzeptiert?

mit type="number" kommt bei mir immer ungültiger wert wenn ich kommazahlen eingebe. sowohl mit . als auch mit ,

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen