dimanche 4 octobre 2020

Javascript, display results when button is clicked

The user is supposed to enter gender and age, click on the button, and some text and images will be displayed. When I click the button, nothing happens. I am a student/javaScript beginner and quite new to this. I am aware that the code is not complete :) - Can anyone give me some advice?

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Et forslag</title>
</head>
<body>
    <div>
        <header>
            <h1>FindYourLove</h1>
        </header>
        
        <nav>
            <ul>
                <li><a href="alle-profiler.html">Alle profiler</a></li>
                <li><a href="profil-forslag.html">Dagens profil</a></li>
            </ul>
        </nav>
        
        <main>
        
            <section>
                <label>Tast inn ønsket alder</label>
                <input type="text" id="alder-p"><br>
                <label>Mann eller kvinne?</label>
                <input type="text" id="gender-p">
                <input id="forslag-btn" type="button" value="Vis forslag">
                <p id="output-p"></p>
            </section>
            
            <script>
                function visBruker(){
                var alder = document.getElementById("alder-p");
                var kjønn = document.getElementById("gender-p");
                }
                    
                var outputP = document.getElementById("output-p");
                var forslagBtn = document.getElementById("forslag-btn");
                
                
                if( kjønn == mann && alder >= 25){
                    outputP.innerHTML = "Simen";   
                }
                else if( kjønn == mann && alder =<25 ){
                   
                }
                else if( kjønn == kvinne && alder >= 25){
                    
                }
                else{
                    
                }
                
                
            </script> 
        </main>
    </div>
</body>
</html>

Aucun commentaire:

Enregistrer un commentaire