如何檢查js上的輸入字段並根據文本值編寫和回答

Question

我是 Javascript 的新手，仍在學習，對於菜鳥問題​​很抱歉。 我想寫一個聊天機器人，但我被困在最基礎的開始。 這是我到目前為止所寫的：

var btt = document.getElementsByClassName(bt);
        var a = document.getElementById("A").textObject.value;
        var b = document.getElementById("B").textObject.value;
        
        var msg = ["Hi", "Hey", "Hello"]

        function one() {
            if (a.value = "Hi") {
             document.getElementById("B").value = "Hello";
          }
        };

我有兩個輸入字段和一個按鈕。 我試圖通過按下按鈕 (btt) 並根據該文本輸入回復答案文本 (b) 來檢查第一個輸入字段 (a) 的文本值。 我只是不明白為什么它不起作用。

這就是 html 正文的樣子：

<div align="center" id="A">
            <input type="text" width="250px" height="150"
            placeholder="..." autocomplete="off">
        </div>
        <br>
          <button class="bt" onclick="one()" value="msg">Click me</button>
        <br>
        <br>
        <div align="center" id="B">
          <input type="text" width="250px" height="150"
            placeholder="..." autocomplete="off">
        </div>

Answer 1

您在錯誤的元素上定義了 id，它應該在輸入字段上。

我在您的代碼中注意到了一些錯誤。

1. Id 定義在 div 元素上，它應該在輸入中
2. document.getElementsByClassName(bt) bt是一個字符串，應該用引號括起來。
3. document.getElementById("A")返回輸入對象，不需要添加textObject.value
4. 在 if 條件中，您使用 single =它應該是 double ==進行值比較或三重===進行值和類型比較。

嘗試這個。

 var btt = document.getElementsByClassName("bt"); var a = document.getElementById("A"); var b = document.getElementById("B"); var msg = ["Hi", "Hey", "Hello"] function one() { if (a.value === "Hi") { document.getElementById("B").value = "Hello"; } };

 <div align="center"> <input type="text" id="A" width="250px" height="150" placeholder="..." autocomplete="off"> </div> <br> <button class="bt" onclick="one()" value="msg">Click me</button> <br> <br> <div align="center"> <input type="text" id="B" width="250px" height="150" placeholder="..." autocomplete="off"> </div>