IF/ELSE 按钮 OnClick 基于表格中的信息

Question

首先，我是一个完全的新手，这段代码可能离我很远，所以请跟我说。 我试图让按钮根据表格中的文本具有不同的超链接。因此，如果表答案显示蓝色，则单击按钮将转到 HTML1，如果显示红色，则单击按钮将转到 HTML2。这可能吗？我一直在脑海中运行场景，这对我来说在逻辑上是有意义的，但显然不起作用。

<table>
<tr>
<td><strong>TITLE</strong></td>
<td id="colortype" type="text">Blue<br>
</td>
</tr>
</table>

<button class="btn" id="button">Find Colors</button>

<script type="text/javascript">

    if (document.getElementById("colortype").textContent == "Blue"){
        document.getElementById("button").window.open("HTML1")
    }
    else (document.getElementById("colortype").textContent = "Red"){
        document.getElementById("button").onclick = 'HTML2';  
    }

   </script>

Answer 1

是你需要的吗？

 function getColor(){
    switch (document.getElementById("colortype").textContent){
    case "Blue":
        location.href="HTML1";
      break;
   case "Red":
        location.href="HTML2";
      break;
   default:
        break;
  }
 }

<table>
  <tr>
    <td><strong>TITLE</strong></td>
    <td id="colortype" type="text">Blue<br>
    </td>
  </tr>
</table>

<button class="btn" id="button" onclick="getColor()">Find Colors</button>