JSFiddle - React, Tailwind, and code Playground

by jsumners

HTML

<pre id="output"></pre>

JavaScript

$(function() {
    var $output = $('#output'),
        neededHours = 0,
        percent = 0,
        targetPercent = 0.67,
        calculateNeededHours = function(){},
        calculatePercent = function(){};
    
    calculateNeededHours = function(attemptedHours, completedHours, attemptingHours) {
       return targetPercent*attemptedHours + targetPercent*attemptingHours - completedHours;
    };
    
    calculatePercent = function(attemptedHours, completedHours) {
        return (completedHours / attemptedHours);
    };
    
    // 1
    neededHours = calculateNeededHours(20, 13, 0);
    percent = calculatePercent(20, 13);
    $output.append("1\n");
    $output.append("Needed hours: " + neededHours + "\n");
    $output.append("Percent: " + percent + "\n");
    
    // 2
    neededHours = calculateNeededHours(20, 13, 1);
    percent = calculatePercent(21, 14);
    $output.append("\n2\n");
    $output.append("Needed hours: " + neededHours + "\n");
    $output.append("Percent: " + percent + "\n");
    
    // 3
    neededHours = calculateNeededHours(20, 13, 2);
    percent = calculatePercent(22, 15);
    $output.append("\n3\n");
    $output.append("Needed hours: " + neededHours + "\n");
    $output.append("Percent: " + percent + "\n");
});