Javascript Java脚本单元转换器_Javascript_Html_Twitter Bootstrap

Javascript Java脚本单元转换器

javascript html twitter-bootstrap

Javascript Java脚本单元转换器,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,我想做一个简单的计算器。但它不起作用。我不知道为什么我也使用引导当我按下按钮时，计算器什么也不做，我仍然不确定问题出在哪里如果有人能帮助我，那就太好了这是我的密码 <head> <script language="javascript"> function Convert() { var ratUnit1 = document.getElementById("ratUnit1").value; var ratNum1 = document.get

我想做一个简单的计算器。但它不起作用。我不知道为什么

我也使用引导

当我按下按钮时，计算器什么也不做，我仍然不确定问题出在哪里

如果有人能帮助我，那就太好了

这是我的密码

<head>
<script language="javascript">

function Convert()
{
    var ratUnit1 = document.getElementById("ratUnit1").value;
    var ratNum1 = document.getElementById("ratNum1").value;
    var ratUnit2 = document.getElementById("ratUnit2").value;
    var dirForward = document.getElementById("dirForward").checked;
    var dirBackward = document.getElementById("dirBackward").checked;
    var amoInput = document.getElementById("amoInput").value;

if (dirForward)
{
    document.getElementById("resNum1").value = amoInput;
    document.getElementById("resUnit1").value = ratUnit1;
    document.getElementById("resNum2").value = amoInput*ratNum1;
    document.getElementById("resUnit2").value = ratUnit2;
}
else (if dirBackward)
{
    document.getElementById("resNum1").value = amoInput;
    document.getElementById("resUnit1").value = ratUnit2;
    document.getElementById("resNum2").value = amoInput/ratNum1;
    document.getElementById("resUnit2").value = ratUnit1;
}
}
</script>
</head>

<body>

<!--Nav Bar-->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">Unit Converter</a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
      </ul>
    </div>
  </div>
</div>

<!--Page Container-->
<div class="container">

<!--Header-->
<div class="page-header">
  <h1>Welcome to the Unit Converter!</h1>
</div>

<!--Conversion Ratio-->
<div class="jumbotron">
  <h2>Conversion Ratio</h2>
  <br>
  <form class="form-inline">
    <div class="form-group">
      <label>1</label>    
      <input id="ratUnit1" type="text" class="form-control" value="Kilometre">   
    </div>
    <div class="form-group">
      <label>Equals</label>
      <input id="ratNum1" type="text" class="form-control" value="0.621">
    </div>
    <div class="form-group">    
      <input id="ratUnit2" type="text" class="form-control" value="Miles">   
    </div>
  </form>
</div>

<!--Conversion Direction-->
<div class="jumbotron">
  <h2>Conversion Direction</h2>
  <br>
  <form class="form-inline">
    <div class="form-group">   
      <input id="dirForward" name="direction" type="radio">
      <label>Kilometres to Miles</label>
    </div>
    <br>
    <div class="form-group">
      <input id="dirBackward" name="direction" type="radio">
      <label>Miles to Kilometres</label>
    </div>
  </form>
</div>

<!--Conversion Amount-->
<div class="jumbotron">
  <h2>Conversion Amount</h2>
  <br>
  <form class="form-inline">
    <div class="form-group">   
      <input id="amoInput" type="text" class="form-control" value="100">
    </div>
    <br><br>
    <div class="form-group">
      <input id="btnConvert" type="button" value="Convert!" class="btn btn-primary btn-lg" onClick="Convert()"/>
    </div>
  </form>
</div>

<!--Conversion Results-->
<div class="jumbotron">
  <h2>Conversion Results</h2>
  <br>
  <form class="form-inline">
    <div class="form-group">   
      <input id="resNum1" type="text" class="form-control" value="100">   
    </div>
    <div class="form-group">   
      <input id="resUnit1" type="text" class="form-control" value="Kilometres">   
    </div>
    <div class="form-group">
      <label>Equals</label>
      <input id="resNum2" type="text" class="form-control" value="62.1">
    </div>
    <div class="form-group">    
      <input id="resUnit2" type="text" class="form-control" value="Miles">   
    </div>
  </form>
</div>

</div>

</body>


函数转换（）
{
var ratUnit1=document.getElementById（“ratUnit1”）.value；
var ratNum1=document.getElementById（“ratNum1”）.value；
var ratUnit2=document.getElementById（“ratUnit2”）.value；
var dirForward=document.getElementById（“dirForward”）。已选中；
var dirBackward=document.getElementById（“dirBackward”）。已选中；
var amoint=document.getElementById（“amoint”）.value；
if（dirForward）
{
document.getElementById（“resNum1”）.value=amoInput；
document.getElementById（“resUnit1”）.value=ratUnit1；
document.getElementById（“resNum2”）.value=amoint*ratNum1；
document.getElementById（“resUnit2”）.value=ratUnit2；
}
否则（如果向后）
{
document.getElementById（“resNum1”）.value=amoInput；
document.getElementById（“resUnit1”）.value=ratUnit2；
document.getElementById（“resNum2”）.value=amoint/ratNum1；
document.getElementById（“resUnit2”）.value=ratUnit1；
}
}



欢迎来到单位转换器！
转化率


1.
等于
转换方向


公里到英里


英里到公里
转换金额





转换结果


等于

只需将您的

else（if dirBackward）

更改为

else if（dirBackward）

，它应该可以工作

查看开发人员控制台，它会给出错误并将您指向该行。