JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<input type="text" id="input"/>
</div>
<ul id="ul">
</ul>
CSS
div{
min-height:200px;
}
JavaScript
var input = document.querySelector("#input");
var ul = document.querySelector("#ul");
function getData(data) {
console.log(data.s);
ul.innerText = "";
for (var i = 0; i < data.s.length; i++) {
var li = document.createElement("li");
li.innerText = data.s[i];
ul.appendChild(li);
}
}
input.oninput = function () {
var value = input.value;
if (value) {
var script = document.createElement("script");
//script.src = "https://suggestion.baidu.com/su?wd="+value+"&cb=getData";
script.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=" + value + "&json=1&cb=getData";
document.body.appendChild(script);
}
}