我有3个数据在JSON文件中,并希望每个数据显示在一个单一的click.The的1个1的问题是以前的数据没有被新的数据被取代的按钮被点击。他们最终并排在一起(下图)。我该如何克服这个问题?提前谢谢。
JSON文件
[
{"quote": "Everyday Is A New Day"},
{"quote": "Trust Your Guts"},
{"quote": "All The Best"}
]
HTML
<p id="text"></p>
<button id="btn">GENERATE</button>
JAVASCRIPT
var text = document.getElementById("text");
var btn = document.getElementById("btn");
var i=0;
btn.addEventListener("click", function() {
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET', 'data2.json');
ourRequest.onload = renderHTML;
ourRequest.send();
});
function renderHTML(data) {
var htmlString =data[i].quote;
i++;
text.insertAdjacentHTML('beforeend', htmlString);
};
https://stackoverflow.com/questions/50748209
复制相似问题