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 mithilfe von Javascript geschehen. Javascript soll nicht 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!!!
Der hier verwendete Code
<body translate="no" >
<!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" />
<title>Umrechner</title>
</head>
<body>
<input id="betrag">
<button id="eingabebutton">klick!</button>
<div id="umrechnen">
<div id="ausgabe"></div>
<script>
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>
</body>