using Javascript how to display element one by one on click
<p>how to display element one by one on click using only Javascript, in my example when I click all elements show at once, but i need only one click - one element. I appreciate if you show the simplest way to do if in order to i can understand how it works</p>

<pre><code>$(function() {
    var cars = ["audi", "bmw", "volvo"];
    var x = "";
    var i;
    for (i = 0; i &lt;cars.length; i++) {
        x += cars[i] + "&lt;br&gt;";
    }

    document.getElementById("btn").onclick = function() {
        document.getElementById("text").innerHTML = x;
    }
});
</code></pre>