Hallo,
ich versuch im Moment meinen Taschenrechner etwas schöner zu gestalten. Dazu wollte ich es ungefährt wie bei einem richtigen Taschenrechner machen:
- Eingabefeld
- Buttons mit Zahlen
- Bei Klick auf Zahl wird diese in das Eingabefeld eingefügt
Das wollte ich mit Hilfe dieses Codes machen:
Leider hat es nicht funktioniert. Bis jetzt bin ich noch nicht auf den Fehler gestossen und hoffe daher um eine kleine Hilfe eurerseits, falls möglich.
Als erstes waren die Divs noch "input"'s, allerdings sah es äußerst komisch aus, wenn dann eine Zahl per JavaScript hereingeschrieben wurde, da er in das Eingabefeld ein weiteres Eingabefeld eingefügt hat, welches nicht den selben Style enthält.
Über hilfreiche Antworten würde ich mich sehr freuen.
ich versuch im Moment meinen Taschenrechner etwas schöner zu gestalten. Dazu wollte ich es ungefährt wie bei einem richtigen Taschenrechner machen:
- Eingabefeld
- Buttons mit Zahlen
- Bei Klick auf Zahl wird diese in das Eingabefeld eingefügt
Das wollte ich mit Hilfe dieses Codes machen:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Versuch :: JavaScript :: Taschenrechner</title>
</head>
<body>
<div align="center">
<div style="width:640px;">
<div id="zahl1" style="background-color:#657E65; width:300px; height:30px; font-size:23px; padding-left:2px; padding-right:2px; float:left;"> </div>
<div id="rechenart" style="background-color:#FFFFFF; width:30px; height:30px; font-size:23px; text-align:center; float:left;"> </div>
<div id="zahl2" style="background-color:#657E65; width:300px; height:30px; font-size:23px; padding-left:2px; padding-right:2px; float:left;"> </div>
<input type="button" onClick="document.getElementById('zahl1').value = document.getElementById('zahl1').value + '1';" value="1" style="height:40px; width:40px; font-size:20px;"> <input type="button" onClick="document.getElementById('zahl1').value = document.getElementById('zahl1').value + '2';" value="2" style="height:40px; width:40px; font-size:20px;">
</div>
</div>
</body>
</html>
Leider hat es nicht funktioniert. Bis jetzt bin ich noch nicht auf den Fehler gestossen und hoffe daher um eine kleine Hilfe eurerseits, falls möglich.
Als erstes waren die Divs noch "input"'s, allerdings sah es äußerst komisch aus, wenn dann eine Zahl per JavaScript hereingeschrieben wurde, da er in das Eingabefeld ein weiteres Eingabefeld eingefügt hat, welches nicht den selben Style enthält.
Über hilfreiche Antworten würde ich mich sehr freuen.