Javascript 为什么我的输入字段会被重置_Javascript_Html

Javascript 为什么我的输入字段会被重置

javascript html

Javascript 为什么我的输入字段会被重置,javascript,html,Javascript,Html,我对Javascript有问题，甚至可能是html 我有一个代码如下所示： function tafelToetsen() { tafel = document.getElementById('tafelToetsen').value; if (tafel != "") { document.getElementById('response').innerHTML=("<table id='table' border='1' onload='dyslectie();'>

我对Javascript有问题，甚至可能是html

我有一个代码如下所示：

function tafelToetsen() {
  tafel = document.getElementById('tafelToetsen').value;
  if (tafel != "") {
    document.getElementById('response').innerHTML=("<table id='table' border='1' onload='dyslectie();'><th colspan='2'>Dit is de tafel van " + tafel + "</th></table>");
    for (i = 1; i < 11; i++) {
      antwoorden[i] = i * tafel;
      document.getElementById('table').innerHTML+=("<tr><td>" + i + " x " + tafel + " =</td><td><input type='text' id='tafel" + i + "' required></td></tr>");
    }

    document.getElementById('table').innerHTML+=("<button onclick='checkToets()'>Check toets</button>");
  } else {
    document.getElementById('response').innerHTML=("Kies je tafel<br/>");
    document.getElementById('table').innerHTML+=("<button onclick='checkToets()'>Check toets</button>")
  }
}


// Tafels checken

function checkToets() {
  var naam = document.getElementById('naams').value;

  o = 0;
  v = 0;
  antwoorden[i] = i * tafel;
  for (i = 1; i < antwoorden.length; i++) {
    if ($("#tafel" + i).val() == "" || $("#tafel" + i).val() == null) {
      break;
    } 
    else if (antwoorden[i] != $("#tafel" + i).val()) {
      o++;
    } 
    else {
      v++;
    }
  }

  document.getElementById('response').innerHTML+= "";
  if ((v + o) != 10) {
    document.getElementById('response').innerHTML=("<p id='onvoldoende' style='color:red;'>Je hebt nog niet alles ingevuld," + naam + '.');
  } 
    else if (v == 1) {
    document.getElementById('response').innerHTML=("Je hebt een 1, " + naam + ", dat moet je zeker verbeteren!");
  }
  else if (v == 2) {
    document.getElementById('response').innerHTML=("Je hebt een 2, " + naam + ", dat moet je zeker verbeteren!");
  }
  else if (v == 3) {
    document.getElementById('response').innerHTML=("Je hebt een 3, " + naam + ", dat moet je zeker verbeteren!");
  }
  else if (v == 4) {
    document.getElementById('response').innerHTML=("Je hebt een 4, " + naam + ", dat moet je zeker verbeteren!");
  }
  else if (v == 5) {
    document.getElementById('response').innerHTML=("Je hebt een 5,  " + naam + ", een 6 is een voldoende!</p>");
  }
  else if (v == 6) {
    document.getElementById('response').innerHTML=("<p id='voldoende'>Je hebt een 6, " + naam + ", je hebt NET een voldoende! Oefen meer!");
  }
  else if (v == 7) {
    document.getElementById('response').innerHTML=("Je hebt een 7, " + naam + ", je hebt een ruimvoldoende! We gaan voor de 10!");
  }
  else if (v == 8) {
    document.getElementById('response').innerHTML=("Je hebt een 8 gehaald, " + naam + ", zeer goed! Bij de 10 krijg je een certificaat!");
  }
  else if (v == 9) {
    document.getElementById('response').innerHTML=("Je hebt een 9 gehaald, " + naam + ", zeer goed! Bijna een 10, dan krijg je een certificaat!");
  }
  else if (v == 10) {
    document.getElementById('response').innerHTML+=("Je hebt alles goed! Goedzo, " + naam + "</p>. <button>Print certificaat!</button>");
  }



}

函数checkToets检查输入字段的正确答案，然后他写了一行html:innerhtml

但是每当我点击按钮，输入字段就会被重置。。在internet上搜索了一个小时以寻找解决方案，但找不到正确答案

从几天以来我仍然没有任何问题。。。请帮我走出这地狱：-

请求者的html：

<!doctype html>
<html lang="nl" ng-app>

<head>
  <meta charset="UTF-8">
  <title>Tafels Toetsen | Tayfun Kayahan</title>
  <link rel="stylesheet" href="css/style.css">
  <meta name="viewport" content="width=device-width; initial-scale=1.0">
  <link rel="shortcut icon" type="image/x-icon" href="images/favicone.ico">
</head>

<body onload="msieversion();">
    <Header>
        <a href="index.html"><img src="images/logo.png" id="logo"></a>

        <nav id="navigatie">

        <ul>
            <li id="toetsen">
                <a href="#">TAFELS TOETSEN</a>  

            </li>
            <li id="oefenen">
                <a href="oefenen.html">TAFELS OEFENEN</a>
            </li>
            <li>
                <a href="over.html">CONTACT</a>
            </li>
        </ul>
        </nav>
        <img src="images/d.png" id="d" onclick="dyslectie()">

        <p id="dys">Dyslexie</p>
    </Header>
<div id="toetsen">
    <h2>Tafels Toetsen</h2>
    <label id="naamask">Wat is je naam?                </label>
        <input type="text" id="naams" ng-model='naams'><br/>
    <label>Kies je tafel:                </label>
<select name="tafelToetsen" id="tafelToetsen" ng-model='select' type='select'>
      <option value="">Kies een Tafel</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
      <option value="13">13</option>
</select>
    <button id="toetsbutton" type="button" onclick="tafelToetsen()" style="margin-left:3.65%;">Toets de tafel {{ select }}</button><br/>

    <label for="Tafel">Kies je tafel boven de 13:</label>
    <input type="text" name="tafel" id="tafele" ng-model="antwoord">
    <button onclick="expert()">Toets de tafel {{ antwoord }}</button>
</div>
    <div id="response"></div>
    <div id="uitkomst"></div>
<div id="footert">
    <footer>
        <ul>
            <li>
                <a href="#">Twitter</a>
            </li>
            <li>
                 <a href="#">Facebook</a>
            </li>
        </ul>
            <span class="copy">&copy;2014 <a href="http://www.tkayahan.ict-idcollege.nl/niemandtafels">Wonder<span class="red">S</span><span class="green">Q</span><span class="black">o</span><span class="pink">o</span>l</a>
</footer>
</div>


  <!-- scripts -->
  <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  <script src="javascript/script.js"></script>
  <script src="javascript/ie.js"></script>
  <script src="javascript/angular.min.js"></script>
</body>

</html>

下面是checkToets函数中重置输入的行。它用相同的结构替换现有的html，减去输入，但添加一个空字符串

document.getElementById('response').innerHTML+= "";

是否有一个表单包装此内容？在许多浏览器中，如果没有，则默认为type=submit。按钮是否提交刷新页面和重置输入的表单？如果是这样，您将希望阻止提交。一种方法是设置。另一个旁注：不要使用原始javascript，因为你有jQuery@showdev确实尝试过，但没有成功：另外，页面没有刷新，只是认为可能是因为innerHMTL+=表单正在重置，但已经问过我的老师，他也没有任何答案。好的。调试代码很困难，除非您能提供一个重现问题的示例。请显示您的HTML和其他相关代码。谢谢你的回答，但仍然没有解决问题。。我现在有点不知所措，该如何处理：/使用您的代码，删除该行为我解决了问题。诚然，我没有ie.js脚本，所以这可能是问题的一部分。这可能是问题所在。是的，我会试试。感谢您的帮助：-