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>