Javascript 动态js答案取决于用户的输入

我想制作一个包含问题的表单，当用户在输入框中回答问题时，该框下应该有一个immidate answere。类似问题： 你开什么车？我：福特

动态响应：所以你开的是福特！ 什么样的福特

“为用户应答的另一个输入框”

---

这一切都应该用javascript完成，而不是jQuery。我需要一些从何处开始的指南。

您可以使用可用于输入测试框的不同事件来完成此操作。 例如，您可以对文本框使用

onchange

或

onblur

事件，并在这些事件中写入适当的逻辑。因此，这将动态执行。

---

请参见此

使用JQuery可以轻松处理事件。您可能需要的具体更改是：

然而，从你不得不问从哪里开始的事实来看，我建议你阅读一些关于这个问题的教程。参见示例：

html

<div id='questions'></div>​

​

和javascript

var _$ = function(id) {
    return document.getElementById(id);
};

var handle = function(e, div, num, q) {
    num = num || 0;

    var n_div = document.createElement('div');
    n_div.innerHTML = q[num].replace(/\$\{ans\}/g, e.value);
    console.log(e.value)
    div.appendChild(n_div);

    if (num + 1 < q.length) {
        var i = document.createElement('input');
        i.type = 'text';
        i.onblur = function() {
            handle(i, div, num + 1, q);
        };

        div.appendChild(i);
    }
};

var question = [
    'What car do you drive?',
    'So you drive a ${ans}, what kind?',
    'I like the ${ans} kind, where do you drive it?',
    'Its nice to drive at ${ans}'
], div;

div = _$('questions');

var n_div = document.createElement('div');
n_div.innerHTML = question[0];
div.appendChild(n_div);

var i = document.createElement('input');
i.type = 'text';
i.onblur = function() {
    handle(i, div, 1, question);
};                               
div.appendChild(i);

var\u$=函数（id）{
返回文档.getElementById（id）；
};
变量句柄=函数（e，div，num，q）{
num=num | | 0；
var n_div=document.createElement（'div'）；
n\u div.innerHTML=q[num]。替换（/\$\{ans\}/g，e.value）；
console.log（e.value）
儿童分部（n_分部）；
if（num+1

---

给你，一个正在工作的

他明确地说没有jQuery，但你的答案指向jQuery？不要引用w3scools。。。曾经也谢谢。如果没有innerhtml，这个会是什么样子？我还试着按下按键，并在用户输入文本时写出来。问题是我不知道怎么把其他的词放进去，比如：你开一个“输入词”。有没有办法使用这种方法？因为这样我们就可以同时把输入写出来。