JSFiddle - React, Tailwind, and code Playground

by Brodingo

HTML

<div id="box"></div>

<ul>
    <li data-numba="100">ONE</li>
    <li data-numba="200">TWO</li>
    <li data-numba="250">TWO FIDDY</li>
    <li data-numba="400">FO</li>
    <li data-numba="200">TWO</li>
    <li data-numba="300">TREE</li>
</ul>

CSS

#box {
    width: 100px;
    height: 100px;
    background: #ddd;
}

JavaScript

var derp = 0;

$('li').each(function(){
    derp += parseInt($(this).attr("data-numba"));
});

$("#box").html(flerp);