Javascript，单击按钮时显示结果_Javascript_If Statement_Onclick

Javascript，单击按钮时显示结果

javascript if-statement

Javascript，单击按钮时显示结果,javascript,if-statement,onclick,Javascript,If Statement,Onclick,用户应该输入性别和年龄，点击按钮，就会显示一些文本和图像。当我点击按钮时，什么也没发生。我是一名学生/javaScript初学者，对这一点非常陌生。我知道代码不完整：）-有人能给我一些建议吗 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Et forslag</title&g

用户应该输入性别和年龄，点击按钮，就会显示一些文本和图像。当我点击按钮时，什么也没发生。我是一名学生/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>


埃特福斯拉格
找到你的爱




奥斯克特奥尔德酒店


曼恩·埃勒·克文内？

函数visBruker（）{
var-alder=document.getElementById（“alder-p”）；
var kjønn=document.getElementById（“性别-p”）；
}
var outputP=document.getElementById（“output-p”）；
var forslagBtn=document.getElementById（“forslagBtn”）；
如果（科恩==mann&&alder>=25）{
outputP.innerHTML=“Simen”；
}
else如果（科恩==mann&&alder==25）{
}
否则{
}

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

您需要更改脚本以作为事件onclick函数运行。当页面加载时，您现在拥有的将运行。onclick函数将添加到button html元素中

<button onclick="function()">Button</button>

按钮

您只需添加onClick属性，并将其设置为单击按钮时要运行的函数。如果您试图将内容隐藏在背景中并在单击后显示，则可以使用

显示：无

，并让脚本在单击按钮时显示图像和文本

<input id="forslaf-btn" type="button" value="Vis forslag onClick="visBruker">

我创建了这个代码，它工作得很好，我希望它能帮助你。如果你需要更多的帮助，请告诉我
const btn=document.getElementById（“forslag btn”）；
const outputP=document.getElementById（“output-p”）；
btn.addEventListener（“单击”，（）=>{
const-alder=document.getElementById（“alder-p”）.value；
const kjønn=document.getElementById（“性别-p”）.value；
如果（科恩=“曼”）{
如果（桤木>=25）{
outputP.innerText=“Simen”；
}否则{
控制台日志（“y”）；
}
}
if（kjønn==“kvinne”）{
如果（桤木>=25）{
控制台日志（“x”）；
}否则{
控制台日志（“y”）；
}
}
});