Button fügt Zahl in Text Feld ein?

Hallo,

wie kann ich mit Java und HTML erstellen, das beim Klick auf einen Button, die entsprechende Ziffer in ein Textfeld schreibt. Mit 9 Verschiedenen Buttons mit den Ziffern 0 bis 9? Am besten mit eine Funktion, mit document.getElementById oder so.

Kann mir jemand helfen?

Bananapeel321

18.11.2021, 14:06

Java oder JavaScript?

hilfebruacher

Fragesteller

18.11.2021, 14:21

JavaScript

1 Antwort

Vom Fragesteller als hilfreich ausgezeichnet

HalloWelt964

18.11.2021, 16:38

Du willst bestimmt einen Taschenrechner machen

Dann lieber so

<body>

<div id='Div123'> </div> 

<table>     
 <tr>       
     <td onclick='addNumber(7)'>  7
     <td onclick='addNumber(8)'>  8
     <td onclick='addNumber(9)'>  9
</td>                            
 </tr> 

 <tr>       
     <td onclick='addNumber(4)'>  4
 </td>                            
 </tr> 
usw...
</table> 

</body> 
<script> 
function addNumber(zahl){
document.getElementById('div123').innerHTML += zahl 
}
</script>

ODER 

wenn du es mit einem 
<input id='inputfeld' type='Number'> machst 
dann musst du document.getElementById('inputfeld').value machen

also Divs Spans usw. mit Innerhtml

input felder mit zahlen value auch wenn das nicht bei VS Code vorgeschlagen wird

HalloWelt964

18.11.2021, 16:39

Keine ahnung ob ich das jetzt richtig gemacht habe am handy aber wenn nicht kannst du mir nochmal schreiben

hilfebruacher

Fragesteller

18.11.2021, 18:16

@HalloWelt964

war nicht ganz richtig, aber funktioniert jetzt, danke

HalloWelt964

18.11.2021, 18:37

@hilfebruacher

Ja die id vom Div oben hab ich mit einem großen D geschrieben statt mit kleinem d wie in der Funktion addNumber.

(Der Script teil muss auch im Body/head sein oder verlinkt werden)

und die <td> wurden bei 7, 8 nicht geschlossen.

Darum funktioniert das nicht.

regex9

18.11.2021, 16:52

Da nur einzelne Zahlen, also Textknoten eingetragen werden sollen, eignet sich das textContent-Property besser, als innerHTML.

Eine Addition, sofern du das vorhattest (immerhin schreibst du von einem Taschenrechner) findet bei deinen Zuweisungen nicht statt. Der Inhalt wird nur nacheinander angehängt. Eine Konversion in numerische Typen wäre erst notwendig.

const output = document.getElementById("div123");
output.textContent += parseInt(output.textContent) + zahl; // or parseFloat for decimal calculation

HalloWelt964

18.11.2021, 17:05

@regex9

er wollte halt was mit document.innerhtml weil er vielleicht noch anfänger ist.

achso Nein das sollte keine Addition sein sondern nur ein kleiner anfang falls er vor hat einen Taschenrechner zu machen aber hatte keine lust mehr auf dem Smartphone zu tippen 😂

wenn er wirklich nur einen button klicken will und die Zahl im Input feld sein soll reicht ja auch == anstatt +=

<body>
<input id=„inputfeld“ type=„number“> 
<button onclick=„test()“> ... </button>

<script>
     function test(){
document.getElementById(„inputfield“).value ==     1;}

} 
</script>
</body>

regex9

18.11.2021, 17:50

@HalloWelt964

Auf diese Weise würde ein Vergleich durchgeführt werden, keine Zuweisung (=).

Dein Beispielsnippet hat nun mehrere Fehler. Abgesehen von den falschen Anführungszeichen gibt es eine schließende geschweifte Klammer zu viel und der Wert des id-Attributs müsste zu inputfield geändert werden. 😉

HalloWelt964

18.11.2021, 17:55

@regex9

Oh dann nur = und "" oder ''

ja ist schwierig auf dem Handy xD

aber man versteht es ungefähr als anfänger

HalloWelt964

18.11.2021, 17:59

@HalloWelt964

css padding margin backgroundcolor ... und <br> muss er noch machen sonst sieht das ganze merkwürdig aus.
dann fehlt halt nurnoch der +-/x button, eval button zum ausrechnen und löschen mit .slice

Hallihallo,

