首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >文件不断重新加载

文件不断重新加载
EN

Stack Overflow用户
提问于 2019-03-15 02:57:05
回答 2查看 69关注 0票数 1

我有一个问题(或一些不便)

我已经在chrome上制作了我自己的网页。这应该是一个有十个问题的测验。测验还没有完成,但现在这不是问题所在。问题是,由于某种原因,每次我单击页面末尾附近的按钮时,页面都会刷新。我不想在单击按钮时刷新页面。有什么建议吗?这是我的html文件。如果您需要理解我所问的内容,请在浏览器中运行代码。

<!DOCTYPE HTML>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="quiz" content="myown quiz">
    <title>Quiz</title>
</head>

<body>
    <script type="text/javascript" src="machine.js"></script>
    <link rel="stylesheet" type="text/css" href="quizformatting.css">
    <h1>Choose the major right for you</h1>
    <pre>
    <form>
    Do you like enjoy programming?
    <select>
    <option class="choice">Select a value</option>
    <option class="program">Yes</option>
    <option class="no">No</option>
    </select>

    Do you enjoy 2d animation and 3d animation?
     <select>
    <option class="choice">Select a value</option>
    <option class="art">Yes</option>
    <option class="no">no</option>
    </select>

     Do you like music
     <select>
     <option class="choice">Select a value</option>
     <option>Yes</option>
     <option class="no">no</option>
     </select>

    What are your favorite pastimes?
    <select>
     <option class="choice">Select a value</option>
    <option class="music">Listening to music</option>
     <option class="program">making websites</option>
     <option class="art">Drawing</option>
    <option class="no">None of these</option>
    </select>

    Out of all the activities you like to do, which one do you enjoy the most?
    <select>
    <option class="choice">Select a value</option>
    <option class="art">Painting and drawing</option>
    <option class="music">Playing instruments</option>
    <option class="art">Drawing</option>
    <option class="no">None of these</option>
    </select>

    Would you be interested in making art or coding for video games?
    <select>
    <option class="choice">Select a value</option>
     <option class="program">I would be interested in learning the programming 
    languages used to create the scripting for games</option>
     <option class="art">I would like to the models and the environment for 
    modeling</option>
    <option class="no">I'm not interested in either of these options</option>
    </select>

    Do you enjoy making websites or learning how to sing?
    <select>
    <option class="choice">Select a value</option>
    <option class="music">Learning how to sing</option>
    <option class="program">making websites for projects</option>
    <option class="no">I'm not interested in any of this</option>
    </select>

    Do you enjoy listening to music more or making programming applications?
    <select>
    <option class="choice">Select a value</option>
    <option class="music">I would like to listen to music</option>
    <option class="program">Programming is my thing</option>
    <option class="art">I'm more of a drawer</option>
    <option class="no">I don't like any of these options</option>
    </select>

    Which skillset are you more interested in learning?
    <select>
    <option class="choice">Select a value</option>
    <option class="music">Learning the notes of instruments</option>
    <option class="program">Learning the language of javascript</option>
    <option class="art">I like anime, so I would love to learn how to animate in 
    anime style</option>
     <option class="no">I don't want to do any of these options</option>
    </select>

    Please press the button to get your answer

    <button onclick="Starting();">Click me</button>
    </form>
    </pre>

</body>

</html>

这是我的样式表文件。

h1 {
    text-align: center;
}

form {
    font-size: 20px;
    text-align: center;
    font-style: italic;
}

button {
    height: 50px;
    width: 100px;
}

这是我的javascript文件:(澄清一下,这不是我现在关心的问题)

function Starting() {

    var artchoices = document.querySelectorAll(".art");
    var program = document.querySelectorAll(".program");
    var choice = document.querySelectorAll(".choice");
    var no = document.querySelectorAll(".no:checked");
    var music = document.querySelectorAll(".music");

    let answer = true;

    for (var e = 0; e < choice.length; e++) {

        if (choice[e].selected == true) {
            answer = false;
            break;
        }

    }

    if (answer = false) {
        console.log("Make sure you checked all values");

    } else {
        if (no = 9) {
            console.log("Oh, so you don't want to become anything huh");

        } else {

        }

    }

}
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55170114

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档