从一个json数组中通过搜索框输入获取对应数据然后通过input点击事件展示到页面上

可以使用 JavaScript 中的 filter() 方法来搜索 json 数组中的数据，然后将符合条件的数据展示到页面上。具体实现可以参考以下代码：

// 假设 json 数据如下
var data = [
{ name: '张三', age: 20 },
{ name: '李四', age: 25 },
{ name: '王五', age: 30 }
];

// 获取搜索框和展示数据的 input 元素
var searchInput = document.getElementById('searchInput');
var displayInput = document.getElementById('displayInput');

// 给搜索框添加输入事件监听器
searchInput.addEventListener('input', function() {
// 获取搜索框中的关键词
var keyword = searchInput.value.trim();

// 使用 filter() 方法搜索符合条件的数据
var result = data.filter(function(item) {
return item.name.indexOf(keyword) !== -1;
});

// 将搜索结果展示到页面上
displayInput.value = JSON.stringify(result);
});

在上面的代码中，我们首先获取了搜索框和展示数据的 input 元素，然后给搜索框添加了一个输入事件监听器。每当用户输入关键词时，我们就使用 filter() 方法搜索符合条件的数据，并将结果展示到页面上。