javascript - 在 JavaScript 中自动预设响应。

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

这就是我想要实现的目标:

当用户在输入字段中键入内容时，用户输入的数据将显示在输入框上方，同时用户消息下方会显示预设消息。 (就像一个非常简单的机器人聊天)

我尝试完成的示例是:

• 用户输入并提交 hello 。
• 然后预设消息Hello如果用户输入值等于hello，则在用户输入下返回。

你看到它像机器人聊天了吗？

下面是我的代码，它显然不起作用。

<script>
  function submit(){
    var userInput = document.getElementById('user').value;
    document.getElementById('userMsg').innerHTML = userInput;
    var userMsg = document.getElementById('userMsg').value;
    if ( userMsg === "hello" )
    {  
      document.getElementById('computerMsg').innerHTML = "Hello";
    }
  }
</script>
<p id="userMsg"></p>
<p id="computerMsg"></p>
<input type="text" id="user" />
<button onclick="submit();" href="javascript:;">Submit</button>

任何帮助将不胜感激。

Answer 1

你有一些简单的错误和冗余代码 - 清理了一下。

<script>
    function submit() {
        var userMsg = document.getElementById('user').value;
        if ( userMsg === "hello" ) {  
            document.getElementById('computerMsg').innerHTML = "Hello";
        }
    }
</script>

<p id="userMsg"></p>
<p id="computerMsg"></p>
<input type="text" id="user" />
<button onclick="submit();" href="javascript:;">Submit</button>