HTML,JS随机代码生成器无法正常工作

时间:2018-06-04 06:11:03

标签: javascript html random

所以我有这个类项目的代码,我正在做我的随机数生成器附加到当前流提交按钮,随机数生成器的结果应该在水主要信息占位符。这些数字会瞬间弹出,然后消失。我做错了什么?



function refreshPage() {
  document.getElementById("ref").value = Math.floor(Math.random() * 70000) + 10000;
}

body {
  background: #87CEEB;
  color: #fff;
}

.header {
  font-size: 20px;
  text-align: center;
}

<form name="" class="">
  <fieldset>
    <div style="text-align:center; padding:.5em; margin-bottom:2em;">
      <span style="border:1px solid #ccc;text-align:center; font-size:2em;background:#0099FF;padding:.5em; clear:both;">
					National Water Company</span><br/>
      </br><span style="border:1px solid #ccc;text-align:center; font-size:20px;background:#0099FF; padding:.5em; clear:both;">
					System Damage Tracking, Water Loss Reporting. Leakage and Pipes Damage Reporting</span>
    </div>

    <div style="text-align:left; padding:.5em; margin-bottom:2em; width:40%; float:left;">
      <span style="width:1em; font-size:1.5em;">Water Main Information</span>
      <input id="ref" type="text" name="" style=" font-size:1.5em; width:160px;" /><br/>
      <input type="submit" name="" style="font-size:1.5em;background:#0099FF" Value="current flow" onClick="refreshPage()" />
    </div>
    <div style="text-align:left; padding:.5em; margin-bottom:2em;">
      <span style="width:10px; font-size:1.5em;">Customer Consumption </span>
      <input type="text" name="" placeholder="Name" style=" font-size:1.5em; width:160px;" />
      <input type="text" name="" placeholder="Address" style=" font-size:1.5em; width:160px;" />
      <input type="text" name="" placeholder="Location" style=" font-size:1.5em; width:160px;" /><br/>
      <input type="submit" name="" placeholder="" style="font-size:1.5em;background:#0099FF" Value="History" />
    </div>
    <div style="text-align:left; padding:.5em; margin-bottom:2em; width:50%; float:left;">
      <span style="width:1em; font-size:1.5em;">Request Incident</span>
      <input type="text" name="" placeholder="Name" style=" font-size:1.5em; width:150px;" />
      <input type="text" name="" placeholder="Phone" style=" font-size:1.5em; width:150px;" />
      <input type="text" name="" placeholder="Location" style=" font-size:1.5em; width:150px;" /><br/>
      <input type="submit" name="" placeholder="" style="font-size:1.5em;background:#0099FF" Value="History" />
    </div>
    <div style="text-align:left; padding:.5em; margin-bottom:2em;">
      <span style="width:1em; font-size:1.5em;">Differencing Data</span>
      <input type="text" name="" placeholder="00,000 l" style=" font-size:1.5em; width:160px;" /><br/>
      <input type="submit" name="" style="font-size:1.5em;background:#0099FF" Value="History" />
    </div>
  </fieldset>
</form>
&#13;
&#13;
&#13;

0 个答案:

没有答案