JSFiddle - React, Tailwind, and code Playground

by craigm

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.1.7/underscore-min.js"></script>
<div id="result"></div>

JavaScript

var rolls = ['+', '-', '-', '-'];

var total = _.reduce(rolls, function(memo, roll) {
    console.log(['start loop memo:', memo, 'roll:', roll].join(' '));
    if (memo === '+') {
        memo = 1;
    } else if (memo === '-') {
        memo == -1;   
    } else if (memo === ' ') {
        memo = 0;    
    }
    
    if (roll === '-') {
        memo--;
    } else {
        memo++;
    }
    console.log(['end loop memo:', memo].join(' '));
    return memo;
});

$('#result').html(total);