ich soll ein programm schreiben, bei dem eine 8 stellige zahl eingelesen wid, die nur aus 4 ziffern besteht und jede ziffer entspricht einem zeichen anschließend soll mein programm die ziffern in die entsprechenden zeichen umwandeln und in die ausgabe schreiben. meine idee war ein array anzulegen, dass 8 felder besitzt und dann quasi für jedes feld zu prüfen welchem zeichen es entspricht ...

wie liest man also eine ganze zahl ein, bricht sie dann in ziffern herunter und speichert jede einzelne zahl in einem array feld?

...zur Frage

JavaScript: Text nach Button-Klick in Textfeld?

Ich habe so eine Seite :

<li class="items">
    <p>some text 1</p>
    <div><button class="link" value="1">Wählen</a></div>
</li>
<li class="items">
    <p>some text 2</p>
    <div><button class="link" value="2">Wählen</a></div>
</li>
<li class="items">
    <p>some text 3</p>
    <div><button class="link" value="3">Wählen</a></div>
</li>



<form action="send" method="POST">
    <input type="text" name="text" id="text" required>
    <input type="number" name="zahl" id="zahl">
    <button type="submit" name="submit">Senden</button>
</form>

oben sind mehrere Texte mit je einem Button zum Auswählen (derzeit ohne funktion). Unten ist dann ein Formular und man kann selbst die Zahl des Textes dort eintragen.

Jetzt will ich das aber für leute vereinfachen und ermöglichen, dass man einfach auf den jeweiligen Button klickt und dann die Zahl (das value des Buttons) in das textfeld "number" eingetragen wird. Wie kann ich das mit javascript machen ? außerdem sollte der cursor direkt in das textfeld "text" gehen.

...zur Frage

Java- Wie kann man nachdem man ein Button gedrückt hat genau die Zahl die man in einem Textfeld über dem button eingegeben hat mal nehmen??

Und nur das Ergebnis soll als TEXT angezeigt werden. Es sollte am besten mit allen zahlen mal nehmbar sein. Danke im Vorraus

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

Es function iert nicht - Warum funktioniert Js Code nicht?

Ich habe vor ganz einfach als Übung für mich ein Textfeld mit Button zu programmieren, in das Textfeld schreibt man seinen Namen und wenn man den Button drückt soll ein alert kommen wo dann drin steht „Your name is + Name.“ Code:

 <script>
     function newfunction() {
     let namE = document.getElementById("name").value;
     alert('Your name is ' + namE)
     }
 </script>

Html:

<input type="text" placeholder="your name" id="name">
<button onclick="newfunction()">Know something that you never want to know</button>

...zur Frage

Java script if Abfrage zur Überprüfung eines leeren Feldes?

Hallo,

im folgenden ist ein Code, der beim Click auf einen Button überprüfen soll, ob das Feld mit dem Namen Mailadresse leer ist. Warum funktioniert Variante 1, aber Variante 2 nicht?

Variante 1

const Buttons=document.getElementById('Buttons'),

Mailadresse=document.getElementsByName('Mailadresse');

Buttons.addEventListener('click',pruefen);

function pruefen () {

if (Mailadresse.value == null) { window.alert ("Bitte alle Pflichtfelder ausfüllen")}

};

Variante 2

const Buttons=document.getElementById('Buttons'),

Mailadresse=document.getElementsByName('Mailadresse');

Buttons.addEventListener('click',pruefen);

function pruefen () {

if (Mailadresse.value == 0) { window.alert ("Bitte alle Pflichtfelder ausfüllen")}

};

Über eine hilfreiche Antwort würde ich mich sehr freuen.

...zur Frage

Wie kann ich einen kurzen Text mit HTML und JavaScript auf Knopfdruck ändern?

Hallo, ich würde gern mit HTML und JavaScript erreichen, dass ich "Text1" angezeigt bekomme und darunter ein "Weiter"-Button liegt, der dann mittels Klick "Text1" mit "Text2" austauscht, "Text2" mit "Text3" etc.

hatte mir dafür einen code mit Klickzähler herausgesucht, der auch Funktioniert. Der Plan wäre es, den Klickzähler dafür zu nutzen, um die Zahl zu erhöhen und von dieser Zahl den ausgespielten Text abhängig zu machen.

Also z.B. Zahl 1 = Text1 und Zahl 2 = text2 usw.

Allerdings verstehe ich noch nicht , wie ich den Text mit der Zahl verknüpfe und diesen dann ausspielen lassen kann.

