【问题标题】:How can I display values in the order of users' answers如何按用户答案的​​顺序显示值
【发布时间】:2022-06-13 20:31:49
【问题描述】:

我一直在运行这段代码,到目前为止我没有看到任何错误,但显示功能可以正常工作......所需的输出将类似于屏幕顶部的 NameAgeValue。任何我不知道的解决方案或错误?

<html>
    <header>
        <style>
            body{
                font-size:16px;
            }
            #maintext{
                font-size:40px;
            }
        </style>
        <script>
           
            function submitsurvey(){
               window.name = document.getElementById("name").value;
               window.age = document.getElementById("age").value;
               window.gender = document.getElementById("gender").value;
          
            function getgender(){
                if (document.getElementById("gender1").checked == true){
                    window.male= document.getElementById("gender1").value;
                }
                if (document.getElementById("gender2").checked == true){
                    window.male= document.getElementById("gender2").value;
                }
                if (document.getElementById("gender3").checked == true){
                    window.male= document.getElementById("gender3").value;
                }
                if (document.getElementById("gender4").checked == true){
                    window.male= document.getElementById("gender4").value;
                }
                
            }
            function display(){
                document.getElementById("maintext").innerHTML = window.age + window.name + window.male; //strings will concatinate
            }
        </script>
    </header>
    <body>
        <div id="maintext"></div>
        Name: <input type="text" id="name" value=""><br><br>
        Age: <input type ="text" id="age" value=""><br><br>
        <form id="gender">
        Gender: <br><input type="radio" value="Male" id="gender1" name= "gender">Male
        <br><input type="radio" value="Female" id="gender2" name= "gender">Female
        <br><input type="radio" value="Other" id="gender3" name= "gender">Other
        <br><input type="radio" value="NoInfo" id="gender4" name= "gender">I prefer not to disclose
        </form>
        <br><br> 
        Please leave any other comments below!<br>
        <textarea id="comments" cols="'30" rows="5"></textarea><br><br> 
        <button onclick=submitsurvey()>Submit Survey</button>  
        <button onlcick=display()>Display Name (run after submit)</button>
    </body>
</html>

【问题讨论】:

标签: javascript html


猜你喜欢
  • 2018-06-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-06-08
  • 2016-05-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多