Stefan: Javascript-BMI Rechner, auslesen von Eingabewerten

problematische Seite

Ich muss für die Uni einen BMI-Rechner per HTML erstellen. Ich möchte 2 Eingabefelder haben, jeweils für Größe und Gewicht. Die Werte sollen per per Knopfdruck in einem popup angezeigt werden und für weitere Berechnungen gespeichert weden.

Bis jetzt schaut das so bei mir aus:

	<script type="text/javascript">
		
		function aufgabe() {
			var auslesen_Masse = document.getElementById("Masseingabe").value;
			var auslesen_Gewicht = document.getElementById("Gewichteingabe").value;
		alert("Ihre Groeße beträgt:" + auslesen_Masse "cm, Ihr Gewicht:" + auslesen_Gewicht"kg");
		}
		
	</script>
	
</head>

	<body>
		<H1>BMI RECHNER</H1>	
		<form action="#">
			<label for="Masseingabe">Geben sie hier Ihre Größe ein: </label> <input id="Masseingabe" name="Mass" type="number" min="30" max="220" step="0.5">cm </input>
			</br>
			<label for="Gewichteingabe">Geben sie hier Ihr Gewicht ein: </label> <input id="Gewichteingabe" name="Gewicht" type="number" min="30" max="220" >kg </input>

			</br>
		
			<p> BMI: <button type="button" onclick="aufgabe();" id="berechnen">BERECHNEN</button> </p> 
		</form>

Nachdem ich die Werte eingebe und auf den button klicke, passiert nichts... Woran liegen meine Fehler? Ich bedanke mich jetzt schonmal für die Hilfe!

MfG

Stefan

  1. problematische Seite

    Hallo Stefan,

    In der Entwicklerumgebung (meist F12) gibt es eine Konsole. Dort kann man die JS-Fehler sehen, falls es welche gibt.

    Bis demnächst
    Matthias

    --
    Pantoffeltierchen haben keine Hobbys.
    1. problematische Seite

      Bei Notpad++ finde ich keine Konsole und f12 funktioniert auch nicht 😟

      1. problematische Seite

        Hallo Stefan,

        Bei Notpad++ finde ich keine Konsole und f12 funktioniert auch nicht 😟

        In notepad++ gibt es ja auch keinen Fehler, den gibts erst im Browser.

        Bis demnächst
        Matthias

        --
        Pantoffeltierchen haben keine Hobbys.
        1. problematische Seite

          Danke, ich hab den Fehler jetzt gefunden… Bei alert() fehlte ein + operator nach der genannten Variable. Ich bedanke mich für die Hilfe

          Schönen Tag noch,

          Stefan

          1. problematische Seite

            @@Stefan

            Bei alert() fehlte ein + operator nach der genannten Variable.

            Mit template literals wäre das nicht passiert.

            LLAP 🖖

            --
            „Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann