Altersüberprüfung in HTML/ JS?

    <form>
        <fieldset>
            <legend>Form:</legend>
            <br> Age:
            <input type="number" id="age" value="">
            <br>
            <br>
        </fieldset>
        <br>
        <br>
        <br>
        <input type="submit" value="Submit" onclick="Age()">
    </form>
    <script>
        function Age() {
            age = document.getElementsById("age");             
            if (age < 16) {                 alert("You are too young to play this game...");             } else {                
                 window.open("snake.html");
            }

        }
    </script>

Was ist hier das Problem?

Answer 1

[FinnB132]

function Age() {
            age = document.getElementById("age").value;            
             if (age < 16) {                
                 alert("You are too young to play this game...");             
              } else {                 
                window.open("snake.html");
            }
}

Du willst die value von dem Element age auslesen, momentan speicherst du die DOM node in die age variable. Außerdem hast du einen Tipp fehler:

statt:

document.getElementsById("age") // so war es bei dir "Elements"

so:

document.getElementById("age").value // "Element"

LG

Woher ich das weiß: Studium / Ausbildung

Comments

[BeastBeat]

Vielen Dank!

Answer 2

[Tyldu]

wie soll es denn funktionieren bzw was tut es nicht was es tun soll?
aktuell passiert da eigentlich nicht viel von daher schwer zu bewerten wo das problem liegt.

Woher ich das weiß: Studium / Ausbildung – Softwareentwickler, B. Sc. Informatik

Comments

[BeastBeat]

Das Formular soll den User auf die externe seite weiterleiten, wenn er über 15 ist. Wenn nicht soll der Alert erscheinen

Answer 3

[regex9]

Es geht übrigens auch ohne expliziten Einsatz von JavaScript:

<!-- ... -->
<label for="age">Age:</label>
<input id="age" min="16" required type="number">
<!-- ... -->

Support

Answer 4

[verreisterNutzer]

Du hast ein onclick und type=submit auf einem <input>. Erstelle einen <button> dafür.

Comments

[FinnB132]

Ist ja nicht unbedingt falsch, ein Button wäre nur evtl. schöner :).

[verreisterNutzer]

@FinnB132

onclick ist etwas... kompliziert bei einer Textbox ;)

[FinnB132]

@verreisterNutzer

Ein type submit ist auch eine art button type text wäre die textbox

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit

(: