-2

我正在尝试使用百分比计算器(下面的代码),但我只希望它输出整数(尽可能四舍五入),因为您不能拥有 0.3 的业务线索。

我有代码工作,以便它按预期计算和运行,但只需要将其减少到 0 个小数位。

我正在将其构建到 wordpress 上,但如果需要解决此问题,我很乐意使用插件或第三方脚本。

 <style>
    .entry-title {
    display: none;
    }
    .calculator {
    margin-bottom: 80px;
    }
    .calculator-banner {
    padding: 100px 0px;
    }
    .calculator-banner h1 {
        font-size: 55px;
        font-weight: 300;
        color: #4d4d4e;
        text-align: center;
    }
    .calculator-banner p {
        text-align: center;
        font-size: 25px;
        color: #4d4d4e;
        padding: 0px;
        font-weight: 100;
        line-height: normal;
        max-width: 800px;
        margin: 0 auto;
        margin-top: 20px;
    }
    .calculator .col-sm-4:first-child {
            border-right: 1px solid #f0f0f0;
    }
    .calculator .row:nth-child(even) {
    background: #f0f0f0;
    }
    
    .calculator .col-sm-4 p {
        margin-top: 0px;
    }
    .calculator p {
    padding: 10px;
    }
    input {
    background: none;
    margin: 10px;
    }
    </style>
    <div class="calculator-banner">
    <div class="container">
    <h1>Conversion <strong>Calculator</strong></h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at dui eleifend neque ullamcorper mattis sed sed risus.</p>
    </div>
    </div>
    <div class="calculator">
    <div class="row">
        <div class="col-sm-4">
        </div>
        <div class="col-sm-4">
            <h5>Without Software</h5>
        </div>
        <div class="col-sm-4">
            <h5>With Software</h5>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <p>Website Visitors Per Month</p>
        </div>
        <div class="col-sm-4">
            <input type="number" name="price" id="websitevisitors-without" value="10000" onchange="myChangeFunction(this)" />
        </div>
        <div class="col-sm-4">
            <input type="number" name="price" id="websitevisitors-with" value="10000" />
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <p>Standard Form Fill Conversion </p>
        </div>
        <div class="col-sm-4">
            <input type="number" name="qty" id="standard-form-fill-without" value="2"/>
        </div>
        <div class="col-sm-4">
            <input type="number" name="qty" id="standard-form-fill-with" value="2"/>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <p>Number of Form Fill Enquiries</p>
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="number-of-form-fills-without" value="200" readonly />
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="number-of-form-fills-with" value="200" readonly />
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <p>Conversion from Identified Website Visitors</p>
        </div>
        <div class="col-sm-4">
        </div>
        <div class="col-sm-4">
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <p>Number of Website Visitor Conversions</p>
        </div>
        <div class="col-sm-4">
        </div>
        <div class="col-sm-4">
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <p>Total Number of Opportunities</p>
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="total-opportunities-without" value="200" readonly />
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="total-opportunities-with" value="200" readonly />
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <p>Conversion of Opportunities to Sales</p>
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="conversion-of-opportunities-without" value="20" />
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="conversion-of-opportunities-with" value="20" />
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <p>Number of Sales</p>
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="number-of-sales-without" value="40" />
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="number-of-sales-with" value="40" />
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <p>Average Order Value</p>
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="average-order-value-without" value="1000" />
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="average-order-value-with" value="1000" />
        </div>
    </div>
    
    <div class="row">
        <div class="col-sm-4">
            <p>Revenue Generated</p>
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="revenue-generated-without" value="40000" />
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="revenue-generated-with" value="40000" />
        </div>
    </div>
    
    <div class="row">
        <div class="col-sm-4">
            <p>12month business benefit</p>
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="year-business-benefit-without" value="480000" step="0.01"/>
        </div>
        <div class="col-sm-4">
            <input type="number" name="total" id="year-business-benefit-with" value="480000" />
        </div>
    </div>
    </div>
    <script>
        $('#websitevisitors-without, #standard-form-fill-without, #conversion-of-opportunities-without, #number-of-sales-without, #average-order-value-without, #year-business-benefit-without, #revenue-generated-without').change(function() {
            var webvisitorswithout = parseFloat($('#websitevisitors-without').val()).toFixed(2);
            var standardformfillwithout = parseFloat($('#standard-form-fill-without').val()).toFixed(2);
            var converstionofopportunitieswihtout = parseFloat($('#conversion-of-opportunities-without').val()).toFixed(2);
            var numberofsaleswithout = parseFloat($('#number-of-sales-without').val()).toFixed(2);
            var averageordervaluewithout = parseFloat($('#average-order-value-without').val()).toFixed(2);
            var yearbusinessbenefitwithout = parseFloat($('#year-business-benefit-without').val()).toFixed(2);
            var revenuegeneratedwithout = parseFloat($('#revenue-generated-without').val()).toFixed(2);
    
            $('#number-of-form-fills-without, #total-opportunities-without').val(webvisitorswithout * standardformfillwithout / 100);
            $('#number-of-sales-without').val(webvisitorswithout * standardformfillwithout / 100 * converstionofopportunitieswihtout / 100);
            $('#revenue-generated-without').val(averageordervaluewithout * numberofsaleswithout);
            $('#year-business-benefit-without').val(revenuegeneratedwithout * 12);
        });
    </script>
    <script>
        $('#websitevisitors-with, #standard-form-fill-with, #conversion-of-opportunities-with, #number-of-sales-with, #average-order-value-with, #year-business-benefit-with, #revenue-generated-with').change(function() {
            var webvisitorswith = parseFloat($('#websitevisitors-with').val());
            var standardformfillwith = parseFloat($('#standard-form-fill-with').val());
            var converstionofopportunitieswihtout = parseFloat($('#conversion-of-opportunities-with').val());
            var numberofsaleswith = parseFloat($('#number-of-sales-with').val());
            var averageordervaluewith = parseFloat($('#average-order-value-with').val());
            var yearbusinessbenefitwith = parseFloat($('#year-business-benefit-with').val());
            var revenuegeneratedwith = parseFloat($('#revenue-generated-with').val());
    
            $('#number-of-form-fills-with, #total-opportunities-with').val(webvisitorswith * standardformfillwith / 100);
            $('#number-of-sales-with').val(webvisitorswith * standardformfillwith / 100 * converstionofopportunitieswihtout / 100);
            $('#revenue-generated-with').val(averageordervaluewith * numberofsaleswith);
            $('#year-business-benefit-with').val(revenuegeneratedwith * 12).toFixed(2);
        });
    </script>
    <script type="text/javascript">
      function myChangeFunction(websitevisitors-without) {
        var input2 = document.getElementById('websitevisitors-with');
        websitevisitors-with.value = websitevisitors-without.value;
      }
    </script>
4

1 回答 1

1

用于Math.ceil四舍五入到下一个较大的数字 用于Math.floor四舍五入到下一个较小的数字

例如

Math.ceil(0.3) // returns 1
Math.floor(0.3) //returns 0
于 2020-10-09T09:32:47.037 回答