JSFiddle - React, Tailwind, and code Playground

by reggi

HTML

<span id="main">
</span>

JavaScript

var $main = $("#main");

var total = 0,
    count = 1;

var display_process = function(left, right){
    return left+" += "+right+" = ";
}

while (count <= 10) {
    var p1 = display_process(total, count);
    total += count;
    p1 += total;
    
    var p2 = display_process(count, 1);
    count += 1;
    p2 += count;
    
    var $pass = $("<div>").text("~loop~");
    var $p1 = $("<div>").text(p1);
    var $p2 = $("<div>").text(p2);
    var $total = $("<div>").text("total: "+count);
    var $count = $("<div>").text("count: "+total);
    $main
    .append($pass)
    .append($p1)
    .append($p2)
    .append($total)
    .append($count)
    .append("<br>");
}