While VS Do While

by Marventus

HTML

<button id="whileBtn">While</button>
<button id="doWhileBtn">Do While</button>

<h3>While</h3>

<div id="whileCont"></div>

<h3>Do While</h3>

<div id="doWhileCont"></div>

JavaScript

function whileFn() {
    var i = 9;
    while (i > 9) {
        whileC.innerHTML = whileC.innerHTML + (i + "<br>");
        i--;
    }
}

function doWhileFn() {
    var i = 9;
    do {
        doWhileC.innerHTML = doWhileC.innerHTML + (i + "<br>");
        i--;
    }
    while (i > 9);
}

var whileC = document.getElementById("whileCont"),
    doWhileC = document.getElementById("doWhileCont"),
    whileB = document.getElementById("whileBtn"),
    doWhileB = document.getElementById("doWhileBtn");

 whileB.addEventListener("click", whileFn, false);
doWhileB.addEventListener("click", doWhileFn, false);