ROI Calculator
<!DOCTYPE html><html data-wf-page="5d7907052db3db16dc43c17f" data-wf-site="5d7907052db3db6a3c43c17e"><head> <meta charset="utf-8"> <title>Baler and Magic</title> <meta content="width=device-width, initial-scale=1" name="viewport"> <link href="css/styles.css" rel="stylesheet" type="text/css"> <link href="icons/favicon.ico" rel="shortcut icon" type="image/x-icon"> <link href="icons/webclip.png" rel="apple-touch-icon"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="js/jquery.number.min.js" type="text/javascript"></script> <script src="js/baler_and_magic.js" type="text/javascript"></script> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300i,300,400,400i,600,700" rel="stylesheet"></head><body><section class="white-bg" id="roi-container"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div id="roi-calculator"> <div class="row"> <div class="col-sm-12"> <h1 class="text-center">Magic Finger and Baler System</h1> </div></div><br> <br> <h2>1. How many bags do you use in a year on this line?</h2> <hr> <div class="row"> <div class="col-sm-5"> <div class="input-group rates"> <input type="text" class="form-control" id="bagsNum" aria-describedby="basic-addon1" value="200000"> </div><input type="range" class="rangeSlider" value="200000" min="200000" max="3000000" step="1" id="bagsNumSlider"> <label class="s-label">Range: 200,000 - 3,000,000</label> </div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta nextStep-js" id="stepNext1" data-step-id="#step2" href="#">Next Step ›</a> </div></div><div id="step2" style="display:none"> <br> <br> <br> <h2>2. Number of people currently used on bagging line?</h2> <hr> <div class="row"> <div class="col-sm-5"> <div class="input-group hourlyRates"> <input type="text" class="form-control" id="bagsPeople" aria-describedby="basic-addon1" value="1"> <span class="input-group-addon">-</span> </div><input type="range" class="rangeSlider" data-idx="9" data-prev="" value="1" min="1" max="4" step="1" id="bagsPeopleSlider"> <label class="s-label">Range: 1 - 4</label> </div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta nextStep-js" id="stepNext2" data-step-id="#step3" href="#">Next Step ›</a> </div></div></div><div id="step3" style="display:none"> <br> <br> <br> <h2>3. What is the pay rate per hour?</h2> <hr> <div class="row"> <div class="col-sm-5"> <label for="averageChargeRate">Your average <strong>charge rate</strong> per hour</label> <div class="input-group rates"> <span class="input-group-addon">$</span> <input type="text" class="form-control" id="averageChargeRate" aria-describedby="basic-addon1" value="10"> </div><input type="range" class="rangeSlider" value="10" min="7" max="30" step="0.5" id="averageChargeSlider"> <label class="s-label">Range: $7 - $30</label> </div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta nextStep-js" id="stepNext3" data-step-id="#step4" href="#">Next Step ›</a> </div></div></div><div id="step4" style="display:none"> <br> <br> <br> <h2>4. What is the total price of the bagger?</h2> <hr> <div class="row"> <div class="col-sm-5"> <div class="input-group hourlyRates"> <span class="input-group-addon">$</span> <input type="text" class="form-control" id="machinePrice" aria-describedby="basic-addon1" value="130000"> </div><input type="range" class="rangeSlider" value="130000" min="102000" max="140000" step="1000" id="machinePriceSlider"> <label class="s-label">Range: $102,000 - $140,000</label> </div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta nextStep-js" id="stepNext5" data-step-id="#step5" href="#">Next Step ›</a> </div></div></div><div id="step5" style="display:none"> <br> <br> <br> <h2>5. How many months is the machine operated for each of these hours below?</h2> <hr> <div class="row"> <div class="col-sm-12"> <label for="averageChargeRate">Fill in the number of months, Total must equal 12.</label> </div><div class="col-sm-12"> <div class="table-responsive"> <table class="table" id="useTable"> <thead> <tr> <th width="20%">Months</th> <th width="30%" class="text-center">Hours/Day</th> <th width="20%">Days/Week</th> <th></th> </tr></thead> <tbody> <tr> <td> <input type="number" class="form-control" id="useMonth1" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-days">24 Hours/Day</span> </td><td> <input type="number" class="form-control" id="useDays1" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-result" id="useResult1">0</span> </td></tr><tr> <td> <input type="number" class="form-control" id="useMonth2" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-days">20 Hours/Day</span> </td><td> <input type="number" class="form-control" id="useDays2" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-result" id="useResult2">0</span> </td></tr><tr> <td> <input type="number" class="form-control" id="useMonth3" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-days">16 Hours/Day</span> </td><td> <input type="number" class="form-control" id="useDays3" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-result" id="useResult3">0</span> </td></tr><tr> <td> <input type="number" class="form-control" id="useMonth4" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-days">12 Hours/Day</span> </td><td> <input type="number" class="form-control" id="useDays4" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-result" id="useResult4">0</span> </td></tr><tr> <td> <input type="number" class="form-control" id="useMonth5" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-days">10 Hours/Day</span> </td><td> <input type="number" class="form-control" id="useDays5" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-result" id="useResult5">0</span> </td></tr><tr> <td> <input type="number" class="form-control" id="useMonth6" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-days">8 Hours/Day</span> </td><td> <input type="number" class="form-control" id="useDays6" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-result" id="useResult6">0</span> </td></tr><tr> <td> <input type="number" class="form-control" id="useMonth7" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-days">6 Hours/Day</span> </td><td> <input type="number" class="form-control" id="useDays7" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-result" id="useResult7">0</span> </td></tr><tr> <td> <input type="number" class="form-control" id="useMonth8" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-days">4 Hours/Day</span> </td><td> <input type="number" class="form-control" id="useDays8" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-result" id="useResult8">0</span> </td></tr><tr> <td> <input type="number" class="form-control" id="useMonth9" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-days">0 Hours/Day</span> </td><td> <input type="number" class="form-control" id="useDays9" aria-describedby="basic-addon1" value="0"> </td><td class="text-center"> <span class="label-result" id="useResult9">0</span> </td></tr><tr class="final-row"> <td> <span class="label-result" id="totalUseMonth">0</span> </td><td> </td><td> </td><td class="text-center"> <span class="label-result" id="totalUseResult">0</span> </td></tr></tbody> </table> </div></div></div><div class="row"> <div class="col-sm-12 text-right" style="margin:40px 0"> <a class="btn-cta" id="calculateROI" href="#">Calculate ROI ›</a> </div></div></div><div id="step6" style="display:none"> <div id="roiReturns" style="display: none"> <br> <br> <h2>6. Your returns</h2> <hr> <div class="summary"> <div class="row"> <div class="col-md-8"> Money saved on eliminating personnel </div><div class="col-md-4"> <span id="savedMoney"></span> </div></div><br> <br> <div class="row"> <div class="col-sm-3"> <span class="totalsaving">Total Yearly Savings</span> </div><div class="col-md-3"> <span class="totalsaving" id="totalSaving">0</span> </div></div><br> <br> <div class="row"> <div class="col-md-6"> <div class="row"> <div class="col-md-8"> Cost of the equipment </div><div class="col-md-4"> <span id="costEquip"></span> </div></div></div><div class="col-md-6"> <div class="row"> <div class="col-md-8"> Years until Payoff </div><div class="col-md-4"> <span id="yearlyPayoff"></span> </div></div></div></div></div><div class="row summary" style="margin-top:30px"> <div class="col-sm-12 text-center"> <p> * Yearly savings is approximated off the calculation that you will use only one person on the line. There can be efficiency savings in addition. These are estimates based on the industry averages and the assumption that you are already baling manually </p></div></div></div></div></div></div></div></div></section> </body></html>
.svg)