时间戳

首页 > 解决方案 > Javascript，单击按钮时显示结果

javascript - Javascript，单击按钮时显示结果

问题描述

用户应该输入性别和年龄，点击按钮，会显示一些文字和图片。当我单击按钮时，什么也没有发生。我是一名学生/javaScript 初学者，对此很陌生。我知道代码不完整:) - 任何人都可以给我一些建议吗？

    <!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>

标签： javascriptif-statementonclick

解决方案

您需要将 onclick 事件处理程序添加到按钮，以便在您单击它时执行您的函数。

<input id="forslag-btn" type="button" value="Vis forslag" onclick="visBruker()">

推荐阅读