js如何动态的获取input中的值？

Question

这个问题不知道该怎么问。
通过输入不同的数字，可以生成不同数量的button和input。
每一个button都对应一个input。

假如输入5，生成5个button和5个input，如下图所示。

我想点击button，就alert出input中的值，但是这里js不太清楚应该怎么取值，求指点。

Answer 1

 数量：<input type="text" onblur="createItem(this)"/>
<script>
    function createItem(t) {
        var n = parseInt(t.value) || 0,s='';
        for (var i = 0; i < n; i++) s += '<div><input type="text"/><input type="button" onclick="getValue(this)" value="button"/></div>';
        document.getElementById('dvList').innerHTML = s;
    }
    function getValue(btn) {
        var input = btn.previousSibling;
        alert(input.value)
    }
</script>
<div id="dvList">

</div>