Habt ihr da vllt eine Idee oder einen Tipp, bzw. aber auch eine bessere Lösung?

Vielen Dank im Voraus!

<div>
  <center><h3 id="counter-label">0</h3></center>
   
<center>
  <div>
    <button onclick="incrementClick()">Click Me</button>
    <button onclick="resetCounter()">Reset</button>
  </div>
</center>
   
   
   
<script>
var counterVal = 0;
function incrementClick() {
  updateDisplay(++counterVal);
}
function resetCounter() {
  counterVal = 0;
  updateDisplay(counterVal);
}
function updateDisplay(val) {
  document.getElementById("counter-label").innerHTML = val;
}

...zur Frage

Textbox füllen HTML?

Ich programmiere gerade ein Kassensystem im Web.

Hierfür habe ich einige Buttons erstellt und JavaScript-Funktionen, mit denen man Zahlen in ein Textfeld einfügen kann. Nun möchte ich nicht nur auf die Zahlen tippen müssen, sondern auch die Tastatur nutzen können.

Klar könnte ich jetzt das Feld anklicken und dann etwas eingeben, jedoch möchte ich das Feld nicht extra anklicken müssen. Das heißt ich möchte Eingaben auf der Tastatur machen, ohne vorher das Feld aktivieren zu müssen. Geht das?

Zudem wäre die Frage, ob es dann auch geht einen Button mit dem Enterknopf zu betätigen?

...zur Frage

JavaScript Texfeld leeren?

Ich habe folgendes Textfeld.

<input type="text" id="eingabe" placeholder="" value="">

Ich habe dazu in JavaScript in eine Funktion geschrieben die ausgeführt werden soll, wenn ein Button gedrückt wird. In dieser existieren folgende Zeilen Code.

document.getElementById("eingabe").setAttribute("value", "");
      document.getElementById("eingabe").setAttribute("placeholder", "Richtig");

Damit möchte ich erreichen, dass der Inhalt des Textfeldes geleert wird und in dem Textfeld im Hintergrund das Wort Richtig steht.

Jedoch wird das Textfeld nicht geleert.

...zur Frage

HTML Check Textfeld Input Onclick?

Kann man irgendwie definieren, dass die Onclick aktion nur ausgeführt wird, wenn in 2 bestimmten textfeldern bestimmter text steht? Also, dass z.B. In Feld 1 "Test" steht und in Feld 2 "Tee" steht, dass man nur dann die Button onclick action ausführen kann und sonst nichts passiert? Möchte, dass wenn in beiden Textfeldern eine bestimmte sache steht, erst dann auf einen Button geclickt werden kann, welcher einen dann weiterleitet.

...zur Frage

Undisabled eines Buttons durch JavaScript?

Hallo,

ich möchte mit Hilfe von JavaScript einen Button, der vorher disabled war, wieder aktiviert, sodass er undisabled ist. Die funktioniert leider nicht und ich habe kein Ahnung an was es liegen könnte.

Mein HTML Code:

<body>

</body>

}

Mein Javascript Code:

let button = document.getElementbyid('button' );

function Test() {

button.disabled = false;

}

Weiß jemand an was es liegen könnte?

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

Java Programm : Zehnstellige Zahl durch eigene Ziffern teilen?

Ich soll in Java ein Programm schreiben, welches eine 10stellige Zahl berechnet.

Dabei soll die 1. Ziffer durch 1. Die ersten beiden Ziffern durch 2. Die ersten 3. durch 3. usw teilbar sein

Die Lösung lautet 3816547290.

Nur wie kann ich dieses Programm jetzt schreiben? Gibt es so ein Programm vielleicht schon irgendwo?

...zur Frage

Wie eine Ziffer/Dezimalzahl im Array speichern?

Schreiben Sie nun eine Methode, die zu der übergebenen Zahl n die Ziffer zurück-gibt, die am häufigsten in der Dezimaldarstellung der Zahl n vorkommt. Sollten mehrere Ziffern gleichhäufig vorkommen, so soll die kleinste der Ziffern zurückgegeben werden. Beispiel: Für die Zahl n=2031771 kommen die Ziffer 1 und 7 jeweils zweimal vor. Es muss also in diesem Fall die 1 zurückgegeben werden.Sie dürfen die Methode public static int berechneHäufigstenWert(int[] feld) aus Aufgabenteil a) benutzen.

public static int berechneHaeufigsteZiffer(int n)

{

assert(n>0);

}

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen