Beiträge von Paddel12345

  • Javascript in HTML eingebettet

    Hallo!

    Ich hatte Javascript in mein HTML Dokument eingefügt- alles funktioniert ohne Probleme.

    Leider soll ich keinen eingebetteten Stil benutzen sondern es als externe Datei anlegen und dann in die HTML-Datei einfügen.

    Also habe ich den Code herauskopiert und in die neue Javascript-Datei eingefügt. Jetzt funktioniert allerdings die Seite nicht mehr, beziehungsweise mein Umrechner funktioniert nicht.

    Mein HTML-Dokument ist valide, ich schätze es liegt an der Javascript-Datei. Leider finde ich den Fehler nicht


    meine html:

    <!DOCTYPE html>

    <html lang="de">

    <head>

    <link href="einundausgabe.css" rel="stylesheet">

    <script src="einundausgabe.js" defer></script>

    <title>Patricia's Umrechner</title>

    </head>

    <body>

    <h1> Rechne ganz easy Kilometer in Meilen um!</h1>

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

    <button id="eingabebutton">klick!</button>

    <div id="ausgabe"></div>

    <footer> Viel Spass mit deinem Ergebnis!</footer>

    </body>

    </html>


    meine Javascript-Datei:

    <script>

    <script language="javascript">



    window.onload = function(){

    var button = document.getElementById("eingabebutton");

    var ausg=document.getElementById("ausgabe");

    button.addEventListener("click", function(){

    var betrag = document.getElementById("eingabe").value;

    if(isNaN(betrag)){

    ausg.innerHTML ="Bitte gebe eine Zahl ein";

    return

    }

    var ergebnis = 0.621371*betrag;

    ausg.innerHTML = ergebnis.toFixed(2) + " miles";

    })

    </script>

  • Umrechnung via reinem Javascript

    Kannst du mir vielleicht noch sagen, wo ich den 2. Fehler beheben kann? ich kann im js und im html nicht finden

    Und das language= javascript würde ich gerne für meinen Dozenten drin lassen, da es auch so in der Vorlesung gemacht wurde, aber da sagtest du ja, dass es die Funktion nicht behindern würde.

  • Umrechnung via reinem Javascript

    ich habe bereits versuch einiges zu ändern, leider hat das (natürlich) auch nicht zum gewünschten Ziel geführt


    <!DOCTYPE html>

    <html lang="de">

    <head>

    <h1> Rechne ganz easy Kilometer in Meilen um!</h1>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="einausgabe.css"/>

    <script src="einausgabe.js" defer ></script>

    <title>Umrechner</title>

    </head>

    <body>

    <input id="betrag">

    <button id="eingabebutton">klick!</button>

    <div id="umrechnen">


    <div id="ausgabe"></div>

    </body>

    </html>



    <script language="javascript">


    window.onload = function(){


    var button = document.getElementById('eingabebutton');

    button.addEventListener("click", kminmeilen);

    function kminmeilen(){

    var betrag = document.getElementById('betrag');

    betrag = betrag.value;

    var meilenauskm = 0.6231;

    var ergebnis = betrag * meilenauskm;


    document.getElementById('ausgabe').innerHTML = "<p>" + ergebnis + " meilen</p>";


    }

    }

    </script>

  • Umrechnung via reinem Javascript

    Ja genau, ich hatte versucht ein vergebenes Skript vom Dozent und eins aus dem Forum (in dem auch etwas umgerechnet wurde, versucht miteinander zu kombinieren. Allerdings hat mich das anscheinend mehr verwirrt als weitergeholfen

  • Umrechnung via reinem Javascript

    Also meine html sieht aktuell so aus:


    <!DOCTYPE html>

    <html lang="de">

    <head>

    <h1> Rechne ganz easy Kilometer in Meilen um!

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="einausgabe.css"/>

    <script src="einausgabe.js" defer ></script>

    <title>Umrechner</title>

    </head>

    <body>

    <input id="eingabe">

    <button id="eingabebutton">klick!</button>

    <div id="ausgabe"></div>

    </body>

    </html>




    DIe Javascript-Datei so:


    <script language="javascript">


    window.onload = function(){


    var button = document.getElementById('umrechnen');

    button.addEventListener("click", kminmeilen);

    function euroToDollar(){

    var betrag = document.getElementById('betrag');

    betrag = betrag.value;

    var meilenauskm = 0.6231;

    var ergebnis = betrag * meilenauskm;

    console.log(ergebnis);

    document.getElementById('ausgabe').innerHTML = "<p>" + ergebnis + " $</p>";


    }

    }

    </script>







    Leider hat es so noch immer nicht den gewünschten Effekt gebracht. Findet wer den Fehler?;(

  • Umrechnung via reinem Javascript

    Hallo!

    Ich soll eine Seite erstellen. Auf dieser sollen Kilometer in Meilen umgewandelt werden.

    Also ganz simpel: Man gibt eine Zahl an (hier:kilometer), klickt auf los und dann soll eben das Ergebnis (Meilen) erscheinen. Das soll mit Hilfe von Javascript geschehen. Javascript soll NICHTt in mein html Dokument eingebettet werden. Ich bräuchte also nur eine Erklärung für das externe und reine Javascript- Dokument.

    Ich hab mich auch schon im Forum umgesehen und finde meist nur Anleitungen für Umrechnungen, die eben eingebettet sind.

    Ich bin blutiger Anfänger & freue mich über jeden Ratschlag!!!

    LG:)