Euroumrechner mit Javascript??

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Euroumrechner mit Javascript??

    Hi,

    könnte mir jemand bei dieser Aufgabe helfen? Ich sitze schon seit 3 Std dran und habe einfach keine Ahnung wie ich das machen soll. Ich kenne mich mit Javascript noch nicht aus.

    Euroumrechner: 2 Eingabefelder (DM und €) 2 Knöpfe, welche die Konvertierungsrichtung vorgibt. Bei Drücken einer der beiden Knöpfe soll der Wert des passenden Eingabefelds berechnet und dargestellt werden..

    mfg emir
  • Wie weit bist du denn schon gekommen? Hast du schon irgendwas programmiert? Fertigen Code zum mitnehmen gibts hier nämlich nicht :-).
    Hier mal ein Tipp zum Suchen für weitere Informationen:
    Um auf den Inhalt der Textfelder zugreifen zu könenn, brauchst du DOM (Document Object Model).
    Für den Klick auf einen Button benötigst du ein onclick event und am besten auch eine eigene Funktion, die bei diesem Event aufgerufen wird.
    Für die Ausgabe würde ich dir ein <p> Element (HTML) empfehlen, welches einfach leer ist. Darauf kannst du schreibend mittels DOM, genauer gesagt mit innerHTML darauf zugreifen.

    Wenn du dich informiert hast und dann noch nicht weiter kommst, dann stelle bitte konkrete Fragen.
    Open Source --> Programmieren aus Leidenschaft :!:

    Ich stehe weder für privaten Support per PM noch über einen IM zur Verfügung. Danke.
  • Klar hab ich schon was gemacht...

    <script >


    function e2d(wert1)
    {
    var dm = (euro*1.95583)*100)/100;
    return dm;
    }
    function d2e(wert2)
    {
    var euro = (euro*1.95583)*100)/100;
    return euro;
    }


    </script>

    <h1>Euroumrechner</h1>

    <form>
    <table border="0" cellpadding="5" cellspacing="4">

    <tr>
    <td> Euro </td>
    <td>
    <input name="wert1" type="text" size="10" maxlength="30">
    </td>


    <td>
    <input type="button" value="Euro in DM" onclick="e2d()">
    </td>

    </tr>
    <tr>
    <td> DM </td>
    <td>
    <input name="wert2" type="text" size="10" maxlength="30">
    </td>

    <td>
    <input type="button" value="DM in Euro" onclick="d2e()" >
    </td>


    </tr>
    </table>
    </form>
  • Kann mir jemand sagen was hier noch Falsch ist.

    <script type="text/javascript">


    function e2d()
    {
    var wert1 = this.document.Rechner.wert1.value;
    var Ergebnisdm = 0;
    Ergebnisdm = (wert1*1.95583);
    document.Rechner.wert1.value = Ergebnisdm;

    }
    function d2e()
    {
    var wert12 = this.document.Rechner.wert2.value;
    var Ergebniseu = 0;
    Ergebniseu = (wert2/1.95583);
    document.Rechner.wert2.value = Ergebniseu;
    }


    </script>

    <h1>Euroumrechner</h1>

    <form name="Rechner" >
    <table border="0" cellpadding="5" cellspacing="4">

    <tr>
    <td> Euro </td>
    <td>
    <input name="wert1" type="text" size="10" maxlength="30">
    </td>


    <td>
    <input type="button" value="Euro in DM" onclick="e2e()
    " >
    </td>

    </tr>
    <tr>
    <td> DM </td>
    <td>
    <input name="wert2" type="text" size="10" maxlength="30">
    </td>

    <td>
    <input type="button" value="DM in Euro" onclick="d2e()" >
    </td>


    </tr>
    </table>
    </form>
  • Quellcode

    1. <input type="button" value="Euro in DM" onclick="e2e()">

    muss zu

    Quellcode

    1. <input type="button" value="Euro in DM" onclick="e2d()">

    und

    Quellcode

    1. var wert12 = this.document.Rechner.wert2.value;

    zu

    Quellcode

    1. var wert2 = this.document.Rechner.wert2.value;

    Dann funktioniert alles. Solche Fehler findest du übrigens sehr schnell mit Firebug
    Open Source --> Programmieren aus Leidenschaft :!:

    Ich stehe weder für privaten Support per PM noch über einen IM zur Verfügung. Danke.
  • Hallo,

    ich habe noch mal eine Frage. Wieso gibt mir Javascript bei der Addition am Ende (Ergebnis = wert4 + wert1) statt der Summe die erste Zahl neben der zweiten Zahl aus? Bsp: Statt 100+16 = 116 auszugeben, gibt es mir 10016 aus.

    <script type="text/javascript">


    function Kurs()
    {
    var wert1 = this.document.Rechner.wert1.value;
    var wert2 = this.document.Rechner.wert2.value;
    var Ergebnis = 0;
    var wert4 = 0;
    wert4 = ((wert1*wert2)/100);
    Ergebnis = wert4 + wert1;
    document.Rechner.wert3.value = Ergebnis;

    }

    </script>

    <form name="Rechner" action="">
    <table border="0" cellpadding="5" cellspacing="4">

    <tr>
    <td> Quellwährung: </td>
    <td>
    <input name="wert1" type="text" size="10" maxlength="10">
    </td>

    </tr>
    <tr>
    <td> Kurs: </td>
    <td>
    <input name="wert2" type="text" size="10" maxlength="10">
    </td>

    <tr></tr>
    <td>Ergebnisfeld: </td>
    <td> <input name="wert3" type="text" size="10" maxlength="10"> </td>


    <td> <input type="button" value="Kursumrechnen" onclick="Kurs()" >
    <input type="reset" value="Reset"></td>
    </td>

    </tr>

    </tr>
    </table>
    </form>
  • JS interpretiert wert4 und wert1 als Strings. Du musst sie mittels parseFlota() umwandeln:

    Quellcode

    1. function Kurs()
    2. {
    3. var wert1 = parseFloat(this.document.Rechner.wert1.value);
    4. var wert2 = parseFloat(this.document.Rechner.wert2.value);
    5. var Ergebnis = 0;
    6. var wert4 = 0;
    7. wert4 = ((wert1*wert2)/100);
    8. Ergebnis = wert4 + wert1;
    9. document.Rechner.wert3.value = Ergebnis;
    10. }
    Alles anzeigen
    Open Source --> Programmieren aus Leidenschaft :!:

    Ich stehe weder für privaten Support per PM noch über einen IM zur Verfügung. Danke.
  • Mensch in C geht das^^

    Wie schaffe ich es eigentlich etwas zu berechnen ohne eine Button zu benutzen. Und statt der zweiten Textbox eine Selektionsbox. Ich habe es mit onchange="this.form.submit() versucht aber das klappt nicht so wie ich es mir gedacht hatte. Muss ich den einzelnen Optionen in der Selectbox auch einen dieser Variablen Pfade geben um mit ihnen rechnen zu können? Oder soll ich statt onchange, onblur verwenden?

    <script type="text/javascript">


    function Kurs()
    {
    var wert1 = parseFloat(this.document.Rechner.wert1.value);
    var wert2 = parseFloat(this.document.Rechner.wert1.steuersatz.value);
    var Ergebnis = 0;
    var wert4 = 0;
    wert4 = ((wert1*wert2)/100);
    Ergebnis = wert4 + wert1;
    document.Rechner.wert3.value = Ergebnis;

    }

    </script>


    </td>
    <td>
    <select name="steuersatz" size="1" onchange="this.form.submit();">
    <option value="19">19%</option>
    <option value="16">16% (alt)</option>
    </select>
    </td>
    </tr>


    <tr>
    <td>Ergebnisfeld: </td>
    <td> <input name="wert3" type="text" size="10" maxlength="10"> </td>
    </tr>
    </table>
    </form>

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von ITzEmir ()

  • Also ich hab JS damals mit Professionelle Websites gelernt. Denke aber mal, dass man das JS Kapitel auch unabhängig von dem Rest lesen kann, wenn man schon HTML kann. Dort wird auch IMHO sehr gut DOM erklärt.
    Auf der Seite findest du die 2. Auflage als Openbook.
    Ansonsten könntest du auch mal im Literaturthread nachschauen.
    Open Source --> Programmieren aus Leidenschaft :!:

    Ich stehe weder für privaten Support per PM noch über einen IM zur Verfügung. Danke.
  • Sry, hab deinen Eintrag mit dem Problem völlig übersehen :) .
    Nun zu deinem Problem:
    Mit einem Eventhandler (hier onchange="...") führst du immer direkt JS-Code aus. So kannst du einfach deine Funktion Kurs() aufrufen:

    Quellcode

    1. <select name="steuersatz" size="1" onchange="Kurs()">
    Open Source --> Programmieren aus Leidenschaft :!:

    Ich stehe weder für privaten Support per PM noch über einen IM zur Verfügung. Danke.