Question

我正在尝试编写一个函数来旋转不同的图像，但我觉得我的条件中的语法是不正确的。有什么想法吗？

以下是我的javascript代码的一部分：

 // FUNCTION Check Captcha 
 function checkCaptcha() {

  var captchaText = document.getElementById("captchaInput").value;
  var captchaIMG = document.getElementById("captcha").src;

  // If statement for captcha checks
  if (captchaIMG == "captcha01.gif") {
      if (captchaText == "4D7YS") {
          calculateCostsFunctionFORM2();
      } else {
          alert("Captcha does not match! Try again.");
          captchaIMG = "captcha02.gif";
      }
  } else if (captchaIMG == "captcha02.gif") {
      if (captchaText == "28ivw") {
          calculateCostsFunctionFORM2();
      } else {
          alert("Captcha does not match! Try again.");
          captchaIMG = "captcha01.gif";
      }
  }

 }

我用下面的第一个按钮调用该功能。这是我的HTML代码：

<table border="1">
 <tr>
  <td>Calculate Costs of Fuel/Hour</td>
 <tr>
  <td>Departure Port</td>
  <td>
   <select id="departureFORM2">
    <option value="falmouth">Falmouth</option>
   </select>
  </td>
 </tr>
 <tr>
  <td>Destination</td>
  <td>
   <select id="destinationFORM2">
    <option value="nantucket">Nantucket</option>
    <option value="edgartown">Edgartown</option>
    <option value="oakBluffs">Oak Bluffs</option>
    <option value="newport">Newport</option>
   </select>
  </td>
 </tr>
 <tr>
  <td>Speed</td>
  <td>
   <select id="speed">
    <option value="14kt">14kt</option>
    <option value="18kt">18kt</option>
    <option value="20kt">20kt</option> 
    <option value="22kt">22kt</option> 
   </select>
  </td>
 </tr>
 <tr>
  <td>
   <img id="captcha" src="captcha01.gif" height="44" width="146" />
  </td>
  <td>
   <input type="text" id="captchaInput" style="text-align:right;">
  </td>
 </tr>
 <tr>
  <td>
   <button onclick="checkCaptcha()">Calculate</button>
  </td>
  <td>
  <input type="text" id="outputDisplayFORM2" style="text-align:right;" readonly>
  </td>
 </tr>
 <tr>
  <td>
   <input type="text" id="test" readonly />
  </td>
  <td>
   <button onclick="testOutput()">Test</button>
  </td>
 </tr>
</table>

基本上，if语句的逻辑应该是这样的：

检查输入是否与img1的验证码匹配：如果是=运行功能如果没有=改为im2

检查输入是否与img2的验证码匹配：如果是=运行功能如果没有=改为img1

请告诉我，如果您有任何其他需要，我会失踪。谢谢你的时间。

Javascript：将多个图像与单个变量进行比较

0 个答案: