javascript - 将输出回复到输入

Question

我是 Javascript 新手，但我知道这在 Python 中也是可能的(我对此有所了解)

假设有人输入“嗨” 如何输出“回复”。

但是如果输入不同的内容，则会有不同的回复，即

如果输入Hi，则输出“Hello there”

如果输入How are you，则输出“很好，谢谢”

等等

我还希望从下拉菜单中选择这些(嗨，你好吗，你在做什么)(这将位于 HTML 页面上)

非常感谢!!

Answer 1

好吧，你会有一个选择菜单(显然):

<select id="greeting">
  <option value="0">Select a greeting</option>
  <option value="1">Hi</option>
  <option value="2">Hello there</option>
  <option value="3">How are you</option>
</select>

然后，您可以附加一个事件监听器，以便在选择菜单的值发生更改时执行某些操作:

var sel = document.getElementById("greeting");
sel.onchange = function(){
  ...
}

在事件处理程序中，您可以使用所选选项元素的值来查找输入的问候语并发出适当的响应警报。

var greetings = {
    "1": "How are you?",
    "2": "Hello back!",
    "3": "Not bad"   
},
sel = document.getElementById("greeting");

sel.onchange = function(){
    if(this.value !== "0"){
        alert(greetings[this.value]);
    }
}

<强> fiddle