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?
Java oder JavaScript?
JavaScript
1 Antwort
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
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>
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. 😉
Oh dann nur = und "" oder ''
ja ist schwierig auf dem Handy xD
aber man versteht es ungefähr als anfänger
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
Keine ahnung ob ich das jetzt richtig gemacht habe am handy aber wenn nicht kannst du mir nochmal schreiben
war nicht ganz richtig, aber funktioniert jetzt, danke
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.
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.