• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Taschenrechner_Gadget erstellen

D

Davidforthewin

Neues Mitglied
Hallo zusammen,

ich bin gerade dabei mir einen einfachen Taschenrechner Gadget zu erstellen.

der code sieht bist jetzt so aus:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Unicode" />
<link rel="stylesheet" type="text/css" href="gadget_style.css" />
</head>
<body>

<script type="text/javascript">

function Mal(){
var Ergebnis = document.Formular.Erste_Zahl.value * document.Formular.Zweite_Zahl.value;
document.Formular.Ausgabe1.value= Ergebnis;

function Plus(){
var Ergebnis = document.Formular.Erste_Zahl.value + document.Formular.Zweite_Zahl.value;
document.Formular.Ausgabe1.value= Ergebnis;

function Minus(){
var Ergebnis = document.Formular.Erste_Zahl.value - document.Formular.Zweite_Zahl.value;
document.Formular.Ausgabe1.value= Ergebnis;

function Geteilt(){
var Ergebnis = document.Formular.Erste_Zahl.value / document.Formular.Zweite_Zahl.value;
document.Formular.Ausgabe1.value= Ergebnis;

if(Ergebnis>100){
document.Formular.Ausgabe2.value="Geht nicht";
}
}
</script>

<form name="Formular" action="">
<br>
<br>
&ensp; &ensp; <input type="text" name="Erste_Zahl" size="4">
&ensp; &ensp; <input type="text" name="Zweite_Zahl" size="4">
<br>
<br>
<button type="button"> <img src="images/mal.png" width="32" height="32" onclick="Mal()"> </button>
<button type="button"> <img src="images/plus.png" width="32" height="32" onclick="Plus()"> </button>
<button type="button"> <img src="images/minus.png" width="32" height="32" onclick="Minus()"> </button>
<button type="button"> <img src="images/geteilt.png" width="32" height="32" onclick="Geteilt()"> </button>
<br>
<br>
<br>
&ensp; &ensp; &ensp; &ensp; <input type="text" name="Ausgabe1" value="Ergebnis" size="10">

</form>

</body>

Wo liegt denn der Fehler? .. Wenn ich was berechnen will, gibt er nichts aus.

(Bin ein Anfänger)
 
Werbung:
Der JavaScript-Code ist ziemlich fehlerhaft. Dort fehlt hinter jeder Funktion ein schließendes "}".

Und weil es eindeutig JavaScript ist um das es dir geht, habe ich dein Topic mal zu JavaScript verschoben.
 
du musst die strings aus den input-boxen noch in integer-Werte konvertieren: parseInt(...).
außerdem würde ich die boxen nicht per name referenzieren, sondern per id.

was hältst du davon:
<input type="button" rechnung="+">
<input type="button" rechnung="-">
<input type="button" rechnung="*">
<input type="button" rechnung="/">

und der javaScript-teil:
document.onclick = function(e){
if(e.target.tagName == button){
ergebnis = eval([alter wert] + e.getAttribute("rechnung") + [neuer wert]);
}
}
 
Werbung:
@omoxen:

tagName == "button" wird nicht klappen, oder?

@Davidforthewin:

HTML: 
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <link rel="stylesheet" type="text/css" href="gadget_style.css" />

    <script type="text/javascript">
        function Mal()
        {
            var a = parseFloat(document.Formular.Erste_Zahl.value),
                b = parseFloat(document.Formular.Zweite_Zahl.value);

            checkErgebnis(a * b);
        }

        function Plus()
        {
            var a = parseFloat(document.Formular.Erste_Zahl.value),
                b = parseFloat(document.Formular.Zweite_Zahl.value);

            checkErgebnis(a + b);
        }

        function Minus()
        {
            var a = parseFloat(document.Formular.Erste_Zahl.value),
                b = parseFloat(document.Formular.Zweite_Zahl.value);

            checkErgebnis(a - b);
        }

        function Geteilt()
        {
            var a = parseFloat(document.Formular.Erste_Zahl.value),
                b = parseFloat(document.Formular.Zweite_Zahl.value);

            checkErgebnis(a / b);
        }

        function checkErgebnis(Ergebnis)
        {
            document.Formular.Ausgabe1.value = '';

            if (Ergebnis > 100) {
                document.Formular.Ausgabe2.value = "Geht nicht";
            } else {
                document.Formular.Ausgabe1.value = Ergebnis;
            }
        }
    </script>
</head>

<body>

    <form name="Formular" action="">
        <br>
        <br>
        &ensp; &ensp; <input type="text" name="Erste_Zahl" size="4">
        &ensp; &ensp; <input type="text" name="Zweite_Zahl" size="4">
        <br>
        <br>
        <button type="button" onclick="Mal()"> <img src="http://www.html.de/images/mal.png" width="32" height="32"> </button>
        <button type="button" onclick="Plus()"> <img src="http://www.html.de/images/plus.png" width="32" height="32"> </button>
        <button type="button" onclick="Minus()"> <img src="http://www.html.de/images/minus.png" width="32" height="32"> </button>
        <button type="button" onclick="Geteilt()"> <img src="http://www.html.de/images/geteilt.png" width="32" height="32"> </button>
        <br>
        <br>
        <br>
        &ensp; &ensp; &ensp; &ensp; <input type="text" name="Ausgabe1" value="Ergebnis" size="10">
    </form>

</body>

</html>

Bitte lesen: DOCTYPE-Switch und seine Auswirkungen
 
Zuletzt bearbeitet:
No Spam for ever
------------------------------------
JJJJEEEEAAAAHHHH
 
Zuletzt bearbeitet:
Werbung:
Welches "Rechenfeld"? Meinst Du das mit dem Namen "Ausgabe1"? Dann wäre es

Code: 
document.formular.Ausgabe1.value = wert;

wobei "wert" durch die Variable mit dem Rechenergebnis ersetzt werden müsste.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben